:root{--bg:#0b1220;--panel:#121a2b;--panel2:#0f1626;--border:#243147;--text:#e7edf7;--muted:#93a2bd;--accent:#4fb0ff;--accent2:#7cd9c9;--green:#33c17a;--amber:#f2b84b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 500px at 10% -10%,rgba(79,176,255,.12),transparent 60%),linear-gradient(180deg,#0b1220,#0d1526 420px,var(--bg));color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}a{color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 22px}.top{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:.78rem;color:var(--muted);gap:15px;flex-wrap:wrap}.brand{font-weight:800;letter-spacing:.1em;text-transform:uppercase}.nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nav a,.langsel{border:1px solid var(--border);border-radius:999px;padding:7px 10px;text-decoration:none;background:var(--panel2);color:var(--text)}.nav a:hover{border-color:var(--accent);color:var(--accent)}.langsel{font-size:.74rem}header{text-align:center;padding:48px 0 28px}h1{font-size:clamp(2rem,5vw,3.8rem);margin:0 0 14px;letter-spacing:-.04em;background:linear-gradient(90deg,#fff,var(--accent2));-webkit-background-clip:text;color:transparent}.lead{max-width:800px;margin:auto;color:var(--muted);font-size:1rem;line-height:1.7}.section{padding:24px 0}.section h2{font-size:1.25rem;margin:0 0 6px}.section-sub{color:var(--muted);font-size:.84rem;margin:0 0 16px;line-height:1.55}.card,.box,.stat{background:var(--panel);border:1px solid var(--border);border-radius:16px}.card{display:block;text-decoration:none;padding:22px;transition:.18s}.card:hover{transform:translateY(-2px);border-color:var(--accent)}.card p,.box p{color:var(--muted);line-height:1.55;font-size:.83rem}.pill{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:.65rem;color:var(--muted);margin:3px 3px 0 0}.support{color:var(--accent)}footer{border-top:1px solid var(--border);margin-top:40px;padding:24px 0 34px;color:var(--muted);font-size:.76rem}.footrow{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}@media(max-width:720px){.top{justify-content:center}.nav{justify-content:center}header{padding-top:28px}}

/* OceanSky v9 footer and contribution elements */
.os-footer-extra{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);display:grid;gap:7px;line-height:1.55}.os-footer-extra a{color:var(--accent);text-decoration:none}.os-footer-extra a:hover{text-decoration:underline}.os-contribute{margin:18px 0;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--panel2)}.os-contribute strong{display:block;margin-bottom:5px;color:var(--text)}.os-contribute p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}.os-contribute a{color:var(--accent)}

.os-global-langbox{position:fixed;right:16px;top:14px;z-index:9999;background:rgba(11,18,32,.94);border:1px solid #243147;border-radius:10px;padding:5px;box-shadow:0 5px 18px rgba(0,0,0,.25)}.os-global-langbox select{background:#121a2b;color:#e7edf7;border:1px solid #33445e;border-radius:7px;padding:7px 9px;font:inherit;font-size:.78rem}.os-global-langbox select:focus{outline:1px solid #4fb0ff}@media(max-width:650px){.os-global-langbox{right:8px;top:8px}}

/* OceanSky v17 unified navigation */
.os-site-nav.os-unified-nav{max-width:1600px;margin:0 auto;padding:9px 20px;display:flex;gap:7px;flex-wrap:wrap;align-items:center;border-bottom:1px solid rgba(36,49,71,.75);background:rgba(11,18,32,.97);position:relative;z-index:120}
.os-site-nav.os-unified-nav a,.os-site-nav.os-unified-nav select{font-size:.72rem;color:var(--muted,#93a2bd);text-decoration:none;border:1px solid var(--border,#243147);border-radius:999px;padding:6px 10px;background:var(--panel2,#0f1626);font-family:inherit}
.os-site-nav.os-unified-nav a:hover{color:var(--accent,#4fb0ff);border-color:var(--accent,#4fb0ff)}
.os-site-nav.os-unified-nav .os-nav-brand{font-weight:800;color:var(--text,#e7edf7);border-color:transparent;background:transparent;padding-left:0;margin-right:4px}
.os-site-nav.os-unified-nav .os-nav-spacer{flex:1 1 auto}.os-site-nav.os-unified-nav select{cursor:pointer;color:var(--text,#e7edf7)}
@media(max-width:760px){.os-site-nav.os-unified-nav{padding:7px 12px;gap:5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.os-site-nav.os-unified-nav::-webkit-scrollbar{display:none}.os-site-nav.os-unified-nav a,.os-site-nav.os-unified-nav select{font-size:.66rem;padding:5px 8px;white-space:nowrap}.os-site-nav.os-unified-nav .os-nav-spacer{display:none}}