:root{--color-bg:#f8f9fc;--color-bg-alt:#fff;--color-bg-card:#ffffffb3;--color-bg-card-hover:#fffffff2;--color-surface:#eef1f6;--color-border:#0000000f;--color-border-hover:#0000001f;--color-text-primary:#1a1d26;--color-text-secondary:#475069;--color-text-muted:#647087;--color-accent:#6366f1;--color-accent-light:#818cf8;--color-accent-dark:#4f46e5;--color-accent-bg:#6366f114;--color-accent-bg-hover:#6366f124;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--gradient-subtle:linear-gradient(135deg, #6366f10f 0%, #a855f70f 50%, #ec48990f 100%);--gradient-text:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-hero:clamp(2.5rem, 5vw + 1rem, 4.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--max-width:1200px;--nav-height:72px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-md:0 4px 16px #0000000f, 0 1px 4px #00000008;--shadow-lg:0 12px 40px #00000014, 0 4px 12px #00000008;--shadow-xl:0 24px 60px #0000001a, 0 8px 20px #0000000a;--shadow-glow:0 0 30px #6366f126, 0 0 60px #6366f10d;--shadow-card:0 4px 24px #0000000d;--shadow-card-hover:0 12px 40px #0000001a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg);line-height:1.7;overflow-x:hidden}::selection{background-color:var(--color-accent-light);color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}img{-webkit-user-drag:none;pointer-events:none;max-width:100%;display:block}a img,button img{pointer-events:none}button{cursor:pointer;font-family:var(--font-body);-webkit-user-drag:none;background:0 0;border:none}a{-webkit-user-drag:none}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-24) 0;scroll-margin-top:calc(var(--nav-height) + var(--space-4))}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);border-radius:var(--radius-full);transition:all var(--transition-base);letter-spacing:.01em;white-space:nowrap;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-label{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);background:var(--color-accent-bg);border-radius:var(--radius-full);margin-bottom:var(--space-4);border:1px solid #6366f11f;font-weight:600;display:inline-flex}.section-title{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:560px;line-height:1.7}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.skip-link{top:-100%;left:var(--space-6);z-index:10000;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--color-accent);color:#fff;box-shadow:var(--shadow-lg);transition:top var(--transition-fast);font-weight:600;text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-4);outline:2px solid var(--color-accent-dark);outline-offset:2px}.error-boundary{justify-content:center;align-items:center;gap:var(--space-4);min-height:240px;padding:var(--space-8);text-align:center;color:var(--color-text-secondary);flex-direction:column;display:flex}.navbar{z-index:1000;height:var(--nav-height);transition:all var(--transition-base);background:#f8f9fc00;border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#f8f9fcd9}.navbar-inner{width:100%;max-width:var(--max-width);padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-logo{align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:800;display:flex}.navbar-logo .logo-dot{background:var(--gradient-primary);border-radius:50%;width:8px;height:8px;margin-left:2px;display:inline-block}.navbar-logo .logo-icon{object-fit:contain;width:auto;height:28px}.navbar-links{align-items:center;gap:var(--space-8);display:flex}.navbar-link{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);padding:var(--space-2) 0;font-weight:500;position:relative}.navbar-link:hover,.navbar-link.active{color:var(--color-text-primary)}.navbar-link:after{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-2px;left:0}.navbar-link:hover:after,.navbar-link.active:after{width:100%}.navbar-cta{padding:var(--space-2) var(--space-5);font-size:var(--text-sm)}.navbar-toggle{cursor:pointer;width:28px;padding:var(--space-2);flex-direction:column;gap:5px;display:none}.navbar-toggle span{background:var(--color-text-primary);width:100%;height:2px;transition:all var(--transition-base);border-radius:2px;display:block}.navbar-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{top:var(--nav-height);z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-6);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);gap:var(--space-4);background:#f8f9fcf7;flex-direction:column;display:none;position:fixed;left:0;right:0}.mobile-menu.open{display:flex}.mobile-menu .navbar-link{font-size:var(--text-lg);padding:var(--space-3) 0;width:fit-content}@media (width<=768px){.navbar-links{display:none}.navbar-toggle{display:flex}}.footer{background:var(--color-bg-alt);border-top:1px solid var(--color-border);padding:var(--space-16) 0 var(--space-8)}.footer-grid{gap:var(--space-10);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand{max-width:300px}.footer-logo{align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-4);font-weight:800;display:inline-flex}.footer-logo .logo-dot{background:var(--gradient-primary);border-radius:50%;width:8px;height:8px;display:inline-block}.footer-logo .logo-icon{object-fit:contain;width:auto;height:32px}.footer-brand-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5);line-height:1.7}.footer-socials{gap:var(--space-3);display:flex}.footer-social{border-radius:var(--radius-md);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-secondary);font-size:var(--text-sm);transition:all var(--transition-fast);border:1px solid var(--color-border);justify-content:center;align-items:center;display:flex}.footer-social:hover{background:var(--color-accent-bg);color:var(--color-accent);border-color:#6366f133}.footer-column-title{font-family:var(--font-heading);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);margin-bottom:var(--space-5);font-weight:700}.footer-links{gap:var(--space-3);flex-direction:column;display:flex}.footer-link{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-accent)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.footer-copyright{font-size:var(--text-xs);color:var(--color-text-muted)}.footer-legal{gap:var(--space-6);display:flex}.footer-legal a{font-size:var(--text-xs);color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--color-text-secondary)}@media (width<=768px){.footer-grid{gap:var(--space-8);grid-template-columns:1fr}.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}}.not-found-page{background:var(--color-bg);min-height:100svh;padding:var(--space-24) var(--space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.nf-blob{filter:blur(90px);pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite nf-float;position:absolute}.nf-blob-1{background:radial-gradient(circle,#6366f12e 0%,#0000 70%);width:520px;height:520px;animation-delay:0s;top:-120px;right:-80px}.nf-blob-2{background:radial-gradient(circle,#a855f724 0%,#0000 70%);width:380px;height:380px;animation-delay:-3s;bottom:-60px;left:-60px}.nf-blob-3{background:radial-gradient(circle,#ec48991a 0%,#0000 70%);width:260px;height:260px;animation-delay:-6s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes nf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-24px)}}.nf-inner{z-index:1;text-align:center;align-items:center;gap:var(--space-8);flex-direction:column;width:100%;max-width:680px;display:flex;position:relative}.nf-code{letter-spacing:-.04em;filter:drop-shadow(0 0 60px #6366f140);justify-content:center;align-items:center;gap:.02em;line-height:1;display:flex;position:relative}.nf-digit{font-family:var(--font-heading);background:var(--gradient-primary);-webkit-text-fill-color:transparent;opacity:.92;-webkit-background-clip:text;background-clip:text;font-size:clamp(7rem,20vw,14rem);font-weight:800;line-height:1}.nf-zero{animation:6s linear infinite nf-spin;display:inline-block}@keyframes nf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nf-content{align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.nf-title{font-size:clamp(1.75rem,4vw,2.75rem);font-family:var(--font-heading);color:var(--color-text-primary);margin:0;line-height:1.2}.nf-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:520px;line-height:1.7}.nf-actions{align-items:center;gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.nf-actions .btn{padding:var(--space-3) var(--space-8);font-size:var(--text-sm)}@media (width<=480px){.nf-code{font-size:clamp(5.5rem,28vw,7rem)}.nf-actions{flex-direction:column;width:100%}.nf-actions .btn{width:100%}}