:root{--bg:#060d1a;--surface:#0c1526;--surface-2:#0f1e35;--border:#ffffff14;--border-strong:#ffffff26;--primary:#1a72ff;--primary-light:#4da6ff;--accent:#00d4ff;--text:#fafafa;--muted:#a1a1aa;--subtle:#52525b;--radius:16px;--radius-lg:24px;--shadow-btn:0 4px 14px #1a72ff73, 0 1px 4px #1a72ff4d;--font:"Inter", system-ui, -apple-system, sans-serif;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}img,video{max-width:100%;display:block}a{color:var(--primary-light)}h1,h2,h3{letter-spacing:-.02em;line-height:1.2}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.muted{color:var(--muted)}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}.lead{color:var(--muted);max-width:720px;font-size:1.125rem}.btn{background:var(--primary);color:#fff;box-shadow:var(--shadow-btn);border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{background:#2a7fff;transform:translateY(-1px)}.btn-sm{padding:8px 14px;font-size:.875rem}.btn-lg{padding:14px 24px;font-size:1.05rem}.btn-ghost{border:1px solid var(--border-strong);box-shadow:none;background:0 0;margin-left:8px}.site-header{border-bottom:1px solid var(--border);z-index:10;backdrop-filter:blur(12px);background:#060d1ad9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.brand{color:var(--text);align-items:center;gap:8px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.header-nav{align-items:center;gap:16px;font-size:.9rem;display:flex}.header-nav>a:not(.btn){color:var(--muted);text-decoration:none}.header-nav>a:not(.btn):hover{color:var(--text)}.lang-switch{color:var(--subtle);gap:6px;display:flex}.lang-switch a{color:var(--muted);text-decoration:none}.lang-switch [aria-current]{color:var(--text);font-weight:600}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:96px;padding:32px 0;font-size:.875rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.footer-inner nav{flex-wrap:wrap;gap:16px;display:flex}.footer-inner a{color:var(--muted);text-decoration:none}.hero{padding:56px 16px 32px}.hero h1{margin:0 0 12px;font-size:clamp(2rem,5vw,3rem)}.chips{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.chip{border:1px solid var(--border-strong);color:var(--text);border-radius:999px;padding:6px 14px;font-size:.875rem;text-decoration:none}.chip:hover{border-color:var(--primary)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .15s,transform .15s;overflow:hidden}.card:hover{border-color:#1a72ff80;transform:translateY(-2px)}.card-link{color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.card-media{aspect-ratio:16/10;background:var(--surface-2);position:relative}.card-media img{object-fit:cover;width:100%;height:100%}.card-media-empty{background:linear-gradient(135deg,#1a72ff59,#00d4ff26);width:100%;height:100%}.badge{text-transform:capitalize;background:#060d1abf;border-radius:999px;padding:4px 10px;font-size:.75rem;position:absolute;top:12px;left:12px}.card-body{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.card-title{margin:0;font-size:1.15rem}.card-excerpt{color:var(--muted);flex:1;margin:0;font-size:.95rem}.card-meta{color:var(--subtle);justify-content:space-between;margin-top:8px;font-size:.8rem;display:flex}.card-more{color:var(--primary-light);font-weight:600}.post{max-width:800px;padding-top:32px}.breadcrumbs ol{color:var(--subtle);flex-wrap:wrap;gap:6px;margin:0 0 24px;padding:0;font-size:.85rem;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";margin-right:6px}.breadcrumbs a{color:var(--muted);text-decoration:none}.post-header h1{margin:8px 0 16px;font-size:clamp(1.9rem,4.5vw,2.75rem)}.post-meta{color:var(--subtle);flex-wrap:wrap;gap:16px;margin-bottom:24px;font-size:.85rem;display:flex}.post-hero{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);margin:32px 0;overflow:hidden}.post-hero img,.post-hero video{width:100%}.prose{color:#e4e4e7;font-size:1.075rem}.prose h2{color:var(--text);margin:48px 0 16px;font-size:1.6rem}.prose h3{color:var(--text);margin:32px 0 12px;font-size:1.25rem}.prose li{margin:6px 0}.prose strong{color:var(--text)}.prose img{border-radius:var(--radius);margin:24px 0}.prose code{background:var(--surface-2);border-radius:6px;padding:2px 6px;font-size:.9em}.prose blockquote{border-left:3px solid var(--primary);color:var(--muted);margin:24px 0;padding:4px 20px}.gallery{margin-top:48px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.gallery figure{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0;overflow:hidden}.gallery img,.gallery video{aspect-ratio:1;object-fit:cover;width:100%}.gallery figcaption{color:var(--muted);padding:10px 14px;font-size:.85rem}.cta-box{border-radius:var(--radius-lg);background:linear-gradient(135deg, #1a72ff2e, #00d4ff0f), var(--surface);border:1px solid #1a72ff59;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:56px 0;padding:32px;display:flex}.cta-box h2{margin:0 0 6px;font-size:1.4rem}.cta-box p{color:var(--muted);margin:0}.faq{margin-top:48px}.faq details{border-bottom:1px solid var(--border);padding:16px 0}.faq summary{cursor:pointer;font-size:1.05rem;font-weight:600}.faq details p{color:var(--muted);margin:12px 0 0}.tags{color:var(--subtle);flex-wrap:wrap;gap:8px;margin:40px 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.related{margin-top:72px}.related h2{margin-bottom:24px}@media (width<=640px){.header-nav{gap:10px}.header-nav>a:not(.btn){display:none}.cta-box{padding:24px}.btn-lg{justify-content:center;width:100%}}