:root{
  --bg: #eaf6ff;
  --card: #ffffff;
  --accent: #5aa6ff;
  --muted: #6b7280;
  --radius: 16px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,'Helvetica Neue',Arial;color:#0f172a;background:linear-gradient(180deg,var(--bg),#fbfdff);min-height:100vh;display:flex;align-items:center;justify-content:center}
.container{padding:32px;width:100%;max-width:920px}
.card{background:var(--card);border-radius:var(--radius);padding:36px;text-align:center;box-shadow:0 10px 30px rgba(16,24,40,0.08)}
.hero{width:320px;height:auto;border-radius:12px;display:block;margin:0 auto 18px}
h1{font-size:40px;margin:8px 0;color:#0b3b66}
.tag{color:var(--muted);margin:0 0 18px}
.info h2{margin:12px 0 6px;color:#0b3b66}
.info p{margin:0 0 8px}
.info ul{list-style:none;padding:0;margin:0;display:flex;gap:12px;justify-content:center;color:var(--muted)}
.footer{margin-top:20px;color:var(--muted);font-size:13px}
@media (max-width:520px){.hero{width:220px}h1{font-size:28px}}