:root {
  --bg:#0a0320; 
  --card:#1a0033; 
  --accent:#d84bff;
  --text:#e6eef8; 
  --muted:#bfa6d8;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; 
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial;
  background:linear-gradient(180deg,#0a0320 0%, #1a0033 100%);
  color:var(--text); 
  display:flex; 
  align-items:center; 
  justify-content:center; 
  padding:24px;
}
.card{
  width:min(540px,94vw); 
  background:rgba(255,255,255,0.02);
  border-radius:14px; 
  padding:32px; 
  text-align:center; 
  border:1px solid rgba(255,255,255,0.03);
  box-shadow:0 8px 32px rgba(2,6,23,0.6);
}
.logo{width:72px;height:72px;border-radius:12px;margin-bottom:12px}
h1{margin:6px 0 4px;font-size:20px}
p{margin:0 0 18px;color:var(--muted)}
.buttons{display:flex;gap:12px;justify-content:center}
.btn{
  background:var(--accent);
  color:#fff;
  border:0;
  padding:12px 18px;
  border-radius:10px;
  font-weight:600;
  cursor:pointer;
  text-decoration:none;
  transition:0.2s;
}
.btn:hover{
  background:#f05eff; 
}
.small{margin-top:18px;color:var(--muted)}