:root {
  --bg: #ffffff;
  --primary: #4169E1; /* royal blue */
  --muted: #f2f2f2; /* light grey */
  --text: #111827;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  background: linear-gradient(180deg,var(--bg),var(--muted));
  color:var(--text);
  display:flex;
  align-items:center;
  justify-content:center;
}

.container{padding:24px;width:100%;max-width:720px}
.card{
  background:var(--bg);
  border-radius:16px;
  box-shadow:0 8px 30px rgba(65,105,225,0.08);
  padding:48px;
  text-align:center;
  border:1px solid rgba(0,0,0,0.04);
}
.logo{
  display:block;
  width:100%; /* fill the card's width */
  height:auto; /* preserve natural height and aspect ratio */
  object-fit:contain; /* ensure the whole card image is visible */
  border-radius:0; /* keep original rectangular edges for business card */
  margin-bottom:18px;
  box-shadow:0 4px 18px rgba(65,105,225,0.08);
}
h1{margin:0 0 8px;color:var(--primary);font-size:32px}
.lead{margin:0 0 20px;color:#555;font-size:18px}
.countdown{display:inline-block;padding:10px 18px;background:var(--muted);border-radius:999px;color:var(--primary);font-weight:600}

.footer{position:fixed;left:12px;bottom:12px;color:#888;font-size:13px}