:root{
  --accent: #0fb6a3;
  --bg: #0b0b0b;
  --muted: #bfbfbf;
  --maxw: 980px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter, Roboto, Arial, sans-serif;background:linear-gradient(180deg,#000,#0b0b0b);color:#fff}
.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px}
.card{max-width:var(--maxw);width:100%;text-align:center;padding:48px;border-radius:12px;background:rgba(255,255,255,0.02);backdrop-filter:blur(4px);box-shadow:0 8px 30px rgba(0,0,0,0.6)}
img.logo{height:56px;margin-bottom:18px}
h1{font-size:42px;margin:6px 0 12px;letter-spacing:1px}
p.lead{color:var(--muted);margin:0 0 22px}
.hero{max-width:760px;margin:20px auto 0}
.btns{margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
a.btn{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:600}
a.primary{background:var(--accent);color:#042925}
a.ghost{border:1px solid rgba(255,255,255,0.08);color:var(--muted)}
footer{margin-top:28px;color:rgba(255,255,255,0.18);font-size:13px}
@media (max-width:600px){
  h1{font-size:28px}
  .hero{max-width:100%}
}