*{box-sizing:border-box} :root{
  --bg:#030712; --fg:#e6f4ff; --muted:#A8B3CF; --accent:#1cf0ff; --accent2:#00ffd1;
  --card:rgba(5,10,25,.60); --card2:rgba(5,10,25,.35);
  font-synthesis-weight:none; text-rendering:optimizeLegibility;
}
html,body{height:100%;margin:0;background:var(--bg);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.hero{position:fixed;inset:0;object-fit:cover;filter:saturate(1.2) contrast(1.1) brightness(.9);transform:scale(1.06);animation:ken 38s ease-in-out infinite alternate;z-index:0}
@keyframes ken{0%{transform:scale(1.06) translate3d(0,0,0)}100%{transform:scale(1.1) translate3d(-1.5%, -1.5%,0)}}
#fx{position:fixed;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.85}
#ui{position:relative;z-index:2;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;min-height:100dvh;padding:32px}
header{backdrop-filter:blur(10px);background:linear-gradient(180deg,var(--card),transparent);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:18px 22px}
h1{margin:0;color:var(--fg);font-weight:800;letter-spacing:.5px;text-align:center}
.subtitle{margin:.25rem 0 0;color:var(--muted);text-align:center}
.buttons{display:flex;flex-direction:column;gap:12px;margin-top:16px;width:min(520px,92vw)}
.btn{appearance:none;border:1px solid rgba(255,255,255,.12);background:var(--card);color:var(--fg);padding:14px 18px;border-radius:14px;font-weight:650;font-size:1.05rem;backdrop-filter:blur(10px);cursor:pointer;transition:transform .08s ease, background .2s ease, border-color .2s ease;outline:0}
.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.22)}
.btn:active{transform:translateY(1px) scale(.99)}
.primary{background:linear-gradient(180deg, rgba(28,240,255,.2), rgba(0,255,209,.15)), var(--card)}
.accent{background:linear-gradient(180deg, rgba(0,255,209,.15), rgba(28,240,255,.12)), var(--card)}
.subtle{background:var(--card2)}
#status{position:fixed;inset:auto 12px 12px auto;color:#cbd5e1;background:rgba(3,7,18,.55);padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;backdrop-filter:blur(6px);display:flex;gap:12px;font-size:.85rem}