:root{
  --bg:#000000; /* pure black as requested */
  --card:#0a0a0a;
  --accent:#e35795; /* requested accent */
  --muted:#9aa4b2;
  --glass: rgba(255,255,255,0.03);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: radial-gradient(900px 400px at 10% 10%, rgba(227,87,149,0.07), transparent 8%),
              radial-gradient(700px 300px at 90% 90%, rgba(227,87,149,0.03), transparent 8%),
              var(--bg);
  color:#e6eef8;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:3rem;
}
.card{
  width:100%;
  max-width:720px;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border:1px solid rgba(255,255,255,0.04);
  border-radius:18px;
  padding:48px;
  box-shadow: 0 10px 30px rgba(2,6,23,0.6), inset 0 1px 0 rgba(255,255,255,0.02);
  position:relative;
  overflow:hidden;
}
.logo{
  width:64px;height:64px;
  border-radius:12px;
  background: linear-gradient(135deg,var(--accent), rgba(227,87,149,0.9));
  display:flex;align-items:center;justify-content:center;
  font-size:28px;font-weight:700;color:#061025;margin-bottom:16px;position:relative;overflow:hidden;
}
.logo img{width:64px;height:64px;object-fit:cover;display:block}
.title{margin:0 0 8px 0;font-size:34px;letter-spacing:-0.02em}
.lead{margin:0 0 16px 0;color:var(--muted);font-size:18px}
.note{margin:0 0 24px 0;color:rgba(255,255,255,0.65)}
.actions{display:flex;gap:12px}
.btn{
  display:inline-block;padding:10px 16px;border-radius:10px;background:linear-gradient(90deg,var(--accent), #c43b7a);
  color:#061025;text-decoration:none;font-weight:600;font-size:15px;box-shadow:0 8px 22px rgba(227,87,149,0.18);
}
.footer{position:absolute;right:24px;bottom:18px;font-size:12px}

@media (max-width:560px){
  .card{padding:28px;border-radius:14px}
  .title{font-size:26px}
}