.cards.cards8{grid-template-columns:repeat(4,1fr)}
.ico{filter:none!important;display:flex;justify-content:center;margin-bottom:8px}
.ico svg{width:48px;height:48px;fill:none;stroke:#5fd4ff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(34,211,238,.85)) drop-shadow(0 0 18px rgba(30,107,255,.6))}
.card:hover .ico svg{stroke:#bff6ff}
.ico.big svg{width:96px;height:96px}
a.card{display:block;color:inherit}
.tag.ok{color:#86efac;border-color:rgba(134,239,172,.5)}.tag.beta{color:#fde68a;border-color:rgba(253,230,138,.5)}
.page{padding:20px 6vw 40px;max-width:1200px;margin:0 auto}
.phero{display:flex;gap:24px;align-items:center;padding:40px 0 20px}
.phero h1{font-family:Orbitron,sans-serif;font-size:clamp(30px,4vw,52px);margin:12px 0}
.phero .lead{color:#d6e3ff;font-size:18px;max-width:760px;margin-bottom:14px}
.phero .lead a,.panel a,footer a{color:#7fe7ff}
.ico.big{font-size:84px;filter:drop-shadow(0 0 18px rgba(34,211,238,.8)) hue-rotate(180deg) saturate(2)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:10px 0}
.panel h2{font-size:20px;margin-bottom:8px}.panel h2.mt{margin-top:18px}.panel p{color:#d6e3ff;margin-bottom:12px}
.note{color:#9fb3d9;font-size:13px;margin:16px 0}
.legend{margin-top:20px;padding:24px}
.tbl{width:100%;border-collapse:collapse}.tbl th,.tbl td{text-align:left;padding:10px;border-bottom:1px solid rgba(80,170,255,.2)}
.tbl a{color:#7fe7ff}
@media (max-width:1150px){.cards.cards8{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){.grid2{grid-template-columns:1fr}.phero{flex-direction:column;align-items:flex-start}.tbl{font-size:14px}}

.private-banner{position:relative;z-index:15;margin:0;padding:9px 4vw;text-align:center;font-size:13px;color:#e6f4ff;background:linear-gradient(90deg,rgba(30,107,255,.35),rgba(34,211,238,.25));border-bottom:1px solid rgba(80,170,255,.35)}