/* GetMyCert app — Summit brand alignment layer (loads after the compiled app CSS) */

:root {
  --primary: #0B1220;
  --accent: #0D9488;
  --accent-light: #14B8A6;
  --bg-light: #F6F8FC;
  --text-dark: #1B2434;
  --text-light: #5B6779;
  --border: #E4E9F2;
  --gmc-mint: #2DE3B7;
  --gmc-grad: linear-gradient(90deg, #2DE3B7, #4CC9F0 55%, #8B7CFF);
  --gmc-grad-light: linear-gradient(90deg, #0D9488, #0E7490 55%, #6D5BD0);
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  background-color: #FBFCFE !important;
}
h1, h2, h3, .section-title, .quiz-title, .results-title, .price {
  font-family: 'Space Grotesk', 'Inter', sans-serif !important;
  letter-spacing: -0.02em;
}

/* promo banner */
.promo-banner {
  background: #0B1120 !important;
  color: #9AA7BD !important;
  border-bottom: 1px solid rgba(232, 237, 247, 0.08);
}
.promo-banner strong, .promo-banner b, .promo-banner a { color: var(--gmc-mint) !important; }

/* nav: midnight glass */
nav {
  background: rgba(7, 11, 20, 0.92) !important;
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(232, 237, 247, 0.08) !important;
  box-shadow: none !important;
}
.logo { color: #E8EDF7 !important; font-family: 'Space Grotesk', sans-serif !important; font-weight: 600 !important; font-size: 21px !important; }
.nav-links a { color: #9AA7BD !important; font-weight: 500 !important; }
.nav-links a:hover { color: #E8EDF7 !important; }
.hamburger { color: #E8EDF7 !important; }
.hamburger span { background: #E8EDF7 !important; }
.mobile-overlay, .nav-links.mobile-open { background: rgba(7, 11, 20, 0.97) !important; }

/* hero: midnight aurora */
.hero {
  background:
    radial-gradient(720px 420px at 88% -20%, rgba(139, 124, 255, 0.26), transparent 65%),
    radial-gradient(820px 500px at -8% 130%, rgba(45, 227, 183, 0.18), transparent 65%),
    radial-gradient(420px 320px at 72% 110%, rgba(76, 201, 240, 0.12), transparent 65%),
    #070B14 !important;
  position: relative;
  overflow: hidden;
}
.hero::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(232,237,247,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(232,237,247,.045) 1px, transparent 1px);
  background-size: 48px 48px;
  -webkit-mask-image: radial-gradient(700px 420px at 50% 40%, #000 25%, transparent 78%);
  mask-image: radial-gradient(700px 420px at 50% 40%, #000 25%, transparent 78%);
}
.hero > * { position: relative; }
.hero h1 {
  color: #E8EDF7 !important;
  font-size: clamp(2.1rem, 4.6vw, 3.2rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
}
.hero p { color: #9AA7BD !important; }
.trust-badges .badge { color: #CBD5E4 !important; }

/* buttons */
.btn-primary {
  background: var(--gmc-grad) !important;
  color: #04110D !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 30px -10px rgba(45, 227, 183, 0.5);
  border: none !important;
  transition: transform .25s cubic-bezier(.2,.8,.25,1), box-shadow .25s !important;
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 40px -12px rgba(76, 201, 240, 0.55); }

/* cert cards */
.cert-card {
  border-radius: 18px !important;
  border-color: var(--border) !important;
  transition: transform .3s cubic-bezier(.2,.8,.25,1), border-color .3s, box-shadow .3s !important;
}
.cert-card:hover {
  transform: translateY(-5px);
  border-color: rgba(13, 148, 136, 0.4) !important;
  box-shadow: 0 22px 44px -22px rgba(13, 148, 136, 0.3) !important;
}
.section-title { color: var(--primary) !important; font-weight: 700 !important; }

/* pricing */
.pricing-card { border-radius: 20px !important; }
.pricing-card.featured {
  border-color: rgba(13, 148, 136, 0.45) !important;
  box-shadow: 0 26px 60px -30px rgba(13, 148, 136, 0.35) !important;
}

/* quiz UI */
.progress-fill { background: var(--gmc-grad-light) !important; border-radius: 99px; }
.progress-bar { border-radius: 99px !important; overflow: hidden; }
.answer-option { border-radius: 12px !important; }
.answer-option:hover { border-color: rgba(13, 148, 136, 0.5) !important; }
.answer-option.correct { border-color: #0D9488 !important; background: rgba(13, 148, 136, 0.07) !important; }
.answer-option.incorrect { border-color: #EF4444 !important; background: rgba(239, 68, 68, 0.06) !important; }
.explanation { border-radius: 12px !important; }
.modal-content { border-radius: 20px !important; }

/* testimonials */
.testimonial-card { border-radius: 18px !important; }

/* footer + cookie banner (both flow from --primary → midnight) */
footer a:hover { color: var(--gmc-mint) !important; }
.cookie-banner {
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  background: rgba(7, 11, 20, 0.95) !important;
  border-top: 1px solid rgba(232, 237, 247, 0.08);
}
.cookie-btn-accept {
  background: var(--gmc-grad) !important; color: #04110D !important;
  border-radius: 999px !important; font-weight: 700 !important; border: none !important;
}