:root {
  color: #17324d;
  background: #f4f6f9;
  font-family: "Playfair Display", Georgia, serif;
}
body {
  background:
    linear-gradient(rgba(244,248,252,.82), rgba(238,244,250,.88)),
    url('/assets/assessment-page-brand-bg.png') center/cover fixed no-repeat,
    #eef4fa;
}
.landing {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 24px 34px;
}
.brand {
  width: 100%;
  color: #17324d;
  letter-spacing: .08em;
  justify-content: flex-start;
}
.brand-mark {
  background: url('/assets/agenarys-mark.png') center/contain no-repeat;
  color: transparent;
  border-radius: 0;
  width: 34px;
  height: 34px;
}
.brand small {
  color: #66788b;
  border-left-color: #d3dee9;
}
.language-toggle {
  color: #17324d;
  background: #fff;
  border: 1px solid #dfe7f0;
  box-shadow: 0 8px 22px rgba(20,35,58,.08);
}
.hero {
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .9fr);
  gap: clamp(28px, 5vw, 72px);
  padding: clamp(44px, 6vw, 72px) 0;
}
.hero h1,
.intro-card h1,
.processing h1,
.report-header h1,
.question-card h1,
.admin-content h1 {
  font-family: Cinzel, Georgia, serif;
  color: #17324d;
  letter-spacing: -.015em;
}
.hero h1 {
  font-size: clamp(2.75rem, 5.5vw, 5.25rem);
  line-height: 1.06;
}
.subhead,
.intro-card p,
.report-card p,
.report-card li,
.secondary p,
.warning p,
.email-card p {
  color: #425466;
}
.eyebrow {
  color: #2e7fb8;
  letter-spacing: .08em;
}
.facts span {
  background: #fff;
  border-color: #dfe7f0;
  color: #425466;
}
.primary {
  background: #14233a;
  border-radius: 999px;
  box-shadow: 0 12px 30px rgba(20,35,58,.18);
}
.primary:hover:not(:disabled) {
  background: #2e7fb8;
}
.path-card {
  background: url('/assets/agenary-symbol-brand-bg.png') center/cover no-repeat;
  border-radius: 22px;
  min-height: 430px;
  border: 1px solid #dfe7f0;
  box-shadow: 0 28px 70px rgba(46,127,184,.14);
}
.path-card:before {
  display: none !important;
}
.path-card::after {
  content: "Agenarys";
  position: absolute;
  left: 50%;
  bottom: clamp(22px, 4vw, 38px);
  transform: translateX(-50%);
  font-family: Cinzel, Georgia, serif;
  font-size: clamp(1.25rem, 2.4vw, 2rem);
  font-weight: 700;
  letter-spacing: .08em;
  color: #0b2342;
  text-shadow:
    0 2px 14px rgba(255,255,255,.92),
    0 0 1px rgba(11,35,66,.55);
}
.path-card > * {
  display: none !important;
}
.centered,
.assessment-page,
.admin-shell {
  background:
    linear-gradient(rgba(244,248,252,.82), rgba(238,244,250,.88)),
    url('/assets/assessment-page-brand-bg.png') center/cover fixed no-repeat,
    #f4f6f9;
}
.intro-card,
.processing,
.question-card,
.report-card,
.secondary,
.warning,
.email-card,
.admin-table,
.admin-detail {
  border-color: #dfe7f0;
  border-radius: 18px;
  box-shadow: 0 22px 60px rgba(20,35,58,.08);
}
.assessment-header {
  background: rgba(255,255,255,.92);
  border-bottom: 1px solid #dfe7f0;
}
.progress-track div {
  background: linear-gradient(90deg, #2e7fb8, #5fa542);
}
.option.selected {
  background: #eef7ff;
  border-color: #2e7fb8;
  box-shadow: 0 0 0 1px #2e7fb8;
}
.report-header {
  background: linear-gradient(145deg, #14233a, #2e7fb8);
  border-radius: 22px;
}
footer {
  color: #66788b;
}
@media (max-width: 780px) {
  .landing { padding: 20px 18px 28px; }
  .hero { grid-template-columns: 1fr; }
  .hero h1 { font-size: clamp(2.35rem, 12vw, 4rem); }
  .path-card { min-height: 280px; }
}