* { box-sizing: border-box; }
:root {
  --bg: #0f1117;
  --card: #141923;
  --text: #e5e7eb;
  --link: #66b3ff;
}
html, body { height: 100%; background: var(--bg); color: var(--text); font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
a { color: var(--link); text-decoration: none; }
.site-header { padding: 2rem 1rem 1rem; text-align: center; }
.site-header h1 { margin: 0; font-size: 2rem; }
.tagline { color: #9aa4b2; font-size: 0.95rem; }
.site-nav { display: flex; justify-content: center; gap: 1rem; padding: 0.5rem 1rem; }
.card { max-width: 720px; margin: 2rem auto; padding: 1.5rem; background: #1a1f2a; border-radius: 8px; border: 1px solid #2b3240; text-align: center; }
.btn { display: inline-block; margin-top: 1rem; padding: 0.6rem 1.2rem; background: #2b7cff; color: white; border-radius: 6px; }
.site-footer { text-align: center; color: #8a8f98; padding: 1rem; font-size: 0.9rem; }