html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}#root{width:100%;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--text:#fff;--text-muted:#888;--primary:#6366f1;--secondary:#8b5cf6;--accent:#ec4899}body{background:var(--bg);color:var(--text);cursor:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.cursor-glow{pointer-events:none;z-index:9999;background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:300px;height:300px;transition:opacity .3s;position:fixed}.app{opacity:0;transition:all .8s;transform:translateY(20px)}.app.loaded{opacity:1;transform:translateY(0)}.nav{z-index:100;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:2rem 4rem;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:-1px;background:linear-gradient(90deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text);opacity:.7;font-size:.9rem;text-decoration:none;transition:opacity .3s;position:relative}.nav-links a:after{content:"";background:var(--text);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{opacity:1}.nav-links a:hover:after{width:100%}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;overflow:hidden}.gradient-orb{filter:blur(80px);opacity:.5;border-radius:50%;animation:10s ease-in-out infinite float;position:absolute}.orb-1{background:var(--primary);width:400px;height:400px;animation-delay:0s;top:10%;left:10%}.orb-2{background:var(--secondary);width:300px;height:300px;animation-delay:-3s;bottom:20%;right:15%}.orb-3{background:var(--accent);width:250px;height:250px;animation-delay:-6s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.1)}50%{transform:translate(-20px,20px)scale(.9)}75%{transform:translate(20px,30px)scale(1.05)}}.hero-content{text-align:center;z-index:1;max-width:800px;position:relative}.glitch{letter-spacing:-.05em;color:var(--text);margin-bottom:.5rem;font-size:clamp(4rem,15vw,8rem);font-weight:900;line-height:1;animation:3s infinite glitch-skew;position:relative}.glitch.subtitle{margin-bottom:1rem;font-size:clamp(2rem,8vw,4rem)}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:var(--primary);clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation:2s linear infinite alternate-reverse glitch-anim-1}.glitch:after{color:var(--accent);clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);animation:3s linear infinite alternate-reverse glitch-anim-2}@keyframes glitch-anim-1{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}@keyframes glitch-anim-2{0%{transform:translate(0)}20%{transform:translate(3px,-3px)}40%{transform:translate(3px,3px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(-3px,3px)}to{transform:translate(0)}}@keyframes glitch-skew{0%,to{transform:skew(0deg)}20%{transform:skew(-2deg)}40%{transform:skew(2deg)}60%{transform:skew(-1deg)}80%{transform:skew(1deg)}}.tagline{color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;margin-top:1rem;font-size:1.2rem}.description{color:var(--text-muted);opacity:.8;margin-top:.5rem;font-size:1rem}.cta-btn{color:var(--text);cursor:none;background:0 0;border:1px solid #fff3;border-radius:50px;margin-top:3rem;padding:1rem 3rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.cta-btn span{z-index:1;position:relative}.btn-glow{background:linear-gradient(90deg, var(--primary), var(--secondary));opacity:0;transition:opacity .3s;position:absolute;inset:0}.cta-btn:hover{border-color:#0000;transform:scale(1.05)}.cta-btn:hover .btn-glow{opacity:1}.about{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:6rem 2rem;display:flex}.section-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.section-num{color:var(--primary);font-size:.8rem;font-weight:700}.section-header h2{font-size:2rem;font-weight:700}.about-text{color:var(--text-muted);max-width:600px;margin-bottom:2rem;font-size:1.2rem;line-height:1.8}.tech-tags{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.tag{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;padding:.5rem 1.5rem;font-size:.9rem;transition:all .3s}.tag:hover{border-color:var(--primary);color:var(--text);background:#6366f133;transform:translateY(-2px)}.contact{text-align:center;background:linear-gradient(#0000,#6366f10d);flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:6rem 2rem;display:flex}.contact-info{flex-direction:column;gap:1rem;display:flex}.contact-link{color:var(--text);align-items:center;gap:1rem;font-size:1.5rem;text-decoration:none;transition:all .3s;display:flex}.link-text{position:relative}.link-text:after{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.contact-link:hover .link-text:after{width:100%}.link-arrow{transition:transform .3s}.contact-link:hover .link-arrow{transform:translate(10px)}.address{color:var(--text-muted);font-size:1rem}footer{text-align:center;border-top:1px solid #ffffff0d;padding:2rem}footer p{color:var(--text-muted);font-size:.8rem}@media (width<=768px){.nav{padding:1.5rem 2rem}.glitch{font-size:3rem}.glitch.subtitle{font-size:1.5rem}.tagline{font-size:.9rem}.contact-link{font-size:1.2rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}