*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#0a0a0b;--bg-secondary:#111113;--bg-card:#16161a;--bg-card-hover:#1c1c21;--text-primary:#ececf1;--text-secondary:#a1a1aa;--text-muted:#8a8a93;--accent:#6d5acd;--accent-light:#8b7de0;--accent-glow:rgba(109, 90, 205, 0.15);--border:#27272a;--border-light:#3f3f46;--success:#22c55e;--radius:12px;--radius-sm:8px;--transition:0.3s cubic-bezier(0.4, 0, 0.2, 1)}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-light) transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:#fff}a{color:inherit}body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent),#c084fc,var(--accent-light));z-index:200;transition:width .1s linear;border-radius:0 2px 2px 0}#navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,11,.8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid transparent;transition:border-color var(--transition)}#navbar.scrolled{border-bottom-color:var(--border)}.nav-logo{font-weight:700;font-size:1.15rem;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color var(--transition);position:relative}.nav-links a.active,.nav-links a:hover{color:var(--text-primary)}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width var(--transition);border-radius:1px}.nav-links a.active::after,.nav-links a:hover::after{width:100%}.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:0 0;border:none;padding:4px}.nav-toggle span{width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:var(--transition)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;text-decoration:none;transition:all var(--transition);cursor:pointer;border:none;font-family:inherit}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:0 8px 30px rgba(109,90,205,.3)}.btn-outline{background:0 0;color:var(--text-primary);border:1px solid var(--border-light)}.btn-outline:hover{border-color:var(--accent);color:var(--accent-light);transform:translateY(-1px)}section{padding:5rem 2rem}.container{max-width:960px;margin:0 auto}.section-label{font-family:'JetBrains Mono',monospace;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-light);margin-bottom:1rem}.section-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.section-desc{color:var(--text-secondary);max-width:560px;margin-bottom:3rem;line-height:1.7}footer{padding:2rem;text-align:center;border-top:1px solid var(--border);min-height:65px;overflow:hidden}footer .footer-content{position:relative}footer .footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:.75rem}footer .footer-links a{font-size:.8rem;color:var(--text-secondary);text-decoration:none;transition:color var(--transition)}footer .footer-links a:hover{color:var(--accent-light)}footer p{font-size:.8rem;color:var(--text-muted)}.nav-logo span{display:inline-block;transition:transform .15s ease}@keyframes dotBounce{0%{transform:translateY(0)}3%{transform:translateY(-2px)}7%{transform:translateY(-8px)}10%{transform:translateY(-12px)}14%{transform:translateY(-8px)}18%{transform:translateY(-2px)}20%{transform:translateY(0)}23%{transform:translateY(-1px)}26%{transform:translateY(-6px)}30%{transform:translateY(-10px)}34%{transform:translateY(-6px)}38%{transform:translateY(-1px)}40%{transform:translateY(0)}44%{transform:translateY(-5px)}48%{transform:translateY(-8px)}52%{transform:translateY(-5px)}56%{transform:translateY(0)}61%{transform:translateY(-3px)}66%{transform:translateY(-6px)}71%{transform:translateY(-3px)}76%{transform:translateY(0)}81%{transform:translateY(-2px)}86%{transform:translateY(-3px)}91%{transform:translateY(-1px)}96%{transform:translateY(0)}100%{transform:translateY(0)}}.nav-logo span.hint-bounce{animation:dotBounce 3.5s ease-in-out;color:#c084fc}@keyframes staticIn{0%{clip-path:inset(0 100% 0 0);filter:brightness(3) saturate(0)}10%{clip-path:inset(40% 0 50% 0);filter:brightness(2) saturate(0)}15%{clip-path:inset(0 60% 0 0);filter:brightness(1.5)}20%{clip-path:inset(70% 0 0 0);filter:brightness(3) saturate(0)}25%{clip-path:inset(0 0 60% 20%);filter:brightness(1)}30%{clip-path:inset(20% 40% 30% 0);filter:brightness(2)}35%{clip-path:inset(0 10% 0 0);filter:brightness(1.5) saturate(.5)}40%{clip-path:inset(50% 0 10% 30%);filter:brightness(2.5)}50%{clip-path:inset(5% 5% 5% 5%);filter:brightness(1.2)}60%{clip-path:inset(0 20% 0 0);filter:brightness(1)}70%{clip-path:inset(0 5% 10% 0);filter:brightness(1)}85%{clip-path:inset(0 2% 0 0);filter:brightness(1)}100%{clip-path:inset(0 0 0 0);filter:brightness(1)}}@keyframes staticOut{0%{clip-path:inset(0 0 0 0);filter:brightness(1)}15%{clip-path:inset(0 2% 0 0);filter:brightness(1.5)}25%{clip-path:inset(30% 0 20% 40%);filter:brightness(2)}35%{clip-path:inset(0 50% 0 0);filter:brightness(2.5) saturate(0)}45%{clip-path:inset(60% 0 30% 0);filter:brightness(3)}55%{clip-path:inset(0 0 70% 60%);filter:brightness(2)}65%{clip-path:inset(80% 80% 0 0);filter:brightness(3) saturate(0)}80%{clip-path:inset(0 90% 50% 0);filter:brightness(2)}100%{clip-path:inset(0 100% 0 0);filter:brightness(3) saturate(0)}}@keyframes scanlines{0%{background-position:0 0}100%{background-position:0 4px}}.footer-retro-box{font-family:'Press Start 2P',monospace!important;font-size:.55rem!important;color:#ed1f24!important;background:#fff;border:3px solid #ed1f24;border-radius:6px;display:inline-block;padding:10px 18px;letter-spacing:.05em;position:relative}.footer-retro-box::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(237,31,36,.06) 2px,rgba(237,31,36,.06) 4px);pointer-events:none;animation:scanlines .2s linear infinite;border-radius:4px}.footer-glitch-in .footer-retro-box{animation:staticIn .6s steps(3) forwards}.footer-glitch-out .footer-retro-box{animation:staticOut .6s steps(3) forwards}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){#navbar{padding:0 1.25rem}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:rgba(10,10,11,.95);backdrop-filter:blur(20px);padding:1.5rem;gap:1rem;border-bottom:1px solid var(--border)}.nav-links.open{display:flex}.nav-toggle{display:flex}section{padding:3.5rem 1.25rem}}