:root{
  --bg1:#d62b2b; /* bright red */
  --bg2:#180202; /* subtle dark red tint */
  --card:#ffffff; /* card background */
  --text:#0b0b0b; /* main text color on white */
  --accent:#c8102e; /* prime red */
  --muted:#6b6b6b;
}

*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial}
html,body{height:100%}
body{background:linear-gradient(160deg,var(--bg1),var(--bg2));color:var(--card);display:flex;align-items:center;justify-content:center;padding:24px}
.wrap{width:100%;max-width:900px}
.card{background:var(--card);color:var(--text);border-radius:14px;padding:36px;text-align:center;box-shadow:0 8px 40px rgba(11,11,11,0.55)}
.logo{width:250px;height:250px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}
.logo .main-logo{max-width:100%;max-height:100%;display:block}
h1{font-size:32px;margin-bottom:6px}
h2{font-size:18px;color:var(--muted);margin-bottom:12px}
.lead{color:var(--text);margin-bottom:18px}
.contact{color:var(--muted);margin-bottom:18px}
.contact a{color:var(--text);text-decoration:none;margin:0 6px}
.actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:6px}
.notify{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.notify input{padding:10px 12px;border-radius:8px;border:1px solid rgba(11,11,11,0.08);min-width:220px;background:transparent;color:var(--text)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;border:2px solid transparent;text-decoration:none;font-weight:600;cursor:pointer}
.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn.outline{background:transparent;color:var(--text);border-color:var(--accent)}
.small{margin-top:18px;color:rgba(11,11,11,0.6);font-size:13px}

@media (max-width:520px){.card{padding:20px}.logo{width:88px;height:88px}.notify input{min-width:180px}}