@import "https://fonts.googleapis.com/css2?family=PT+Mono&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(270deg,#1b1429,#140f23);font-family:PT Mono,monospace}#stars-canvas{z-index:-1;pointer-events:none;position:fixed;inset:0}:root{--text-h:#f3f4f6}img{max-width:100%}h1,h2,h3{color:var(--text-h)}.hero{margin-bottom:5rem}.hero-content{justify-content:space-between;align-items:center;gap:4rem;width:100%;max-width:1400px;min-height:65vh;margin:0 auto;padding:0 1rem;display:flex}.hero-image img{object-fit:cover;border:8px solid #7c3aed;border-radius:50%;width:300px;height:300px;box-shadow:0 0 20px #7c3aed66,0 0 60px #7c3aed40,0 0 120px #7c3aed1f}.hero-text h1{margin-bottom:.5rem;font-size:3rem}.hero-text h1 span{color:#c084fc}.hero-roles{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1.8rem;display:flex}.separator{color:#c084fc}.wave{transform-origin:70% 70%;margin-left:10px;animation:2.5s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.typing-text{color:#c77dff;min-width:700px;height:80px;font-size:3.5rem;font-weight:700;display:block}@media (width<=768px){.hero{padding-top:8rem}.hero-content{text-align:center;flex-direction:column-reverse;align-items:center;gap:2rem;width:100%;padding:0 1rem}.hero-image{justify-content:center;width:100%;display:flex}.hero-image img{width:180px;height:180px}.hero-text{width:100%;overflow:hidden}.hero-text h1{font-size:2.5rem;line-height:1.2}.hero-text h2{font-size:1.2rem;line-height:1.3}.hero-roles{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:1.5rem;display:flex}.separator{display:none}.typing-text{white-space:normal;overflow-wrap:break-word;width:100%;min-width:0;height:auto;font-size:2rem}}@media (width<=430px){.hero-image img{width:180px;height:180px}.hero-text h1{font-size:1.8rem}.hero-roles{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:1.2rem;display:flex}.separator{display:none}.typing-text{font-size:1.2rem}}.about{padding:4rem 2rem 8rem}.about-container{text-align:center;max-width:1000px;margin-left:100px}.about h2{margin-bottom:4rem;font-size:3rem}.about h2 span{color:#c77dff}.about p{color:#f3f4f6;margin-bottom:3rem;font-size:1.2rem;line-height:1.8}.about p span{color:#c77dff;font-weight:700}@media (width<=768px){.about-container{text-align:center;margin:0 auto}.about{padding:3rem 1rem}.about h2{text-align:center;font-size:2.5rem}.about p{font-size:1.1rem;line-height:1.6}}@media (width<=480px){.about-container{text-align:center;margin:0 auto}.about h2{font-size:2rem}.about p{font-size:1rem}}.construction-container{text-align:center;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:2rem;display:flex}.construction-icon{margin-bottom:1rem;font-size:5rem}.construction-container h1{color:#c084fc;margin-bottom:1rem;font-size:3rem}.construction-container p{color:#fff;max-width:700px;margin:.5rem 0;font-size:1.2rem}.navbar{box-sizing:border-box;z-index:1000;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:20px 80px;transition:all .3s;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#19162ad1;border-bottom:1px solid #7c3aed26;box-shadow:0 4px 20px #00000059}.logo{color:#c084fc;font-size:1.4rem;font-weight:700}.menu-toggle{display:none}.nav-links{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-links li{cursor:pointer;transition:color .3s}.nav-links li:hover{color:#c084fc}.nav-links a{color:#fff;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#c084fc}.nav-links a.active{color:#c084fc;border-bottom:2px solid #c084fc}@media (width<=768px){.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}}@media (width<=430px){.navbar{justify-content:space-between;align-items:center;padding:1rem;display:flex;position:relative}.logo{margin:0}.menu-toggle{color:#f3f4f6;cursor:pointer;background:0 0;border:none;font-size:2rem;display:block}.nav-links{display:none}.nav-links.active{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140f23f2;border:1px solid #7c3aed33;border-radius:12px;flex-direction:column;gap:1rem;min-width:140px;padding:1rem;display:flex;position:absolute;top:70px;right:1rem;box-shadow:0 0 20px #7c3aed40}}.footer{text-align:center;border-top:1px solid #c77dff33;padding:3rem 1rem}.footer-content{max-width:1000px;margin:0 auto}.footer h3{color:#c77dff;margin-bottom:1rem;font-size:1.5rem}.footer-roles{color:#f3f4f6;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1rem;display:flex}.footer-separator{color:#c084fc}.footer-links{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.footer-links a{color:#c77dff;font-size:2.3rem;transition:all .3s}.footer-links a:hover{color:#fff;transform:translateY(-4px)}.footer small{color:#9ca3af;font-size:.9rem}@media (width<=430px){.footer-roles{flex-direction:column;align-items:center;gap:.4rem;display:flex}.footer-separator{color:#c084fc;display:none}}