/* Extracted from the inline <style> in exam-coming-soon.php.
   Used by: exam-coming-soon.php */

* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: 'Inter', sans-serif;
  background: #ffffff;
  color: var(--text);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.card {
  width: min(720px, 100%);
  background: linear-gradient(135deg, var(--bg2), var(--bg3));
  border: 1px solid rgba(88,28,135,0.1);
  border-radius: 16px;
  padding: 36px 32px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.35);
}
.kicker {
  display: inline-block;
  font-size: 0.8125rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 14px;
}
h1 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.875rem, 4vw, 2.5rem);
  line-height: 1.2;
  margin-bottom: 14px;
}
p {
  color: var(--text2);
  line-height: 1.7;
  margin-bottom: 22px;
}
.actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
/* theme.css also defines .btn (a filled accent button), and these two share the
   class name. Resetting background here keeps the secondary button transparent
   instead of inheriting an accent fill under dark ink. */
.btn {
  background: transparent;
  display: inline-block;
  padding: 11px 18px;
  border-radius: 9px;
  font-weight: 700;
  text-decoration: none;
}
.btn-primary {
  background: var(--gold);
  color: #ffffff;
}
.btn-secondary {
  background: transparent;
  border: 1px solid var(--border-strong);
  color: var(--text);
}

.site-footer { border-top: 1px solid var(--border); padding: 40px 24px; text-align: center; color: var(--text3); font-size: 0.9375rem; }
.site-footer a { color: var(--text3); text-decoration: none; }
.site-footer a:hover { color: var(--gold); }