/* v6.1 — polish */
:root{
  --bg:#0b0f16; --surface:#0f141d; --line:#2a3850; --muted:#90a1c1; --text:#e6edff; --brand:#8fb0ff; --ok:#22c55e; --warn:#f59e0b; --err:#ef4444;
  --radius:16px; --shadow:0 10px 30px rgba(0,0,0,.35), 0 1px 0 rgba(255,255,255,.02) inset;
}
html{scroll-behavior:smooth}
body{background:var(--bg); color:var(--text); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility}
.container{max-width:min(1200px,92vw); margin-inline:auto}
.card{background:color-mix(in oklab, var(--surface) 96%, transparent); border:1px solid color-mix(in oklab, var(--line), transparent 50%); border-radius:var(--radius); box-shadow:var(--shadow)}
.btn{border-radius:12px; border:1px solid color-mix(in oklab, var(--line), transparent 30%); padding:.65rem 1rem; cursor:pointer; transition:.2s transform,.3s background}
.btn:hover{transform:translateY(-1px)}
.btn.ghost{background:transparent}
.btn.primary{background:linear-gradient(135deg,#6ea0ff,#91b8ff); color:#081020}
.input,.select,textarea{border-radius:12px; background:rgba(255,255,255,.03); border:1px solid color-mix(in oklab, var(--line), transparent 40%); color:var(--text)}
.search{display:flex; gap:.5rem; align-items:center}
.chip{border:1px dashed color-mix(in oklab, var(--line), transparent 35%); padding:.3rem .6rem; border-radius:999px; background:rgba(255,255,255,.02)}
.badge{display:inline-flex; align-items:center; gap:.35rem; padding:.2rem .55rem; border-radius:999px; border:1px solid color-mix(in oklab, var(--line), transparent 40%); background:rgba(255,255,255,.03)}
.badge.ok{color:var(--ok); border-color:color-mix(in oklab, var(--ok), transparent 70%); background:color-mix(in oklab, var(--ok), transparent 92%)}
.kicker{letter-spacing:.12em; text-transform:uppercase; color:var(--muted); font-size:.75rem}
.hero-title{font-size:clamp(1.8rem,4.5vw,3.2rem); line-height:1.1; font-weight:900}
.grad{background:linear-gradient(135deg,#9ce0ff 0%,#8fb0ff 30%,#d4b6ff 100%); -webkit-background-clip:text; background-clip:text; color:transparent}
.grid{display:grid; gap:1rem}
.cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}
@media(min-width:900px){.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}
@media(min-width:1100px){.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.table{width:100%; border-collapse:separate; border-spacing:0 10px}
.table th,.table td{padding:.7rem 1rem; text-align:start; border-bottom:1px solid color-mix(in oklab, var(--line), transparent 60%)}
.nav-glass{position:sticky; top:0; z-index:50; backdrop-filter:saturate(140%) blur(8px); background:linear-gradient(180deg,rgba(15,20,29,.72),rgba(15,20,29,.35)); border-bottom:1px solid color-mix(in oklab, var(--line), transparent 40%)}
.footer{border-top:1px solid color-mix(in oklab, var(--line), transparent 40%); margin-top:4rem; padding:2rem 0; color:var(--muted)}
.float-switch{position:fixed; top:12px; right:12px; display:flex; gap:.4rem; z-index:61}
.ms-dot{width:80px; height:80px; border-radius:50%; display:grid; place-items:center; background:#101828; border:1px solid color-mix(in oklab, var(--line), transparent 30%); box-shadow:var(--shadow)}