*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:72px}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-deep);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto}code{font-family:var(--font-mono)}:root{--bg-deep: #0c0e14;--bg-surface: #12151e;--bg-elevated: #1a1e2e;--bg-card: rgba(18, 21, 30, .7);--bg-card-hover: rgba(26, 30, 46, .85);--accent: #f97316;--accent-hover: #fb923c;--accent-dim: rgba(249, 115, 22, .15);--accent-border: rgba(249, 115, 22, .3);--cyan: #22d3ee;--cyan-dim: rgba(34, 211, 238, .12);--cyan-border: rgba(34, 211, 238, .25);--green: #34d399;--green-dim: rgba(52, 211, 153, .12);--text-primary: #e8ecf4;--text-secondary: #8892a8;--text-muted: #505868;--border: rgba(136, 146, 176, .12);--border-strong: rgba(136, 146, 176, .22);--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--nav-height: 56px;--max-width: 1120px;--grid-dot: rgba(136, 146, 176, .08)}html[data-theme=light]{--bg-deep: #f8fafc;--bg-surface: #ffffff;--bg-elevated: #f1f5f9;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(241, 245, 249, .95);--accent: #ea580c;--accent-hover: #c2410c;--accent-dim: rgba(234, 88, 12, .1);--accent-border: rgba(234, 88, 12, .25);--cyan: #0891b2;--cyan-dim: rgba(8, 145, 178, .08);--cyan-border: rgba(8, 145, 178, .2);--green: #059669;--green-dim: rgba(5, 150, 105, .08);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .18);--grid-dot: rgba(15, 23, 42, .04)}.bg-grid{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,var(--grid-dot) 1px,transparent 1px);background-size:32px 32px}.bg-gradient{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--accent-dim),transparent 70%),radial-gradient(ellipse 60% 40% at 80% 60%,var(--cyan-dim),transparent 70%)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);background:color-mix(in srgb,var(--bg-deep) 85%,transparent);backdrop-filter:blur(12px) saturate(1.4);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px}.navbar-inner{max-width:var(--max-width);width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem;color:var(--text-primary);text-decoration:none}.navbar-brand:hover{color:var(--text-primary)}.navbar-brand svg{flex-shrink:0}.navbar-links{display:flex;align-items:center;gap:6px}.navbar-links a{padding:6px 14px;border-radius:8px;font-size:.84rem;font-weight:500;color:var(--text-secondary);transition:all .2s}.navbar-links a:hover{color:var(--text-primary);background:var(--accent-dim)}.nav-cta{background:var(--accent)!important;color:#fff!important;font-weight:600!important}.nav-cta:hover{background:var(--accent-hover)!important;color:#fff!important}.lang-toggle{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.72rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.lang-toggle:hover{border-color:var(--accent-border);color:var(--accent)}.theme-toggle{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-left:8px}.theme-toggle:hover{border-color:var(--accent-border);color:var(--accent)}.brand-icon{width:28px;height:28px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}.brand-icon-sm{width:24px;height:24px;font-size:.8rem;border-radius:6px}.brand-accent{color:var(--accent)}.footer{border-top:1px solid var(--border);padding:40px 0 32px;margin-top:32px}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.footer-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem;color:var(--text-primary)}.footer-links{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.footer-links a{font-size:.84rem;color:var(--text-secondary)}.footer-links a:hover{color:var(--accent)}.footer-copy{font-size:.78rem;color:var(--text-muted)}.footer-copy a{color:var(--text-secondary)}.footer-copy a:hover{color:var(--accent)}.page-wrapper{position:relative;z-index:1;padding-top:var(--nav-height)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}