:root { --blue: #2763e8; --blue-dark: #174cc5; --blue-soft: #eaf1ff; --cream: #f5f8fc; --card: #fff; --text: #0e1b3d; --muted: #647089; --line: #dde4ef; }
body { background: var(--cream); color: var(--text); }
header { position: sticky; top: 0; z-index: 20; background: rgba(255, 255, 255, 0.97); }
nav { min-height: 72px; }
.brand { color: var(--text); font-size: 1.15rem; font-weight: 850; letter-spacing: -0.03em; }
.mark { width: 38px; height: 38px; border-radius: 11px; }
.nav-links a { color: #4f5a70; }
.card { border-color: var(--line); border-radius: 20px; background: var(--card); }
footer { background: #fff; }
.footer-links a { color: var(--muted); font-weight: 650; text-decoration: none; }

.invite-page main { min-height: 100vh; background: var(--cream); }
.invite-page .card { border-color: var(--line); box-shadow: 0 24px 70px rgba(25, 49, 93, 0.1); }
.invite-page .brand { display: inline-flex; align-items: center; gap: 10px; }
.invite-page .brand .mark { width: 42px; height: 42px; background: var(--blue); }

@media (max-width: 700px) {
  header { position: static; }
  nav { min-height: 0; }
}