:root{
  --bg:#f7f8fb;
  --card:#ffffff;
  --muted:#6b7280;
  --accent:#ff70a6;
  --text:#0f172a;
}
*{box-sizing:border-box}
body{font-family:Segoe UI, Roboto, Arial, sans-serif;margin:0;background:var(--bg);color:var(--text)}
.container{max-width:760px;margin:32px auto;padding:16px}
.hero{text-align:center;margin-bottom:18px}
.logo{width:96px;height:96px;object-fit:contain;border-radius:16px;display:block;margin:0 auto 12px}
h1{margin:0;font-size:1.6rem}
.subtitle{margin:6px 0;color:var(--muted)}
.card{background:var(--card);padding:20px;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,42,0.06)}
.card h2{margin-top:0}
.muted{color:var(--muted);font-size:0.95rem}
.small{color:var(--muted);font-size:0.85rem}
.footer{text-align:center;margin-top:18px;color:var(--muted)}
@media (max-width:420px){.container{margin:14px;padding:12px}.logo{width:76px;height:76px}}