@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&display=swap";.landing-multidisciplinar{font-family:Dancing Script,cursive}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.play-icon{animation:pulse 2s ease-in-out infinite}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--bg-color)}.loader{border:4px solid var(--light-gray);border-top:4px solid var(--primary-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.container{padding:0 1rem}}:root{--primary-color: #000000;--secondary-color: #777777;--accent-color-1: #B29E66;--accent-color-2: #3DADB3;--accent-color-3: #E7B518;--bg-color: #FFFFFF;--light-gray: #F5F5F5;--hero-bg: #F2F2F2;--heading-font: "Quicksand", sans-serif;--body-font: "Quicksand", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--body-font);color:var(--primary-color);background-color:var(--bg-color);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:700;margin-bottom:1rem;letter-spacing:.3em}a{text-decoration:none;color:inherit}button,.button{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-family:var(--body-font);font-weight:600;cursor:pointer;transition:background-color .3s ease}button:hover,.button:hover{background-color:#333}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 1rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.project-card{overflow:hidden;position:relative;border-radius:12px;box-shadow:0 5px 15px #0000000d}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover img{transform:scale(1.05)}.project-overlay{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem;background:rgba(255,255,255,.9);transform:translateY(100%);transition:transform .3s ease}.project-card:hover .project-overlay{transform:translateY(0)}.navbar{padding:1.5rem 5%;position:sticky;top:0;z-index:1000;background-color:var(--bg-color);box-shadow:0 2px 10px #0000000d;font-family:var(--heading-font)}.navbar-items{display:flex;justify-content:center;align-items:center;gap:2rem}.navbar-item{font-weight:600;letter-spacing:.2em;transition:color .3s ease}.navbar-item:hover,.navbar-item.active{color:var(--accent-color-1)}.hero-section{position:relative;min-height:100vh;background-color:var(--hero-bg);display:flex;align-items:center;justify-content:center}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-title{font-size:3rem;font-weight:700;letter-spacing:.3em;margin-bottom:.5rem}.hero-subtitle{font-size:2rem;font-weight:700;letter-spacing:.3em;margin-bottom:1.5rem}.hero-description{font-size:1.2rem;letter-spacing:.2em;max-width:500px;margin-bottom:2rem}.skills-section{padding:5rem 0}.skills-title{text-align:center;margin-bottom:4rem;font-size:2rem;font-weight:700;letter-spacing:.3em}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--hero-bg)}.loader{border:5px solid #f3f3f3;border-top:5px solid var(--accent-color-1);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.container{width:95%}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.hero-description{font-size:1rem}.skills-grid{grid-template-columns:1fr}.navbar-items{flex-direction:column;gap:1rem}}