:root{--bg-0:#05070d;--bg-1:#0b0f1a;--panel:#10151f;--panel-2:#161d2b;--border:#263043;--text:#e8ecf4;--muted:#93a0b8;--gold:#ffe81f;--radius:18px;--shadow:0 18px 40px #00000073}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 700px at 50% -10%, #131a2b 0%, var(--bg-1) 45%, var(--bg-0) 100%);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{max-width:1080px;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(16px,4vw,32px) 56px;position:relative}.starfield{z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(1.4px 1.4px at 20% 30%,#ffffffb3 50%,#0000 51%),radial-gradient(1.2px 1.2px at 75% 20%,#ffffff8c 50%,#0000 51%),radial-gradient(1px 1px at 40% 70%,#ffffff80 50%,#0000 51%),radial-gradient(1.6px 1.6px at 85% 60%,#fff9 50%,#0000 51%),radial-gradient(1px 1px at 10% 85%,#ffffff73 50%,#0000 51%),radial-gradient(1.2px 1.2px at 60% 90%,#ffffff80 50%,#0000 51%),radial-gradient(1px 1px at 55% 12%,#fff6 50%,#0000 51%);position:fixed;inset:0}.hero,.grid,.footer{z-index:1;position:relative}.hero{text-align:center;margin-bottom:clamp(28px,5vw,48px)}.hero__eyebrow{color:var(--gold);letter-spacing:.32em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:700}.hero__title{letter-spacing:.02em;color:var(--gold);text-shadow:0 2px 30px #ffe81f40;margin:0;font-size:clamp(2rem,6vw,3.4rem);font-weight:800;line-height:1.02}.hero__subtitle{max-width:560px;color:var(--muted);margin:14px auto 0;font-size:clamp(.95rem,2.2vw,1.08rem);line-height:1.55}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));justify-content:center;align-items:stretch;gap:clamp(14px,2.4vw,22px);display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);min-height:210px;color:var(--text);cursor:pointer;text-align:center;font:inherit;flex-direction:column;align-items:center;gap:10px;padding:26px 18px 20px;transition:transform .16s,border-color .16s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:var(--shadow);transform:translateY(-4px)}.card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent);outline:none}.card:active{transform:translateY(-1px)scale(.99)}.card__glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 60%, transparent), transparent);opacity:0;pointer-events:none;height:140px;transition:opacity .2s;position:absolute;inset:-40% 30% auto}.card:hover .card__glow,.card--active .card__glow{opacity:.45}.card__icon{width:74px;height:74px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));border-radius:50%;place-items:center;transition:transform .2s;display:grid}.card--active .card__icon{animation:1.1s ease-in-out infinite pulse}.card__name{letter-spacing:.01em;font-size:1.08rem;font-weight:700}.card__descriptor{color:var(--muted);min-height:2.1em;font-size:.82rem;line-height:1.35}.card__status{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);background:#ffffff08;border-radius:999px;align-items:center;gap:6px;margin-top:auto;padding:5px 12px;font-size:.74rem;font-weight:600;display:inline-flex}.card__status--on{color:#06110a;background:var(--accent);border-color:var(--accent)}.footer{text-align:center;color:var(--muted);margin-top:clamp(32px,6vw,56px);font-size:.82rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.card,.card__icon,.card__glow{transition:none}.card--active .card__icon{animation:none}}