:root {
  --site-ink: #17263c;
  --site-muted: #62738a;
  --site-brand: #155eef;
  --site-brand-dark: #123b75;
  --site-surface: #ffffff;
  --site-page: #f4f7fb;
  --site-border: #e2e8f0;
  --site-shadow: 0 12px 32px rgba(19, 45, 83, .09);
}
html { scroll-behavior: smooth; }
body { color: var(--site-ink); background: var(--site-page); font-family: Inter, "Segoe UI", Tahoma, Arial, sans-serif; line-height: 1.7; }
a { color: var(--site-brand); text-underline-offset: .18em; }
header { background: rgba(255,255,255,.96); border-bottom: 1px solid var(--site-border); box-shadow: 0 5px 24px rgba(19,45,83,.06); }
.header-content { gap: 1.25rem; }
.logo h1 { color: var(--site-brand-dark); letter-spacing: -.02em; }
nav ul { gap: .35rem; flex-wrap: wrap; }
nav a { color: var(--site-ink); font-weight: 600; padding: .48rem .78rem; border-radius: 999px; transition: background .18s ease, color .18s ease; }
nav a:hover, nav a.active { color: var(--site-brand); background: #edf4ff; }
main { color: var(--site-ink); }
.hero, .page-header { background: linear-gradient(130deg, #123b75, #1769d2 68%, #42a5f5); }
.hero h1, .page-title { line-height: 1.2; letter-spacing: -.025em; }
.card, .quiz-card, .resource-card, .service-card, .article-card, .content-card, .feature-card { border: 1px solid var(--site-border); border-radius: 18px; box-shadow: var(--site-shadow); }
button, .btn, .button, input[type="submit"] { border-radius: 10px; transition: transform .18s ease, box-shadow .18s ease; }
button:hover, .btn:hover, .button:hover, input[type="submit"]:hover { transform: translateY(-1px); }
img { max-width: 100%; }
footer { color: #d7e2f1; }
@media (max-width: 760px) {
  .container { padding-left: 16px; padding-right: 16px; }
  .header-content { align-items: center; }
  nav ul { gap: .2rem; }
  nav a { padding: .38rem .55rem; font-size: .92rem; }
  .hero, .page-header { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .hero h1, .page-title { font-size: clamp(1.7rem, 7vw, 2.35rem); }
}