:root {
  color-scheme: light;
  --primary: #102a43;
  --accent: #2f6fed;
  --surface: #f8fafc;
  --text: #162033;
  --muted: #64748b;
  --border: #dbe3ec;
  --success: #2f9e44;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: var(--text);
  background: linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%);
  line-height: 1.6;
}
main { padding: 2rem 1.25rem 4rem; }
a { color: var(--accent); text-decoration: none; }
button, input, select, textarea { font: inherit; }
.container { max-width: 1200px; margin: 0 auto; }
.hero, .card, .panel, .exam-toolbar { background: rgba(255,255,255,0.94); backdrop-filter: blur(10px); border: 1px solid var(--border); border-radius: 20px; box-shadow: 0 15px 45px rgba(16,42,67,0.08); }