@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--root-font-size:16px;--section-gap:28px;--color-primary:#10b981;--color-primary-rgb:16, 185, 129;--color-primary-light:#34d399;--color-primary-pale:#d1fae5;--color-primary-dark:#059669;--color-primary-deep:#047857;--color-primary-50:#ecfdf5;--color-bg:#f0fdf4;--color-bg-subtle:#e8faf0;--color-surface:#fff;--color-surface-glass:#ffffffb8;--color-surface-hover:#ffffffeb;--color-text:#0f172a;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-border:#10b9811f;--color-border-strong:#10b9813d;--color-danger:#ef4444;--color-warning:#f59e0b;--color-success:#10b981;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000a, 0 4px 16px #10b9810f;--shadow-md:0 4px 12px #0000000f, 0 8px 28px #10b98114;--shadow-lg:0 8px 24px #00000014, 0 16px 48px #10b9811a;--shadow-glow:0 0 24px #10b98133;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;--font-display:"Space Grotesk", "Noto Sans SC", system-ui, sans-serif;--font-body:"Noto Sans SC", system-ui, sans-serif;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0a1628;--color-bg-subtle:#0f1f36;--color-surface:#162032;--color-surface-glass:#162032b8;--color-surface-hover:#162032eb;--color-primary:#34d399;--color-primary-rgb:52, 211, 153;--color-primary-light:#6ee7b7;--color-primary-pale:#34d3991f;--color-primary-dark:#10b981;--color-primary-deep:#059669;--color-primary-50:#34d3990f;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-border:#34d3991f;--color-border-strong:#34d3993d;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 8px #0003, 0 4px 16px #34d3990f;--shadow-md:0 4px 12px #0000004d, 0 8px 28px #34d39914;--shadow-lg:0 8px 24px #0006, 0 16px 48px #34d3991a;--shadow-glow:0 0 32px #34d3992e}:root[data-font-scale="1"]{--root-font-size:13px}:root[data-font-scale="2"]{--root-font-size:14.5px}:root[data-font-scale="3"]{--root-font-size:16px}:root[data-font-scale="4"]{--root-font-size:18.5px;--section-gap:32px}:root[data-font-scale="5"]{--root-font-size:21px;--section-gap:36px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--root-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";background:radial-gradient(ellipse at 30% 20%, rgba(var(--color-primary-rgb), .06) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, rgba(var(--color-primary-rgb), .04) 0%, transparent 50%);pointer-events:none;z-index:0;width:200%;height:200%;position:fixed;top:-50%;left:-50%}.app-shell{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.site-header{z-index:100;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--color-border);height:68px;box-shadow:var(--shadow-sm);align-items:center;gap:24px;padding:0 32px;display:flex;position:sticky;top:0}.brand{cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:8px;display:flex}.brand:hover{background:var(--color-primary-pale)}.brand-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;width:40px;height:40px;font-family:var(--font-display);letter-spacing:.02em;border-radius:12px;justify-content:center;align-items:center;font-size:.92rem;font-weight:700;display:flex;position:relative}.brand-pulse{border:2px solid var(--color-primary);opacity:0;border-radius:14px;animation:3s ease-out infinite brand-pulse;position:absolute;inset:-3px}@keyframes brand-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.brand-text strong{font-family:var(--font-display);color:var(--color-text);font-size:1rem;font-weight:700;line-height:1.2;display:block}.brand-text small{color:var(--color-text-secondary);font-size:.72rem;font-weight:500;display:block}.header-nav{gap:4px;margin-left:auto;display:flex}.nav-item{border-radius:var(--radius-full);color:var(--color-text-secondary);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:8px 18px;font-size:.9rem;font-weight:500;display:flex;position:relative}.nav-item:hover{color:var(--color-text);background:var(--color-primary-pale)}.nav-item.active{color:var(--color-primary-dark);background:var(--color-primary-pale);font-weight:600}.nav-icon{font-size:.72rem}.nav-dot{background:var(--color-primary);border-radius:50%;width:4px;height:4px;animation:.3s ease-out dot-in;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}@keyframes dot-in{0%{transform:translate(-50%)scale(0)}to{transform:translate(-50%)scale(1)}}.header-actions{align-items:center;gap:8px;display:flex}.font-scale-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;height:40px;transition:all var(--transition-fast);align-items:center;gap:3px;padding:0 10px;display:flex}.font-scale-toggle:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-glow)}.font-scale-label{color:var(--color-text);font-size:1rem;font-weight:700;line-height:1}.font-scale-level{color:var(--color-primary);font-size:.68rem;font-weight:700;line-height:1}.theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-glow)}.theme-icon{font-size:1.1rem}.cta-button{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;font-family:var(--font-body);cursor:pointer;box-shadow:0 4px 14px rgba(var(--color-primary-rgb), .3);transition:all var(--transition-base);border:none;padding:8px 22px;font-size:.88rem;font-weight:600}.cta-button:hover{box-shadow:0 6px 20px rgba(var(--color-primary-rgb), .35);transform:translateY(-1px)}.site-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:28px 32px 48px}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(16px);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.footer-brand strong{font-family:var(--font-display);color:var(--color-text);font-size:.9rem}.footer-brand p{color:var(--color-text-secondary);margin-top:4px;font-size:.78rem}.footer-links{gap:20px;display:flex}.footer-link{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:.85rem;font-weight:500}.footer-link:hover{color:var(--color-primary);background:var(--color-primary-pale)}.mobile-nav{display:none}@media (width<=860px){.header-nav{display:none}.site-header{height:60px;padding:0 20px}.site-main{padding:20px 16px 88px}.site-footer{display:none}.font-scale-toggle{height:36px;padding:0 8px}.theme-toggle{width:36px;height:36px}.mobile-nav{z-index:100;padding:8px 0 calc(8px + env(safe-area-inset-bottom));background:var(--color-surface-glass);-webkit-backdrop-filter:blur(24px)saturate(1.6);border-top:1px solid var(--color-border);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000000f}.mobile-nav-item{border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:44px;padding:6px 16px;display:flex}.mobile-nav-item.active{color:var(--color-primary)}.mobile-nav-icon{font-size:1.1rem}.mobile-nav-label{font-size:.7rem;font-weight:600}}@media (width<=640px){.font-scale-label{display:none}.font-scale-toggle{gap:2px}}@media (width<=480px){.brand-text{display:none}.cta-button{padding:8px 16px;font-size:.82rem}}