:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Geist", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", "SF Mono", monospace;--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--duration-micro: 80ms;--duration-short: .2s;--duration-medium: .35s;--primary: #0066FF;--primary-hover: #0052CC;--secondary: #00C2A8;--success: #00C2A8;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6}[data-theme=dark]{--bg-base: #0A0E17;--bg-surface: #111827;--bg-elevated: #1A2332;--bg-hover: #1F2D3D;--border: #1E293B;--border-subtle: #162032;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--text-on-primary: #FFFFFF;--grain-opacity: .03;--grid-opacity: .04}[data-theme=light]{--bg-base: #F5F7FA;--bg-surface: #FFFFFF;--bg-elevated: #F0F2F5;--bg-hover: #E8ECF1;--border: #E2E8F0;--border-subtle: #EDF1F7;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-on-primary: #FFFFFF;--grain-opacity: .015;--grid-opacity: .06}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);line-height:1.6;transition:background var(--duration-medium) var(--ease-out),color var(--duration-medium) var(--ease-out)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:var(--grain-opacity);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-size:256px 256px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-4xl) 0}.section-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin-bottom:var(--space-sm)}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;color:var(--text-primary);line-height:1.2;margin-bottom:var(--space-md)}.section-desc{font-size:1.125rem;color:var(--text-secondary);max-width:640px;line-height:1.7}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:12px 24px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all var(--duration-short) var(--ease-out);white-space:nowrap}.btn-primary{background:var(--primary);color:var(--text-on-primary)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--text-secondary);background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:12px 16px}.btn-ghost:hover{color:var(--text-primary)}.btn-sm{padding:8px 16px;font-size:13px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:border-color var(--duration-short),transform var(--duration-short)}.card:hover{border-color:#0066ff4d;transform:translateY(-2px)}.grid-bg{position:relative}.grid-bg:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:calc(var(--grid-opacity) * 1.5);background-image:linear-gradient(var(--text-muted) 1px,transparent 1px),linear-gradient(90deg,var(--text-muted) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black,transparent)}.glow-blue{position:relative}.glow-blue:before{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(0,102,255,.1) 0%,transparent 70%);pointer-events:none;z-index:0}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0e17cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}[data-theme=light] .nav{background:#f5f7fad9}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{font-family:var(--font-body);font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;gap:2px}.nav-logo-mark{color:var(--primary);font-size:20px}.nav-links{display:flex;gap:var(--space-xl)}.nav-links a{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color var(--duration-short)}.nav-links a:hover{color:var(--text-primary)}.nav-actions{display:flex;align-items:center;gap:var(--space-sm)}.lang-switch{font-weight:600;letter-spacing:.02em}.theme-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;color:var(--text-secondary);font-size:16px;transition:all var(--duration-short);margin-left:var(--space-xs)}.theme-toggle:hover{border-color:var(--primary);color:var(--text-primary)}.nav-mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-mobile-toggle span{width:20px;height:2px;background:var(--text-secondary);transition:all var(--duration-short)}.nav-mobile-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-mobile-toggle.open span:nth-child(2){opacity:0}.nav-mobile-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:99;padding:var(--space-lg)}.mobile-menu.open{display:block}.mobile-menu ul{display:flex;flex-direction:column;gap:var(--space-md)}.mobile-menu a{font-size:16px;font-weight:500;color:var(--text-secondary)}.lang-switch-mobile{color:var(--primary)!important;font-weight:600!important}@media(max-width:768px){.nav-links,.nav-actions{display:none}.nav-mobile-toggle{display:flex}}.footer{border-top:1px solid var(--border);padding:var(--space-3xl) 0 var(--space-2xl)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer-brand{font-size:18px;font-weight:700;margin-bottom:var(--space-sm);color:var(--text-primary)}.footer-tagline{font-size:14px;color:var(--text-muted);max-width:240px}.footer-col h4{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-md)}.footer-col ul{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-col a{font-size:14px;color:var(--text-secondary);transition:color var(--duration-short)}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:var(--space-sm)}}main{padding-top:64px}