/* Minimal coming soon styles */
*{box-sizing:border-box}
:root{
  --bg:#0b0b0b; --panel:#121212; --ink:#f5f5f5; --ink-2:#c7c7c7;
  --brand:#90ff00; --line:#1f1f1f; --card:#141414; --shadow:0 10px 30px rgba(0,0,0,.35);
  --radius:16px;
}
html,body{height:100%; background:var(--bg); color:var(--ink); font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--ink)}
a:hover{opacity:.9}
.wrap{min-height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px}
.head{display:flex; align-items:center; gap:.7rem; margin-bottom:18px}
.brand{font-size:1.05rem; letter-spacing:.06em; font-weight:800}
.mark{filter:drop-shadow(0 3px 10px rgba(144,255,0,.25))}
.center{max-width:560px; width:100%}
.card{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:26px; box-shadow:var(--shadow); text-align:center}
h2{font-size:clamp(1.6rem,1.4rem + 1vw,2.2rem); margin:0 0 .4rem}
.lead{color:var(--ink-2); margin:0 0 1rem}
.form{display:flex; gap:.6rem; justify-content:center; align-items:flex-start; flex-wrap:wrap; margin:.5rem 0 0}
label{display:flex; flex-direction:column; gap:.3rem; min-width:260px; flex:1}
label span{font-size:.85rem; color:var(--ink-2)}
input{width:100%; background:#0e0e0e; border:1px solid var(--line); border-radius:12px; padding:.9rem 1rem; color:var(--ink)}
.btn{background:var(--brand); color:#0b0b0b; border:1px solid #b9ff1b; border-radius:999px; padding:.9rem 1.1rem; font-weight:800; cursor:pointer}
.small{font-size:.9rem}
.muted{color:var(--ink-2)}
.foot{margin-top:18px}