:root{
  --navy: #071326;
  --navy-2: #0a1f44;
  --primary: #0ea5e9;   
  --accent: #38bdf8;    

  
  --bg: #f8fafc;
  --card: #ffffff;
  --border: rgba(15,23,42,0.10);

 
  --text-dark: #03060e;
  --text-light: #1a2738;

  
  --shadow-soft: 0 12px 24px rgba(15, 23, 42, 0.08);
  --shadow-lift: 0 18px 36px rgba(15, 23, 42, 0.14);


  --radius: 16px;
  --radius-sm: 12px;
  --ring: 0 0 0 4px rgba(14,165,233,0.14);

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
}


.home-landing .home-resource-panel{
  width: min(1140px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 12px;
}

.home-landing .home-resource-group{
  padding: 10px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
  box-shadow:
    0 16px 38px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.home-landing .home-resource-group__label{
  margin: 0 0 10px;
  color: #374151;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home-landing .home-tab-grid--quick,
.home-landing .home-tab-grid--resources{
  width: 100%;
  margin: 0;
}

.home-landing .home-tab-grid--quick .home-tab,
.home-landing .home-tab-grid--resources .home-tab{
  grid-column: span 1 !important;
}

.home-landing .home-tab-grid.home-tab-grid--quick{
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.home-landing .home-tab-grid.home-tab-grid--resources{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.home-landing .home-tab--quick,
.home-landing .home-tab--wide{
  width: auto;
  margin: 0;
  min-height: 0;
  border-radius: 14px;
  border-color: rgba(15, 23, 42, 0.07);
  box-shadow:
    0 10px 26px rgba(15, 23, 42, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.home-landing .home-tab--quick{
  min-height: 146px;
  padding: 12px 12px 10px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr auto;
  align-content: start;
  justify-items: start;
  gap: 8px;
}

.home-landing .home-tab--quick .home-tab__icon{
  grid-column: auto;
  grid-row: auto;
  width: 44px;
  height: 44px;
  border-radius: 14px;
}

.home-landing .home-tab--quick .home-tab__icon svg{
  width: 22px;
  height: 22px;
}

.home-landing .home-tab--quick .home-tab__title,
.home-landing .home-tab--quick .home-tab__meta,
.home-landing .home-tab--quick .home-tab__cta-text,
.home-landing .home-tab--quick .home-tab__icon{
  grid-column: 1;
  min-width: 0;
}

.home-landing .home-tab--wide .home-tab__title,
.home-landing .home-tab--wide .home-tab__meta{
  grid-column: 2;
  min-width: 0;
}

.home-landing .home-tab--quick .home-tab__title{
  font-size: 14px;
  line-height: 1.2;
}

.home-landing .home-tab--quick .home-tab__meta{
  max-width: none;
  font-size: 11.5px;
  line-height: 1.35;
  font-weight: 600;
}

.home-landing .home-tab__cta-text{
  margin-top: auto;
  padding-right: 32px;
  color: var(--card-accent);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
}

.home-landing .home-tab--quick::before{
  inset: auto 12px 12px auto;
  width: 28px;
  height: 28px;
  box-shadow:
    0 8px 18px color-mix(in srgb, var(--card-accent) 18%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

.home-landing .home-tab--quick::after{
  inset: auto 12px 12px auto;
  width: 28px;
  height: 28px;
  font-size: 15px;
}

.home-landing .home-tab--wide{
  min-height: 64px;
  padding: 8px 42px 8px 12px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.home-landing .home-tab--wide .home-tab__icon{
  grid-column: auto;
  grid-row: auto;
  width: 40px;
  height: 40px;
  border-radius: 12px;
}

.home-landing .home-tab--wide .home-tab__icon svg{
  width: 20px;
  height: 20px;
}

.home-landing .home-tab--wide .home-tab__title{
  margin-bottom: 3px;
  font-size: 13px;
  line-height: 1.15;
}

.home-landing .home-tab--wide .home-tab__meta{
  max-width: 34ch;
  font-size: 11.5px;
  line-height: 1.45;
}

.home-landing .home-tab--wide::before{
  content: none;
}

.home-landing .home-tab--wide::after{
  inset: 50% 14px auto auto;
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  color: var(--card-accent);
  font-size: 18px;
  transform: translateY(-50%);
}

.home-landing .home-tab--wide:hover::after{
  transform: translateY(-50%) translateX(2px);
}

@media (max-width: 1180px){
  .home-landing .home-tab-grid.home-tab-grid--quick{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .home-landing .home-tab-grid.home-tab-grid--resources{
    grid-template-columns: 1fr !important;
  }

  .home-landing .home-tab--wide{
    min-height: 78px;
  }
}

@media (max-width: 640px){
  .home-landing .home-resource-group{
    padding: 10px;
  }

  .home-landing .home-tab-grid.home-tab-grid--quick,
  .home-landing .home-tab-grid.home-tab-grid--resources{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .home-landing .home-tab--quick,
  .home-landing .home-tab--wide{
    min-height: 0;
  }

  .home-landing .home-tab--quick{
    padding: 14px 14px 12px;
  }

  .home-landing .home-tab--wide{
    padding: 10px 38px 10px 12px;
    grid-template-columns: 40px minmax(0, 1fr);
  }
}


*{ box-sizing: border-box; }

html{ scroll-behavior: smooth; }

body{
  margin: 0;
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--bg);
  color: var(--text-dark);
  line-height: 1.6;
}

body.site-page{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body.site-page > main{
  flex: 1 0 auto;
  width: 100%;
}

body.site-page > .footer{
  margin-top: 40px;
}

body.question-practice-page{
  overflow-x: hidden;
}

img{ max-width: 100%; display: block; }

a{ color: inherit; }

[hidden]{
  display: none !important;
}

:focus-visible{
  outline: none;
  box-shadow: var(--ring);
  border-radius: 12px;
}


.container{
  width: 90%;
  max-width: 1140px;
  margin: auto;
}

.section{
  padding: 80px 0;
}

.section-title{
  text-align: center;
  margin: 0 0 40px;
  font-family: 'Poppins', sans-serif;
  font-size: 30px;
  color: var(--text-dark);
  letter-spacing: 0.2px;
}

.section-title::after{
  content: "";
  display: block;
  width: 64px;
  height: 5px;
  background: linear-gradient(90deg, var(--primary), var(--accent));
  margin: 12px auto 0;
  border-radius: 999px;
}


.card{
  background: linear-gradient(135deg, #ffffff, #f8fafc);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.card--pad{ padding: 24px; }

.btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 14px;
  border: 1px solid transparent;
  text-decoration: none;
  font-weight: 900;
  letter-spacing: 0.2px;
  cursor: pointer;
  transition: transform 0.18s, box-shadow 0.18s, background 0.18s, border-color 0.18s;
  user-select: none;
}

.btn:hover{ transform: translateY(-2px); }

.btn--primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #fff;
  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

.btn--ghost{
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.20);
  color: rgba(255,255,255,0.92);
}

.btn--ghost:hover{
  background: rgba(255,255,255,0.20);
  border-color: rgba(255,255,255,0.28);
}

.btn--light{
  background: linear-gradient(135deg, #ffffff, #eaf6ff);
  color: var(--navy-2);
  border-color: rgba(255,255,255,0.4);
  box-shadow: 0 18px 35px rgba(0,0,0,0.20);
}

.btn--outline{
  background: #fff;
  border-color: rgba(15,23,42,0.16);
  color: var(--navy-2);
  box-shadow: 0 12px 24px rgba(15,23,42,0.08);
}

.btn--outline:hover{
  background: rgba(14,165,233,0.08);
  border-color: rgba(14,165,233,0.35);
}

.btn--nav-accent{
  background: linear-gradient(135deg, rgba(56,189,248,0.20), rgba(255,255,255,0.10));
  border-color: rgba(125,211,252,0.45);
  color: #fff;
  box-shadow: 0 14px 30px rgba(2,6,23,0.24);
}

.btn--nav-accent:hover{
  background: linear-gradient(135deg, rgba(56,189,248,0.32), rgba(255,255,255,0.16));
  border-color: rgba(186,230,253,0.72);
}

.btn[disabled],
.btn:disabled{
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}

.input-field,
.textarea-field{
  width: 100%;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,0.16);
  background: #fff;
  font-size: 15px;
  color: var(--text-dark);
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}

.input-field:focus,
.textarea-field:focus{
  border-color: rgba(14,165,233,0.55);
  box-shadow: var(--ring);
  transform: translateY(-1px);
}

.input-help{
  margin: 0;
  font-size: 13px;
  color: rgba(3,6,14,0.62);
  font-weight: 700;
}

.alert{
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid transparent;
  font-weight: 800;
}

.alert--success{
  background: rgba(22,163,74,0.10);
  border-color: rgba(22,163,74,0.35);
  color: #166534;
}

.alert--error{
  background: rgba(239,68,68,0.10);
  border-color: rgba(239,68,68,0.35);
  color: #991b1b;
}

.auth-page{
  padding: 8px 0 40px;
}

.auth-shell{
  width: 92%;
  max-width: 540px;
  margin: 0 auto;
}

.auth-eyebrow{
  margin: 0 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 12px;
  font-weight: 900;
  color: rgba(14,165,233,0.95);
}

.form-stack{
  display: grid;
  gap: 16px;
}

.form-field{
  display: grid;
  gap: 8px;
}

.form-field label{
  font-weight: 800;
  color: var(--navy-2);
}

.auth-actions{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.auth-meta{
  margin-top: 18px;
  color: rgba(3,6,14,0.74);
  font-weight: 700;
}

.auth-meta a{
  color: var(--primary);
  font-weight: 900;
}

.access-layout{
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 1fr);
  gap: 22px;
  align-items: stretch;
}

.access-tabs{
  display: inline-flex;
  gap: 8px;
  padding: 6px;
  border-radius: 999px;
  background: rgba(224,242,254,0.72);
  border: 1px solid rgba(14,165,233,0.14);
}

.access-tab{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  padding: 6px 8px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 900;
  color: rgba(3,6,14,0.72);
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.access-tab.is-active{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #fff;
  box-shadow: 0 14px 28px rgba(14,165,233,0.28);
}

.access-form-card{
  padding: 28px;
}

.access-form-card h1{
  margin: 18px 0 8px;
}

.access-form-card[hidden]{
  display: none;
}

.dashboard-hero{
  padding: 30px;
  margin-bottom: 24px;
  background:
    radial-gradient(circle at top left, rgba(56,189,248,0.24), transparent 28%),
    radial-gradient(circle at bottom right, rgba(14,165,233,0.14), transparent 32%),
    linear-gradient(145deg, rgba(7,19,38,0.96), rgba(10,31,68,0.94), rgba(14,165,233,0.76));
  color: #fff;
  overflow: hidden;
  position: relative;
}

.dashboard-hero::after{
  content: "";
  position: absolute;
  right: -30px;
  bottom: -36px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,0.16), transparent 72%);
  pointer-events: none;
}

.dashboard-hero__grid{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.9fr);
  gap: 24px;
  align-items: start;
}

.dashboard-hero__eyebrow{
  margin: 0 0 10px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 12px;
  font-weight: 900;
  color: rgba(224,242,254,0.92);
}

.dashboard-hero h1{
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 30px;
  line-height: 1.12;
}

.dashboard-hero__copy{
  margin: 14px 0 0;
  max-width: 680px;
  color: rgba(240,249,255,0.92);
  font-weight: 600;
}

.dashboard-hero__copy-spacer{
  min-height: 76px;
}

.dashboard-hero__actions{
  margin-top: 20px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.dashboard-hero__actions .btn--outline{
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.22);
  color: #fff;
  box-shadow: none;
}

.dashboard-hero__actions .btn--outline:hover{
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.34);
}

.dashboard-hero__status{
  display: grid;
  gap: 14px;
}

.dashboard-hero__status-card{
  padding: 18px 20px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,251,244,0.18), rgba(247,238,225,0.12));
  border: 1px solid rgba(226,196,140,0.22);
  box-shadow: 0 18px 34px rgba(5,9,16,0.16);
}

.dashboard-hero__status-card strong{
  display: block;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  margin-bottom: 6px;
  color: #fffaf2;
}

.dashboard-hero__status-card span{
  display: block;
  color: rgba(247,239,226,0.88);
  font-weight: 700;
}

.dashboard-quickstats{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.dashboard-quickstat{
  padding: 16px 18px;
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255,251,244,0.16), rgba(247,238,225,0.10));
  border: 1px solid rgba(226,196,140,0.18);
  box-shadow: 0 16px 28px rgba(5,9,16,0.14);
}

.dashboard-quickstat__label{
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(247,233,208,0.76);
  font-weight: 900;
}

.dashboard-quickstat__value{
  margin: 8px 0 0;
  font-family: 'Poppins', sans-serif;
  font-size: 26px;
  line-height: 1.1;
  color: #fffaf2;
}

.dashboard-grid-2{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.dashboard-actions{
  padding: 24px;
  margin-bottom: 24px;
}

.dashboard-action-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.dashboard-action-card{
  position: relative;
  overflow: hidden;
  min-height: 180px;
  padding: 22px;
  display: grid;
  gap: 10px;
  align-content: end;
  text-decoration: none;
  color: #fdf9f2;
  border-radius: 22px;
  border: 1px solid rgba(226,196,140,0.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.015)),
    linear-gradient(145deg, rgba(20,30,44,0.97), rgba(16,25,38,0.94));
  box-shadow: 0 24px 50px rgba(8,12,20,0.18);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.dashboard-action-card::before{
  content: "";
  position: absolute;
  top: -18px;
  right: -12px;
  width: 90px;
  height: 90px;
  background: radial-gradient(circle, rgba(255,255,255,0.14), transparent 68%);
  pointer-events: none;
}

.dashboard-action-card:hover{
  transform: translateY(-5px);
  border-color: rgba(226,196,140,0.32);
  box-shadow: 0 30px 60px rgba(8,12,20,0.24);
}

.dashboard-action-card.is-featured{
  grid-column: span 2;
  min-height: 212px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.18), transparent 34%),
    linear-gradient(145deg, #bc8a44 0%, #785224 34%, #182131 100%);
  border-color: rgba(255,241,216,0.18);
}

.dashboard-action-card__icon{
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(255,255,255,0.10);
  color: #fff7eb;
  font-size: 24px;
  border: 1px solid rgba(255,255,255,0.10);
}

.dashboard-action-card__eyebrow{
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: rgba(247,230,202,0.76);
}

.dashboard-action-card__title{
  font-family: 'Cormorant Garamond', serif;
  font-size: 34px;
  line-height: 0.95;
  letter-spacing: -0.04em;
  font-weight: 700;
}

.dashboard-action-card__meta{
  color: rgba(250,240,224,0.78);
  font-size: 14px;
  line-height: 1.6;
  font-weight: 600;
  max-width: 28ch;
}

.dashboard-panel{
  padding: 24px;
}

.dashboard-panel__header{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.dashboard-panel__header h2{
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  color: var(--navy-2);
}

.dashboard-panel__header p{
  margin: 0;
  color: rgba(3,6,14,0.66);
  font-weight: 700;
}

.insight-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 24px;
}

.insight-card{
  padding: 20px;
}

.insight-card__label{
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(3,6,14,0.58);
  font-weight: 900;
}

.insight-card__value{
  margin: 10px 0 0;
  font-family: 'Poppins', sans-serif;
  font-size: 23px;
  line-height: 1.15;
  color: var(--navy-2);
}

.insight-card__meta{
  margin: 8px 0 0;
  color: rgba(3,6,14,0.70);
  font-weight: 700;
}

.ranking-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.ranking-card{
  padding: 16px;
  border-radius: 16px;
  background: rgba(224,242,254,0.42);
  border: 1px solid rgba(14,165,233,0.12);
}

.ranking-card--attempts{
  background: linear-gradient(180deg, rgba(231, 244, 255, 0.9), rgba(244, 249, 255, 0.96));
  border-color: rgba(59, 130, 246, 0.16);
}

.ranking-card--correct{
  background: linear-gradient(180deg, rgba(255, 246, 230, 0.92), rgba(255, 251, 242, 0.96));
  border-color: rgba(217, 119, 6, 0.16);
}

.ranking-card__label{
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(3,6,14,0.58);
  font-weight: 900;
}

.ranking-card__value{
  margin: 8px 0 0;
  font-family: 'Poppins', sans-serif;
  font-size: 28px;
  line-height: 1.1;
  color: var(--navy-2);
}

.ranking-card__meta{
  margin: 8px 0 0;
  color: rgba(3,6,14,0.68);
  font-weight: 700;
}

.leaderboard-list{
  display: grid;
  gap: 10px;
}

.leaderboard-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.leaderboard-panel{
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,0.08);
  background: rgba(255,255,255,0.76);
}

.leaderboard-panel__header{
  margin-bottom: 14px;
}

.leaderboard-panel__header h3{
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  color: var(--navy-2);
}

.leaderboard-panel__header p{
  margin: 6px 0 0;
  color: rgba(3,6,14,0.64);
  font-weight: 700;
}

.leaderboard-item{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,0.08);
  background: #fff;
}

.leaderboard-rank{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(14,165,233,0.18), rgba(56,189,248,0.22));
  color: var(--navy-2);
  font-weight: 900;
}

.leaderboard-name{
  display: block;
  font-weight: 900;
  color: var(--navy-2);
}

.leaderboard-meta{
  display: block;
  margin-top: 2px;
  color: rgba(3,6,14,0.62);
  font-size: 14px;
  font-weight: 700;
}

.leaderboard-score{
  display: grid;
  justify-items: end;
  text-align: right;
  color: var(--navy-2);
}

.leaderboard-score strong{
  font-size: 17px;
  line-height: 1.1;
  font-weight: 900;
}

.leaderboard-score span{
  margin-top: 2px;
  font-size: 12px;
  font-weight: 800;
  color: rgba(3,6,14,0.56);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.progress-track{
  width: 100%;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(148,163,184,0.18);
  margin-top: 14px;
}

.progress-fill{
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--primary), var(--accent));
}

.progress-meta{
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  color: rgba(3,6,14,0.66);
  font-size: 13px;
  font-weight: 800;
}

.subject-performance{
  display: grid;
  gap: 12px;
}

.subject-row{
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,0.08);
  background: #fff;
}

.subject-row__top{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.subject-row__title{
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  color: var(--navy-2);
}

.subject-row__meta{
  color: rgba(3,6,14,0.68);
  font-weight: 800;
}

.dashboard-panel--full{
  margin-top: 24px;
}

.activity-pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.10em;
}

.activity-pill.is-correct{
  background: rgba(22,163,74,0.12);
  color: #166534;
}

.activity-pill.is-wrong{
  background: rgba(239,68,68,0.12);
  color: #991b1b;
}

.activity-pill.is-skipped{
  background: rgba(148,163,184,0.18);
  color: #475569;
}

.empty-state{
  padding: 22px;
  border-radius: 16px;
  border: 1px dashed rgba(15,23,42,0.16);
  background: rgba(248,250,252,0.8);
  color: rgba(3,6,14,0.70);
  font-weight: 700;
}


.header{
  background: linear-gradient(
    135deg,
    rgba(7,19,38,0.98),
    rgba(10,31,68,0.92),
    rgba(7,19,38,0.98)
  );
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.18);
  position: sticky;
  top: 0;
  z-index: 100;
  backdrop-filter: blur(12px);
}

.nav{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  position: relative;
}

.logo{
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #fff;
  text-decoration: none;
}

nav{
  display: flex;
  align-items: center;
}

nav a{
  color: rgba(255, 255, 255, 0.92);
  text-decoration: none;
  margin-left: 22px;
  font-weight: 800;
  padding: 8px 10px;
  border-radius: 10px;
  transition: 0.18s;
}

nav a:hover{
  background: rgba(255, 255, 255, 0.089);
  color: #fff;
}

.nav-toggle{
  display: none;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.24);
  background: rgba(255,255,255,0.08);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.nav-toggle-bar{
  display: block;
  width: 18px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
}


.hero{
  text-align: center;
  padding: 80px 20px;
  color: white;
  background:
    radial-gradient(circle at 15% 18%, rgba(56,189,248,0.26), transparent 38%),
    radial-gradient(circle at 85% 22%, rgba(14,165,233,0.22), transparent 45%),
    radial-gradient(circle at 50% 95%, rgba(255,255,255,0.10), transparent 40%),
    linear-gradient(135deg, var(--navy), var(--navy-2));
  position: relative;
  overflow: hidden;
}

.hero::after{
  content:"";
  position:absolute;
  inset:-80px;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,0.10), transparent 35%),
    radial-gradient(circle at 70% 30%, rgba(255,255,255,0.06), transparent 40%);
  pointer-events:none;
}

.hero h1{
  font-family: 'Poppins', sans-serif;
  font-size: 46px;
  margin: 0 0 14px;
  font-weight: 800;
  letter-spacing: 0.2px;
  text-shadow: 0 20px 50px rgba(0,0,0,0.25);
}

.hero p{
  margin: 0 auto;
  max-width: 760px;
  font-size: 18px;
  color: #fff;
}


.subjects{ 
  padding: 20px 0 90px;
  scroll-margin-top: 83px;
 }

.subject-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

.subject-card{
  padding: 28px;
  text-decoration: none;
  color: var(--text-dark);
  transition: 0.25s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 200px;
  position: relative;
  overflow: hidden;
}

.subject-card::before{
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: 0.25s;
  background:
    radial-gradient(circle at 20% 20%, rgba(56,189,248,0.22), transparent 45%),
    radial-gradient(circle at 80% 10%, rgba(37,99,235,0.18), transparent 50%),
    linear-gradient(135deg, rgba(238,242,255,0.9), rgba(224,242,254,0.9));
}

.subject-card:hover::before{ opacity: 0.55; }

.subject-card:hover{
  transform: translateY(-7px);
  box-shadow: var(--shadow-lift);
  border-color: rgba(2, 58, 82, 0.35);
}

.subject-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
}

.icon{
  font-size: 36px;
  filter: drop-shadow(0 12px 18px rgba(0,0,0,0.12));
}

.subject-card h3{
  margin: 16px 0 8px;
  font-size: 20px;
  font-family: 'Poppins', sans-serif;
  position: relative;
  z-index: 1;
}


.how{
  padding: 60px 0;
  background:
    radial-gradient(circle at 15% 30%, rgba(56,189,248,0.10), transparent 35%),
    linear-gradient(180deg, #ffffff, #f8fafc);
}

.how-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.how-card{
  padding: 24px;
  transition: 0.25s;
}

.how-card:hover{
  transform: translateY(-6px);
  box-shadow: var(--shadow-lift);
  border-color: rgba(56,189,248,0.25);
}

.how-step{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-weight: 900;
  color: #0f172a;
  border: 1px solid var(--border);
  margin-bottom: 10px;
  background:
    radial-gradient(circle at 30% 30%, rgba(56,189,248,0.25), transparent 45%),
    linear-gradient(135deg, rgba(238,242,255,1), rgba(224,242,254,1));
}

.how-card h3{
  margin: 8px 0;
  font-family: 'Poppins', sans-serif;
}

.how-card p{
  margin: 0;
  color: var(--text-light);
}

.about{ padding: 80px 0; background: #fff; }

.about p{
  max-width: 720px;
  margin: 15px auto;
  font-size: 17px;
  color: var(--text-light);
  line-height: 1.75;
}

.mission{
  padding: 80px 0;
  background: linear-gradient(135deg, #e4ebff, #e6f0fa);
}

.mission-card{
  background: #fff;
  padding: 50px;
  border-radius: var(--radius);
  max-width: 800px;
  margin: 0 auto;
  border: 1px solid var(--border);
}

.mission p{
  color: var(--text-light);
  font-size: 17px;
  margin: 15px 0;
  line-height: 1.75;
}


.feedback{ padding: 80px 0; text-align: center; }

.feedback-form{ max-width: 500px; margin: auto; }

.feedback-form input,
.feedback-form textarea{
  width: 100%;
  padding: 14px;
  margin-bottom: 15px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,0.18);
  font-size: 15px;
  outline: none;
  transition: border-color 0.18s, box-shadow 0.18s;
  background: #fff;
}

.feedback-form input:focus,
.feedback-form textarea:focus{
  border-color: rgba(14,165,233,0.55);
  box-shadow: var(--ring);
}

.feedback-form button{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: white;
  padding: 13px 28px;
  border: none;
  border-radius: 14px;
  font-weight: 900;
  letter-spacing: 0.2px;
  cursor: pointer;
  transition: transform 0.18s, box-shadow 0.18s;
}

.feedback-form button:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}


.feedback{
  padding: 80px 0;
  text-align: center;
}


.feedback-toast{
  max-width: 500px;
  margin: 0 auto 16px;
  padding: 12px 16px;
  border-radius: 12px;

  background: rgba(22, 163, 74, 0.08);
  border: 1px solid rgba(22, 163, 74, 0.55);
  color: #166534;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(22, 163, 74, 0.12);
  text-align: center;

  animation: fadeInDown 0.25s ease-out;
}


@keyframes fadeInDown{
  from{ opacity: 0; transform: translateY(-8px); }
  to{ opacity: 1; transform: translateY(0); }
}

.footer{
  background: linear-gradient(135deg, var(--navy), var(--navy-2));
  color: white;
  text-align: center;
  padding: 25px 0;
  font-size: 14px;
  border-top: 1px solid rgba(255,255,255,0.10);
}


.question-page{
  padding: 10px 0 0px;
}

.q-shell{
  width: 98%;
  max-width: 1440px;
  margin: 0 auto;
}

.q-topbar{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.q-topbar--list{
  margin-bottom: 0;
}

.q-topbar__left,
.q-topbar__right{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  min-width: 0;
}

body.question-practice-page .btn.q-back-link{
  min-height: 50px;
  padding: 7px 14px 7px 10px;
  border-radius: 18px;
  border-color: rgba(201,140,45,0.34);
  background:
    radial-gradient(circle at left top, rgba(255,255,255,0.98), transparent 42%),
    linear-gradient(135deg, rgba(255,250,238,0.99), rgba(241,222,179,0.98));
  box-shadow:
    0 16px 30px rgba(183,134,67,0.16),
    inset 0 1px 0 rgba(255,255,255,0.86);
  white-space: nowrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  width: fit-content;
  max-width: 100%;
}

body.question-practice-page .btn.q-back-link:hover{
  border-color: rgba(183,134,67,0.46);
  background:
    radial-gradient(circle at left top, rgba(255,255,255,1), transparent 44%),
    linear-gradient(135deg, rgba(255,251,241,1), rgba(234,209,150,0.98));
  box-shadow:
    0 20px 36px rgba(183,134,67,0.22),
    inset 0 1px 0 rgba(255,255,255,0.94);
}

.q-back-link__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 24px;
  flex: 0 0 34px;
  border-radius: 12px;
  background: linear-gradient(135deg, #c98c2d, #9f5f14);
  color: #fff;
  font-size: 18px;
  line-height: 1;
  box-shadow: 0 10px 20px rgba(159,95,20,0.28);
}

.q-back-link__copy{
  display: grid;
  gap: 2px;
  min-width: 0;
}

.q-back-link__copy small{
  display: block;
  color: rgba(109,79,35,0.78);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.q-back-link__copy strong{
  display: block;
  color: var(--navy-2);
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.01em;
}

.q-progress{
  font-weight: 900;
  color: rgba(3,6,14,0.75);
}

.q-timer{
  min-width: 12px;
  padding: 8px 12px;
  border-radius: 18px;
  border: 1px solid rgba(22,163,74,0.24);
  background: linear-gradient(180deg, rgba(240,253,244,0.98), rgba(220,252,231,0.96));
  box-shadow: 0 14px 28px rgba(15,23,42,0.08);
  text-align: center;
}

.q-timer__label{
  display: block;
  margin-bottom: 4px;
  color: rgba(22,34,51,0.62);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.q-timer__value{
  display: block;
  color: #166534;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  line-height: 1;
}

.q-timer.is-warning{
  border-color: rgba(217,119,6,0.34);
  background: linear-gradient(180deg, rgba(255,247,237,0.98), rgba(255,237,213,0.98));
}

.q-timer.is-warning .q-timer__value{
  color: #c2410c;
}

.q-timer.is-expired{
  border-color: rgba(239,68,68,0.34);
  background: linear-gradient(180deg, rgba(254,242,242,0.98), rgba(254,226,226,0.98));
}

.q-timer.is-expired .q-timer__value{
  color: #b91c1c;
}

.q-card{ padding: 26px; }

.question-list-shell{
  padding: 12px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
  min-height: 0;
}

.question-list-scroll{
  min-height: 0;
}

.question-list{
  display: grid;
  gap: 16px;
  align-content: start;
}

.question-item{
  padding: 24px;
  border-radius: 22px;
  border: 1px solid rgba(15,23,42,0.10);
  background: rgba(255,255,255,0.88);
  box-shadow: 0 14px 28px rgba(15,23,42,0.06);
  scroll-margin-top: var(--question-sticky-offset, 14px);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.question-item.is-active{
  border-color: rgba(3,44,156,0.30);
  box-shadow: 0 20px 38px rgba(3,44,156,0.10);
}

.question-item__head{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.question-item__prompt{
  min-width: 0;
}

.question-item__title{
  margin-bottom: 10px;
}

.question-item__footer{
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.question-item__actions{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: nowrap;
  flex: 0 0 auto;
}

body.question-practice-page .question-item__action.btn{
  min-width: 0;
  padding: 9px 13px;
  font-size: 13px;
  white-space: nowrap;
}

body.question-practice-page .question-item__action.btn--outline{
  border-color: rgba(59,130,246,0.28);
  background:
    radial-gradient(circle at left top, rgba(255,255,255,0.96), transparent 44%),
    linear-gradient(135deg, rgba(239,248,255,0.99), rgba(210,232,255,0.97));
  color: #174287;
  box-shadow:
    0 14px 26px rgba(37,99,235,0.14),
    inset 0 1px 0 rgba(255,255,255,0.78);
}

body.question-practice-page .question-item__action.btn--outline:hover{
  border-color: rgba(37,99,235,0.42);
  background:
    radial-gradient(circle at left top, rgba(255,255,255,1), transparent 46%),
    linear-gradient(135deg, rgba(235,246,255,1), rgba(190,221,255,0.99));
  color: #12346a;
  box-shadow:
    0 18px 32px rgba(37,99,235,0.18),
    inset 0 1px 0 rgba(255,255,255,0.86);
}

body.question-practice-page .question-item__report.btn--outline{
  border-color: rgba(244,114,182,0.30);
  background:
    radial-gradient(circle at left top, rgba(255,255,255,0.97), transparent 44%),
    linear-gradient(135deg, rgba(255,245,248,0.99), rgba(255,224,233,0.97));
  color: #9f1d4a;
  box-shadow:
    0 14px 26px rgba(244,114,182,0.14),
    inset 0 1px 0 rgba(255,255,255,0.78);
}

body.question-practice-page .question-item__report.btn--outline:hover{
  border-color: rgba(225,29,72,0.40);
  background:
    radial-gradient(circle at left top, rgba(255,255,255,1), transparent 46%),
    linear-gradient(135deg, rgba(255,241,245,1), rgba(255,210,224,0.99));
  color: #881337;
  box-shadow:
    0 18px 32px rgba(225,29,72,0.18),
    inset 0 1px 0 rgba(255,255,255,0.86);
}

.question-item__explanation{
  margin-top: 16px;
}

.q-title{
  font-family: 'Poppins', sans-serif;
  margin: 0 0 12px;
  font-size: 18px;
  letter-spacing: 0.2px;
}

.q-text{
  margin: 0;
  font-size: 17px;
  color: rgb(0, 0, 0);
  white-space: pre-wrap;
}

.q-richtext{
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.q-richtext--tabular{
  font-family: Consolas, "SFMono-Regular", Menlo, Monaco, "Liberation Mono", "Courier New", monospace;
  white-space: pre;
  overflow-wrap: normal;
  word-break: normal;
  tab-size: 4;
  -moz-tab-size: 4;
  font-variant-numeric: tabular-nums;
}

.q-text.q-richtext--tabular{
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

.q-option-text.q-richtext--tabular{
  display: inline-block;
  max-width: 100%;
  overflow-x: auto;
  vertical-align: top;
}

.q-richtext strong,
.q-richtext b{
  font-weight: 900;
}

.q-richtext .math-root{
  display: inline-block;
  margin-right: 1px;
  font-size: 1.22em;
  font-weight: 900;
  line-height: 0.9;
  vertical-align: -0.03em;
}

.q-option-text{
  display: inline;
}

.q-options{
  margin-top: 18px;
  display: grid;
  gap: 10px;
  color: rgba(0, 0, 0, 0.92);
}

.question-item--option-images{
  display: block;
  max-height: none;
}

.question-item--option-images .question-item__prompt{
  position: relative;
  top: auto;
  z-index: auto;
  padding-bottom: 0;
  background: transparent;
}

.question-item--option-images .q-options{
  max-height: clamp(380px, 56vh, 700px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 2px 0 120px 0;
  width: 50%;
  scrollbar-width: thin;
}

.question-item--option-images .option{
  display: flex;
  align-items: stretch;
  width: 100%;
  margin: 0;
  min-height: 0;
}

.option__inner{
  display: inline;
}

.question-item--option-images .option__inner{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 8px 12px;
  flex: 1 1 auto;
  width: 100%;
}

.question-item--option-images .q-option-text:empty{
  display: none;
}

.question-item--option-images .q-option-media{
  grid-column: 1 / -1;
  margin-top: 4px;
}

.question-item--option-images .q-option-media img{
  display: block;
}

.option{
  text-align: left;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,0.12);
  background: rgba(255,255,255,0.9);
  cursor: pointer;
  transition: transform 0.12s, border-color 0.18s, background 0.18s, box-shadow 0.18s;
  font-weight: 700;
}

.option:hover{
  transform: translateY(-1px);
  border-color: rgba(14,165,233,0.35);
  box-shadow: 0 12px 26px rgba(0,0,0,0.08);
}

.option.is-selected{
  border-color: rgba(3, 44, 156, 0.55);
  background: rgba(224,242,254,0.55);
}

.option.is-correct{
  border-color: rgba(22, 163, 74, 0.55);
  background: rgba(22, 163, 74, 0.08);
}


.option.is-wrong{
  border-color: rgba(239,68,68,0.55);
  background: rgba(239,68,68,0.12);
}

.q-result{
  /* flex: 1 1 110px; */
  min-width: 0;
  display: inline-flex;
  align-items: center;
  padding: 9px 13px;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.26);
  background: rgba(248,250,252,0.92);
  color: rgba(15,23,42,0.78);
  font-weight: 900;
  line-height: 1.25;
}

.q-result:empty{
  padding: 0;
  border-color: transparent;
  background: transparent;
}

.q-result.is-correct{
  border-color: rgba(34,197,94,0.28);
  background: rgba(240,253,244,0.96);
  color: #166534;
}

.q-result.is-wrong{
  border-color: rgba(248,113,113,0.28);
  background: rgba(254,242,242,0.96);
  color: #b91c1c;
}

.q-result.is-skipped{
  border-color: rgba(245,158,11,0.28);
  background: rgba(255,247,237,0.96);
  color: #b45309;
}

.q-result.is-pending{
  border-color: rgba(59,130,246,0.24);
  background: rgba(239,246,255,0.96);
  color: #1d4ed8;
}

body.has-question-report-modal{
  overflow: hidden;
}

body.has-question-gate-modal{
  overflow: hidden;
}

.question-report-modal{
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 22px;
}

.question-report-modal[hidden]{
  display: none !important;
}

.question-report-modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(7,14,24,0.70);
  backdrop-filter: blur(10px);
}

.question-report-modal__dialog{
  position: relative;
  z-index: 1;
  width: min(620px, 100%);
  max-height: min(88vh, 760px);
  overflow: auto;
  padding: 26px;
  border: 1px solid rgba(17,31,52,0.10);
  box-shadow: 0 34px 70px rgba(7,14,24,0.24);
}

.question-report-modal__header{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
}

.question-report-modal__header h2{
  margin: 4px 0 0;
  font-family: 'Cormorant Garamond', serif;
  font-size: 34px;
  line-height: 1;
  color: #162234;
}

.question-report-modal__close{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(17,31,52,0.10);
  border-radius: 14px;
  background: #fff;
  color: rgba(18,31,49,0.74);
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.question-report-form{
  display: grid;
  gap: 16px;
  margin-top: 22px;
}

.question-report-reasons{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.question-report-reason{
  border: 1px solid rgba(18,31,49,0.10);
  border-radius: 999px;
  background: rgba(255,255,255,0.82);
  color: rgba(18,31,49,0.74);
  padding: 9px 13px;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.question-report-reason.is-active{
  background: linear-gradient(135deg, #1d4ed8, #0f766e);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 12px 22px rgba(15,118,110,0.18);
}

.question-report-form__label{
  color: rgba(18,31,49,0.84);
  font-weight: 900;
}

.question-report-form__textarea{
  width: 100%;
  min-height: 150px;
  resize: vertical;
  border: 1px solid rgba(18,31,49,0.12);
  border-radius: 18px;
  background: rgba(255,255,255,0.88);
  color: #162234;
  padding: 15px 16px;
  font: inherit;
  font-weight: 700;
  line-height: 1.55;
  outline: none;
}

.question-report-form__textarea:focus{
  border-color: rgba(29,78,216,0.42);
  box-shadow: 0 0 0 4px rgba(29,78,216,0.10);
}

.question-report-form__status{
  min-height: 20px;
  margin: -4px 0 0;
  color: #166534;
  font-weight: 900;
}

.question-report-form__status.is-error{
  color: #b91c1c;
}

.question-report-modal__actions{
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.question-gate-modal{
  position: fixed;
  inset: 0;
  z-index: 121;
  display: grid;
  place-items: center;
  padding: 22px;
}

.question-gate-modal[hidden]{
  display: none !important;
}

.question-gate-modal__backdrop{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top, rgba(56,189,248,0.20), transparent 34%),
    rgba(7,14,24,0.76);
  backdrop-filter: blur(12px);
}

.question-gate-modal__dialog{
  position: relative;
  z-index: 1;
  width: min(560px, 100%);
  padding: 30px 28px;
  border: 1px solid rgba(17,31,52,0.10);
  box-shadow: 0 36px 74px rgba(7,14,24,0.26);
  text-align: center;
  overflow: hidden;
}

.question-gate-modal__dialog::before{
  content: "";
  position: absolute;
  inset: -140px auto auto -120px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(56,189,248,0.18), transparent 70%);
  pointer-events: none;
}

.question-gate-modal__close{
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(17,31,52,0.10);
  border-radius: 14px;
  background: rgba(255,255,255,0.9);
  color: rgba(18,31,49,0.74);
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.question-gate-modal__brand{
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding: 10px 16px;
  border-radius: 999px;
  background: #162234;
  border: 1px solid rgba(183,134,67,0.16);
  color: #ffffff;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.question-gate-modal__brand-mark{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff, #eef4fb);
  border: 1px solid rgba(15,23,42,0.08);
  box-shadow: 0 10px 22px rgba(15,23,42,0.12);
}

.question-gate-modal__brand img{
  width: 44px;
  height: 47px;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
  /* image-rendering: crisp-edges;
  filter: drop-shadow(0 2px 6px rgba(15,23,42,0.10)); */
}

.question-gate-modal__dialog h2{
  position: relative;
  z-index: 1;
  margin: 0;
  color: #162234;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(34px, 5vw, 42px);
  line-height: 0.98;
}

.question-gate-modal__copy{
  position: relative;
  z-index: 1;
  margin: 18px auto 0;
  max-width: 430px;
  color: rgba(22,34,51,0.74);
  font-size: 16px;
  font-weight: 700;
}

.question-gate-modal__actions{
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 24px;
}

.question-gate-modal__actions .btn{
  min-width: 180px;
}

.q-actions{
  margin-top: 18px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.q-actions .btn{
  padding: 11px 16px;
  border-radius: 14px;
}

body.question-practice-page .q-nav-btn.is-correct{
  border-color: rgba(22, 163, 74, 0.55);
  background: rgba(22, 163, 74, 0.10);
  color: #166534;
}

body.question-practice-page .q-nav-btn.is-wrong{
  border-color: rgba(239, 68, 68, 0.55);
  background: rgba(239, 68, 68, 0.10);
  color: #b91c1c;
}

body.question-practice-page .q-nav-btn.is-skipped{
  border-color: rgba(217,119,6,0.45);
  background: rgba(255,237,213,0.82);
  color: #b45309;
}

body.question-practice-page .q-nav-btn.is-active{
  z-index: 1;
  color: #fff;
  /* transform: translateY(-2px) scale(1.06); */
}

body.question-practice-page .q-nav-btn.is-active::after{
  opacity: 1;
  transform: scale(1);
  animation: q-nav-active-pulse 1.9s ease-in-out infinite;
}

body.question-practice-page .q-nav-btn.is-active:not(.is-correct):not(.is-wrong):not(.is-skipped){
  color: #fff;
  border-color: rgba(183, 134, 67, 0.95);
  background: linear-gradient(135deg, #c98c2d, #9f5f14);
  box-shadow:
    0 0 0 2px rgba(255,255,255,0.92),
    0 0 0 4px rgba(201,140,45,0.24),
    0 14px 24px rgba(159,95,20,0.24);
}

body.question-practice-page .q-nav-btn.is-active.is-correct{
  box-shadow:
    0 0 0 2px rgba(255,255,255,0.92),
    0 0 0 4px rgba(34,197,94,0.18),
    0 14px 24px rgba(22,163,74,0.20);
}

body.question-practice-page .q-nav-btn.is-active.is-wrong{
  box-shadow:
    0 0 0 2px rgba(255,255,255,0.92),
    0 0 0 4px rgba(248,113,113,0.18),
    0 14px 24px rgba(239,68,68,0.18);
}

body.question-practice-page .q-nav-btn.is-active.is-skipped{
  box-shadow:
    0 0 0 2px rgba(255,255,255,0.92),
    0 0 0 4px rgba(245,158,11,0.18),
    0 14px 24px rgba(217,119,6,0.18);
}

@keyframes q-nav-active-pulse{
  0%, 100%{
    box-shadow: 0 0 0 3px rgba(201,140,45,0.16);
  }
  50%{
    box-shadow: 0 0 0 6px rgba(201,140,45,0.08);
  }
}

@media (prefers-reduced-motion: reduce){
  body.question-practice-page .q-nav-btn{
    transition: none;
  }

  body.question-practice-page .q-nav-btn.is-active::after{
    animation: none;
  }
}

.explain-card{
  margin-top: 16px;
  padding: 22px;
}

.explain-card h3{
  margin: 0 0 10px;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  color: var(--navy-2);
}

.explain-card p{
  margin: 0;
  color: rgba(3,6,14,0.86);
  white-space: pre-wrap;
}

.hub-page{
  padding-top: 20px;
}



.hub-hero{
  padding: 32px;
  margin-bottom: 24px;
  background:
    radial-gradient(circle at top left, rgba(56,189,248,0.26), transparent 30%),
    radial-gradient(circle at bottom right, rgba(14,165,233,0.18), transparent 35%),
    linear-gradient(145deg, rgba(7,19,38,0.96), rgba(10,31,68,0.94), rgba(14,165,233,0.70));
  color: #fff;
}

.hub-hero__grid{
  display: flex;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.9fr);
  justify-content: space-between;
  align-items: center;
}

.hub-hero__eyebrow{
  align-self: center;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 16px;
  font-weight: 900;
  color: rgba(224,242,254,0.92);
}

.hub-hero h1{
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 36px;
  line-height: 1.1;
}

.hub-hero__copy{
  margin: 14px 0 0;
  max-width: 720px;
  color: rgba(240,249,255,0.92);
  font-weight: 600;
}

.hub-hero__actions{
  margin-top: 20px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.hub-hero__actions .btn--outline{
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.24);
  color: #fff;
}

.hub-hero__actions .btn--outline:hover{
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.34);
}

.hub-hero__stats{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.hub-stat{
  padding: 18px;
  border-radius: 18px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.16);
  backdrop-filter: blur(8px);
}

.hub-stat__label{
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(224,242,254,0.84);
  font-weight: 900;
}

.hub-stat__value{
  display: block;
  margin-top: 8px;
  font-family: 'Poppins', sans-serif;
  font-size: 27px;
  line-height: 1.08;
}

.hub-summary-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 24px;
}

.summary-panel{
  padding: 24px;
}

.summary-panel h2{
  margin: 0 0 12px;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  color: var(--navy-2);
}

.summary-list{
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 8px;
  color: rgba(3,6,14,0.74);
  font-weight: 700;
}

.hub-section{
  margin-top: 12px;
  margin-bottom: 24px;
}

.section-heading{
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: end;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.section-heading__eyebrow{
  margin: 0 0 0 16px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 18px;
  font-weight: 900;
  color: rgba(14,165,233,0.95);
}

.section-heading h2{
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 28px;
  line-height: 1.15;
  color: var(--navy-2);
}

.section-heading__copy{
  margin: 0;
  max-width: 520px;
  color: rgba(3,6,14,0.68);
  font-weight: 700;
}

.badge-chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(224,242,254,0.62);
  border: 1px solid rgba(14,165,233,0.16);
  color: var(--navy-2);
  font-size: 12px;
  font-weight: 900;
}

.paper-grid,
.career-decision-grid,
.career-branch-grid,
.route-grid,
.syllabus-grid{
  display: grid;
  gap: 18px;
}

.paper-grid{
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.paper-card,
.career-decision-card,
.career-branch-card,
.route-card,
.syllabus-card{
  padding: 24px;
}

.paper-card__top,
.route-card__top,
.syllabus-card__header{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
  flex-wrap: wrap;
}

.paper-card__eyebrow,
.route-card__eyebrow,
.syllabus-card__eyebrow{
  margin: 0 0 4px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 900;
  color: rgba(14,165,233,0.95);
}

.paper-card h3,
.career-decision-card h3,
.career-branch-card h3,
.route-card h3,
.syllabus-card h3{
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  line-height: 1.2;
  color: var(--navy-2);
}

.paper-card__meta,
.paper-card__copy,
.route-card__copy,
.career-decision-card p,
.career-branch-card p,
.syllabus-card__copy{
  margin: 12px 0 0;
  color: rgba(3,6,14,0.70);
  font-weight: 700;
}

.paper-card__actions{
  margin-top: 18px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.career-decision-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.career-decision-card{
  background:
    radial-gradient(circle at top left, rgba(56,189,248,0.14), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,1), rgba(234,246,255,0.96));
}

.career-decision-card span{
  padding: 4px;
  display: block;
  margin-top: 12px;
  color: var(--navy-2);
  font-weight: 900;
}

.career-branch-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.route-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.syllabus-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.syllabus-card__action{
  padding: 10px 14px;
}

.syllabus-metrics{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 16px;
}

.syllabus-metrics span{
  display: inline-flex;
  align-items: center;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(224,242,254,0.62);
  border: 1px solid rgba(14,165,233,0.14);
  font-size: 12px;
  font-weight: 900;
  color: var(--navy-2);
}

.syllabus-topics{
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.syllabus-topic{
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,0.08);
  background: rgba(248,250,252,0.88);
  text-decoration: none;
  transition: transform 0.18s, border-color 0.18s, box-shadow 0.18s;
}

.syllabus-topic:hover{
  transform: translateY(-2px);
  border-color: rgba(14,165,233,0.26);
  box-shadow: 0 16px 28px rgba(15,23,42,0.10);
}

.syllabus-topic__media{
  width: 54px;
  height: 54px;
  border-radius: 16px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(14,165,233,0.16), rgba(56,189,248,0.22));
  border: 1px solid rgba(14,165,233,0.12);
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  color: var(--navy-2);
}

.syllabus-topic__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.syllabus-topic__top{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.syllabus-topic__top strong{
  color: var(--navy-2);
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
}

.syllabus-topic__meta{
  margin: 6px 0 0;
  color: rgba(3,6,14,0.66);
  font-weight: 700;
}

.status-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  font-weight: 900;
}

.status-badge.is-not-started{
  background: rgba(148,163,184,0.16);
  color: #475569;
}

.status-badge.is-building{
  background: rgba(14,165,233,0.12);
  color: #075985;
}

.status-badge.is-strong{
  background: rgba(22,163,74,0.12);
  color: #166534;
}

.status-badge.is-progress{
  background: rgba(250,204,21,0.18);
  color: #854d0e;
}

.status-badge.is-focus{
  background: rgba(239,68,68,0.12);
  color: #991b1b;
}

.status-badge.is-empty{
  background: rgba(226,232,240,0.82);
  color: #334155;
}

.community-main-grid,
.thread-shell{
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.8fr);
  gap: 20px;
  align-items: start;
}

.community-main-col,
.thread-main{
  display: grid;
  gap: 18px;
}

.community-side-col,
.thread-side{
  display: grid;
  gap: 18px;
}

.community-filter,
.community-panel,
.thread-header,
.thread-response{
  padding: 22px;
}

.community-filter__form{
  display: grid;
  grid-template-columns: 180px 200px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.community-filter__field{
  display: grid;
  gap: 8px;
}

.community-filter__field label{
  font-weight: 800;
  color: var(--navy-2);
}

.community-filter__actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.community-thread-list{
  display: grid;
  gap: 14px;
}

.community-thread-card{
  padding: 22px;
}

.community-thread-card__top{
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
  flex-wrap: wrap;
}

.community-thread-card__meta{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.community-thread-card h2{
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  line-height: 1.2;
}

.community-thread-card h2 a{
  text-decoration: none;
  color: var(--navy-2);
}

.community-thread-card h2 a:hover{
  text-decoration: underline;
}

.community-thread-card__count{
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(224,242,254,0.62);
  border: 1px solid rgba(14,165,233,0.14);
  color: var(--navy-2);
  font-weight: 900;
  white-space: nowrap;
}

.community-thread-card__copy,
.community-panel__copy,
.thread-header__copy{
  margin: 14px 0 0;
  color: rgba(3,6,14,0.74);
  font-weight: 700;
}

.community-thread-card__footer,
.thread-header__meta{
  margin-top: 16px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  color: rgba(3,6,14,0.62);
  font-weight: 800;
  font-size: 14px;
}

.community-chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  font-weight: 900;
}

.community-chip.is-open{
  background: rgba(14,165,233,0.12);
  color: #075985;
}

.community-chip.is-resolved,
.community-chip.is-accepted{
  background: rgba(22,163,74,0.12);
  color: #166534;
}

.community-chip.is-neutral{
  background: rgba(15,23,42,0.08);
  color: #334155;
}

.community-chip.is-topic{
  background: rgba(250,204,21,0.16);
  color: #854d0e;
}

.community-chip.is-points{
  background: rgba(129,140,248,0.16);
  color: #4338ca;
}

.community-form{
  display: grid;
  gap: 16px;
}

.community-form__row{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.community-helper-list{
  display: grid;
  gap: 10px;
}

.community-helper-card{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid rgba(15,23,42,0.08);
}

.community-helper-card:last-child{
  border-bottom: none;
  padding-bottom: 0;
}

.community-helper-card__rank{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(14,165,233,0.18), rgba(56,189,248,0.22));
  color: var(--navy-2);
  font-weight: 900;
}

.community-helper-card strong{
  display: block;
  color: var(--navy-2);
}

.community-helper-card p{
  margin: 3px 0 0;
  color: rgba(3,6,14,0.62);
  font-weight: 700;
}

.community-helper-card__points{
  font-weight: 900;
  color: var(--navy-2);
  white-space: nowrap;
}

.thread-header__top,
.thread-answer__top{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
  flex-wrap: wrap;
}

.thread-header h1{
  margin: 14px 0 0;
  font-family: 'Poppins', sans-serif;
  font-size: 32px;
  line-height: 1.14;
  color: var(--navy-2);
}

.thread-answers{
  display: grid;
  gap: 14px;
}

.thread-answer{
  padding: 20px 22px;
}

.thread-answer.is-accepted{
  border-color: rgba(22,163,74,0.24);
  background:
    radial-gradient(circle at top left, rgba(22,163,74,0.10), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,1), rgba(240,253,244,0.98));
}

.thread-answer h2{
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  color: var(--navy-2);
}

.thread-answer__top p{
  margin: 4px 0 0;
  color: rgba(3,6,14,0.62);
  font-weight: 700;
}

.thread-answer__badges{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.thread-answer__body{
  margin-top: 14px;
  color: rgba(3,6,14,0.76);
  font-weight: 700;
  line-height: 1.75;
}

.thread-answer__actions{
  margin-top: 16px;
}

.thread-side__stats{
  display: grid;
  gap: 10px;
}

.thread-side__stat{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(248,250,252,0.88);
  border: 1px solid rgba(15,23,42,0.08);
}

.thread-side__stat span{
  color: rgba(3,6,14,0.62);
  font-weight: 800;
}

.thread-side__stat strong{
  color: var(--navy-2);
  font-family: 'Poppins', sans-serif;
}

.current-feature-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.current-feature-card{
  overflow: hidden;
}

.current-feature-card--lead{
  grid-column: span 2;
}

.current-feature-card__media{
  height: 240px;
  background:
    radial-gradient(circle at top left, rgba(56,189,248,0.22), transparent 34%),
    linear-gradient(145deg, rgba(7,19,38,0.92), rgba(14,165,233,0.72));
}

.current-feature-card__media img,
.current-affairs-card__media img,
.affair-hero__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.current-feature-card__fallback,
.current-affairs-card__fallback,
.affair-hero__fallback{
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.12em;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,0.18), transparent 26%),
    linear-gradient(145deg, rgba(7,19,38,0.96), rgba(14,165,233,0.78));
}

.current-feature-card__content{
  padding: 24px;
}

.current-meta-row{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.current-feature-card h3,
.current-affairs-card h3{
  margin: 16px 0 0;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  line-height: 1.18;
  color: var(--navy-2);
}

.current-feature-card h3 a,
.current-affairs-card h3 a{
  color: inherit;
  text-decoration: none;
}

.current-feature-card h3 a:hover,
.current-affairs-card h3 a:hover{
  text-decoration: underline;
}

.current-feature-card p{
  margin: 14px 0 0;
  color: rgba(3,6,14,0.72);
  font-weight: 700;
}

.current-feature-card__takeaway,
.current-affairs-card__takeaway{
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(14,165,233,0.14);
  background: rgba(224,242,254,0.48);
  color: rgba(3,6,14,0.74);
  font-weight: 700;
}

.current-feature-card__takeaway strong{
  display: block;
  color: var(--navy-2);
  margin-bottom: 4px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
}

.current-feature-card__takeaway span{
  display: block;
}

.current-affairs-filter{
  margin-top: 26px;
  margin-bottom: 26px;
}

.current-library-shell{
  position: relative;
  max-width: 920px;
  margin: 0 auto;
}

.current-library-page{
  position: relative;
  padding: 10px 0 42px;
  background:
    radial-gradient(circle at top center, rgba(191,134,67,0.08), transparent 26%),
    linear-gradient(180deg, rgba(248,243,235,0.98), rgba(244,238,229,0.96));
}

.current-library-hero{
  position: relative;
  overflow: hidden;
  padding: 20px 42px;
  margin-bottom: 26px;
  background:
    radial-gradient(circle at top right, rgba(212,174,103,0.24), transparent 24%),
    radial-gradient(circle at bottom left, rgba(255,255,255,0.08), transparent 28%),
    linear-gradient(135deg, rgba(7,18,34,0.99), rgba(13,34,61,0.98), rgba(11,26,46,0.99));
  border: 1px solid rgba(212,174,103,0.24);
  box-shadow:
    0 30px 60px rgba(10,18,29,0.18),
    inset 0 1px 0 rgba(255,255,255,0.10);
  color: #fff;
}

.current-library-hero::after{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, transparent 0%, transparent 68%, rgba(212,174,103,0.10) 100%);
  pointer-events: none;
}

.current-library-hero__eyebrow{
  position: relative;
  z-index: 1;
  margin: 0 0 10px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 12px;
  font-weight: 900;
  color: rgba(222,187,118,0.98);
}

.current-library-hero h1{
  position: relative;
  z-index: 1;
  margin: 0;
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: 0.03em;
  text-wrap: balance;
}

.current-library-hero p{
  position: relative;
  z-index: 1;
  margin: 14px 0 0;
  max-width: 520px;
  color: rgba(222, 187, 118, 0.98);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.68;
}

.current-library-section{
  margin-top: 0;
}

.current-library-stack{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.current-library-card{
  position: relative;
  overflow: hidden;
  display: block;
  padding: 15px 34px;
  text-decoration: none;
  background: linear-gradient(180deg, rgba(255,252,247,0.995), rgba(252,247,239,0.985));
  border: 1px solid rgba(24,39,60,0.08);
  box-shadow:
    0 18px 34px rgba(15,23,42,0.05),
    inset 0 1px 0 rgba(255,255,255,0.72);
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    border-color 160ms ease,
    background 160ms ease;
}

.current-library-card::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  background:
    linear-gradient(180deg, rgba(208,169,95,0.98), rgba(118,89,39,0.82));
}

.current-library-card::after{
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  width: 16px;
  height: 16px;
  border-top: 2px solid rgba(20,35,58,0.24);
  border-right: 2px solid rgba(20,35,58,0.24);
  transform: translateY(-50%) rotate(45deg);
  transition:
    transform 160ms ease,
    border-color 160ms ease;
}

.current-library-card h2{
  margin: 0;
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: clamp(34px, 4vw, 48px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--navy-2);
}

.current-library-card:hover{
  text-decoration: none;
  transform: translateY(-2px);
  background: linear-gradient(180deg, rgba(255,253,249,1), rgba(250,245,237,0.995));
  border-color: rgba(191,134,67,0.26);
  box-shadow:
    0 24px 42px rgba(15,23,42,0.08),
    inset 0 1px 0 rgba(255,255,255,0.78);
}

.current-library-card:hover::after{
  border-color: rgba(20,35,58,0.46);
  transform: translate(4px, -50%) rotate(45deg);
}

.current-library-empty{
  padding: 28px 30px;
  color: rgba(16,24,40,0.74);
  font-weight: 700;
  text-align: center;
  background: linear-gradient(180deg, rgba(255,252,247,0.995), rgba(252,247,239,0.985));
  border: 1px solid rgba(24,39,60,0.08);
  box-shadow:
    0 18px 34px rgba(15,23,42,0.05),
    inset 0 1px 0 rgba(255,255,255,0.72);
}

.community-page{
  position: relative;
  padding: 10px 0 42px;
  background:
    radial-gradient(circle at top center, rgba(191,134,67,0.08), transparent 24%),
    linear-gradient(180deg, rgba(248,243,235,0.98), rgba(244,238,229,0.96));
}

.community-shell{
  max-width: 980px;
  margin: 0 auto;
  display: grid;
  gap: 18px;
}

.community-page__hero{
  position: relative;
  overflow: hidden;
  padding: 30px 42px;
  background:
    radial-gradient(circle at top right, rgba(212,174,103,0.24), transparent 24%),
    radial-gradient(circle at bottom left, rgba(255,255,255,0.08), transparent 28%),
    linear-gradient(135deg, rgba(7,18,34,0.99), rgba(13,34,61,0.98), rgba(11,26,46,0.99));
  border: 1px solid rgba(212,174,103,0.24);
  box-shadow:
    0 30px 60px rgba(10,18,29,0.18),
    inset 0 1px 0 rgba(255,255,255,0.10);
  color: #fff;
}

.community-page__hero::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0%, transparent 68%, rgba(212,174,103,0.10) 100%);
  pointer-events: none;
}

.community-page__eyebrow{
  position: relative;
  z-index: 1;
  margin: 0 0 10px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 12px;
  font-weight: 900;
  color: rgba(222,187,118,0.98);
}

.community-page__hero h1{
  position: relative;
  z-index: 1;
  margin: 0;
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: clamp(38px, 4.4vw, 48px);
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: 0.03em;
}

.community-page__hero p:last-child{
  position: relative;
  z-index: 1;
  margin: 14px 0 0;
  max-width: 620px;
  color: rgba(244,247,252,0.88);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.68;
}

.community-page__hero-actions{
  position: relative;
  z-index: 1;
  margin-top: 22px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.community-entry__analytics{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.community-entry__stat{
  display: grid;
  gap: 10px;
  padding: 28px 30px;
}

.community-entry__stat-label{
  color: rgba(16,24,40,0.64);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.community-entry__stat-value{
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: clamp(38px, 4vw, 54px);
  font-weight: 700;
  line-height: 0.92;
  letter-spacing: -0.04em;
  color: var(--navy-2);
}

.community-entry__auth{
  display: grid;
  gap: 14px;
  padding: 28px 30px;
}

.community-entry__auth p{
  margin: 0;
  color: rgba(16,24,40,0.76);
  font-weight: 700;
  line-height: 1.72;
}

.community-entry__auth .btn{
  justify-self: flex-start;
}

.community-entry__actions{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 18px;
}

.community-entry__action-card{
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 2px;
  min-height: 190px;
  padding: 28px 30px;
  text-decoration: none;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    border-color 160ms ease,
    background 160ms ease;
}

.community-entry__action-card::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: linear-gradient(180deg, rgba(208,169,95,0.98), rgba(118,89,39,0.82));
}

.community-entry__action-card::after{
  content: "";
  position: absolute;
  right: 22px;
  bottom: 24px;
  width: 16px;
  height: 16px;
  border-top: 2px solid rgba(20,35,58,0.24);
  border-right: 2px solid rgba(20,35,58,0.24);
  transform: rotate(45deg);
  transition:
    transform 160ms ease,
    border-color 160ms ease;
}

.community-entry__action-card:hover{
  text-decoration: none;
  transform: translateY(-2px);
}

.community-entry__action-card:hover::after{
  border-color: rgba(20,35,58,0.44);
  transform: translateX(4px) rotate(45deg);
}

.community-entry__action-eyebrow{
  margin: 0;
  color: rgba(191,134,67,0.98);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.community-entry__action-card h2{
  margin: 0;
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: clamp(34px, 4vw, 48px);
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.03em;
  color: var(--navy-2);
}

.community-entry__action-card > p:last-child{
  margin: 0;
  max-width: 420px;
  color: rgba(16,24,40,0.74);
  font-weight: 700;
  line-height: 1.72;
}

.community-page__composer,
.community-page__toolbar,
.community-page__empty{
  padding: 28px 30px;
}

.community-page__section-head{
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: end;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.community-page__section-eyebrow{
  margin: 0 0 6px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 12px;
  font-weight: 900;
  color: rgba(191,134,67,0.98);
}

.community-page__section-head h2{
  margin: 0;
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.04;
  letter-spacing: -0.04em;
  color: var(--navy-2);
}

.community-clean-form{
  display: grid;
  gap: 16px;
}

.community-clean-form__submit{
  width: min(50%, 420px);
  justify-self: center;
}

.community-clean-form__row{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.community-page__auth{
  display: grid;
  gap: 14px;
  padding: 24px 24px;
  border-radius: 24px;
}

.community-page__auth p{
  margin: 0;
  color: rgba(16,24,40,0.76);
  font-weight: 700;
  line-height: 1.72;
}

.community-page__auth .btn{
  justify-self: flex-start;
}

.community-page__toolbar{
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}

.community-page__search{
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

.community-page__search .input-field{
  min-width: min(340px, 100%);
  flex: 1 1 320px;
}

.community-page__feed{
  display: grid;
  gap: 16px;
}

.community-clean-list{
  display: grid;
  gap: 14px;
}

.community-clean-card{
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 14px;
  padding: 26px 28px;
}

.community-clean-card::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: linear-gradient(180deg, rgba(208,169,95,0.98), rgba(118,89,39,0.82));
}

.community-clean-card__chips{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.community-clean-pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.community-clean-pill.is-open{
  background: rgba(191,134,67,0.14);
  color: #7d5820;
}

.community-clean-pill.is-resolved,
.community-clean-pill.is-accepted{
  background: rgba(34,112,67,0.12);
  color: #295b36;
}

.community-clean-pill.is-subject{
  background: rgba(20,35,58,0.08);
  color: #314054;
}

.community-clean-pill.is-topic{
  background: rgba(230,214,183,0.72);
  color: #6f5327;
}

.community-clean-card h3{
  margin: 0;
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.02;
  letter-spacing: -0.03em;
  color: var(--navy-2);
}

.community-clean-card h3 a{
  color: inherit;
  text-decoration: none;
}

.community-clean-card h3 a:hover{
  text-decoration: underline;
}

.community-clean-card__copy{
  margin: 0;
  color: rgba(16,24,40,0.76);
  font-weight: 700;
  line-height: 1.76;
}

.community-clean-card__footer{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  color: rgba(16,24,40,0.62);
  font-size: 14px;
  font-weight: 800;
}

.community-page__empty{
  color: rgba(16,24,40,0.74);
  font-weight: 700;
  text-align: center;
}

.current-affairs-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
}

.current-affairs-card{
  overflow: hidden;
}

.current-affairs-card__media{
  display: block;
  height: 180px;
  text-decoration: none;
  background:
    radial-gradient(circle at top left, rgba(56,189,248,0.22), transparent 34%),
    linear-gradient(145deg, rgba(7,19,38,0.92), rgba(14,165,233,0.72));
}

.current-affairs-card__content{
  padding: 22px;
}

.current-affairs-card__copy{
  margin: 14px 0 0;
  color: rgba(3,6,14,0.72);
  font-weight: 700;
}

.current-affairs-card__footer{
  margin-top: 14px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  color: rgba(3,6,14,0.62);
  font-size: 14px;
  font-weight: 800;
}

.affair-hero{
  padding: 28px;
  margin-bottom: 24px;
  background:
    radial-gradient(circle at top left, rgba(56,189,248,0.18), transparent 26%),
    linear-gradient(145deg, rgba(255,255,255,1), rgba(234,246,255,0.96));
}

.affair-hero__grid{
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.82fr);
  gap: 24px;
  align-items: stretch;
}

.affair-hero__body h1{
  margin: 16px 0 0;
  font-family: 'Poppins', sans-serif;
  font-size: 38px;
  line-height: 1.1;
  color: var(--navy-2);
}

.affair-hero__summary{
  margin: 16px 0 0;
  color: rgba(3,6,14,0.74);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.75;
}

.affair-hero__media{
  min-height: 280px;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(15,23,42,0.10);
  box-shadow: 0 18px 36px rgba(15,23,42,0.12);
}

.affair-layout{
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(300px, 0.78fr);
  gap: 20px;
  align-items: start;
}

.affair-article{
  padding: 26px;
}

.article-copy{
  color: rgba(3,6,14,0.80);
}

.article-copy p{
  margin: 0 0 18px;
  font-weight: 600;
  line-height: 1.9;
}

.article-copy p:last-child{
  margin-bottom: 0;
}

.affair-side{
  display: grid;
  gap: 18px;
}

.affair-takeaway{
  background:
    radial-gradient(circle at top left, rgba(56,189,248,0.12), transparent 26%),
    linear-gradient(145deg, rgba(255,255,255,1), rgba(240,253,244,0.96));
}


@keyframes fadeInUp{
  from{ transform: translateY(18px); opacity: 0; }
  to{ transform: translateY(0); opacity: 1; }
}

.subject-card,
.how-card{
  animation: fadeInUp 0.6s ease both;
}

@media (prefers-reduced-motion: reduce){
  .subject-card, .how-card{ animation: none; }
  .subject-card:hover, .how-card:hover, .btn:hover{ transform: none; }
}


@media (max-width: 900px){
  .subject-grid{ grid-template-columns: repeat(2, 1fr); }
  .how-grid{ grid-template-columns: 1fr; }
  .access-layout{ grid-template-columns: 1fr; }
  .dashboard-hero__grid{ grid-template-columns: 1fr; }
  .insight-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-grid-2{ grid-template-columns: 1fr; }
  .leaderboard-grid{ grid-template-columns: 1fr; }
  .ranking-grid{ grid-template-columns: 1fr; }
  .hub-hero__grid{ grid-template-columns: 1fr; }
  .hub-summary-grid{ grid-template-columns: 1fr; }
  .community-main-grid,
  .thread-shell{ grid-template-columns: 1fr; }
  .current-feature-grid{ grid-template-columns: 1fr; }
  .current-feature-card--lead{ grid-column: auto; }
  .affair-hero__grid,
  .affair-layout{ grid-template-columns: 1fr; }
  .community-filter__form{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .community-filter__field--search{ grid-column: 1 / -1; }
  .community-filter__actions{ grid-column: 1 / -1; }
  .community-form__row{ grid-template-columns: 1fr; }
  .career-decision-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .career-branch-grid,
  .route-grid,
  .syllabus-grid{ grid-template-columns: 1fr; }

  .nav-toggle{ display: inline-flex; }

  nav{
    position: absolute;
    top: 64px;
    right: 5%;
    left: 5%;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    padding: 10px;
    background: rgba(7,19,38,0.82);
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(0,0,0,0.20);
    backdrop-filter: blur(10px);
  }

  nav.nav-open{ display: flex; }

  nav a{
    margin: 0;
    padding: 12px 12px;
    border-radius: 12px;
  }

  .hero h1{ font-size: 34px; }
}

@media (max-width: 500px){
  .subject-grid{ grid-template-columns: 1fr; }
  .hero h1{ font-size: 28px; }
  .q-card{ padding: 20px; }
  .insight-grid{ grid-template-columns: 1fr; }
  .dashboard-quickstats{ grid-template-columns: 1fr; }
  .dashboard-hero h1{ font-size: 28px; }
  .hub-hero{ padding: 24px; }
  .hub-hero h1{ font-size: 28px; }
  .hub-hero__stats{ grid-template-columns: 1fr; }
  .section-heading h2{ font-size: 24px; }
  .community-filter__form{ grid-template-columns: 1fr; }
  .affair-hero__body h1{ font-size: 30px; }
  .community-thread-card__top,
  .thread-header__top,
  .thread-answer__top{ align-items: flex-start; }
  .thread-header h1{ font-size: 26px; }
  .career-decision-grid{ grid-template-columns: 1fr; }
  .syllabus-topic{ grid-template-columns: 1fr; }
  .syllabus-topic__media{ width: 48px; height: 48px; }

}

/* =========================
   MODERN REFRESH OVERRIDES
========================= */
:root{
  --navy: #071425;
  --navy-2: #12315d;
  --primary: #0f6fff;
  --accent: #22b8f2;
  --bg: #f2f6fb;
  --bg-alt: #e9f0f7;
  --card: #ffffff;
  --border: rgba(15,23,42,0.08);
  --border-strong: rgba(15,23,42,0.14);
  --text-dark: #101828;
  --text-light: #415468;
  --shadow-soft: 0 22px 48px rgba(15,23,42,0.08);
  --shadow-lift: 0 32px 68px rgba(15,23,42,0.14);
  --radius: 24px;
  --radius-sm: 18px;
  --ring: 0 0 0 4px rgba(15,111,255,0.14);
}

body{
  background:
    radial-gradient(circle at top left, rgba(34,184,242,0.09), transparent 24%),
    radial-gradient(circle at top right, rgba(15,111,255,0.08), transparent 30%),
    linear-gradient(180deg, #f9fbfe 0%, #f2f6fb 38%, #eef4fa 100%);
  color: var(--text-dark);
}

.container{
  width: min(1180px, calc(100% - 48px));
}

.section{
  padding: 88px 0;
}

.section-title{
  margin-bottom: 18px;
  font-size: clamp(34px, 4vw, 46px);
  letter-spacing: -0.03em;
}

.section-title::after{
  width: 72px;
  height: 4px;
  margin-top: 14px;
}

.card{
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,255,0.94));
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.card--pad{
  padding: 28px;
}

.btn{
  padding: 12px 20px;
  border-radius: 16px;
  font-weight: 800;
  letter-spacing: 0;
}

.btn--primary{
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #fff;
  box-shadow: 0 20px 42px rgba(15,111,255,0.28);
}

.btn--ghost{
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.14);
  color: #eff6ff;
}

.btn--ghost:hover{
  background: rgba(255,255,255,0.13);
  border-color: rgba(255,255,255,0.22);
}

.btn--light{
  background: linear-gradient(180deg, #ffffff, #edf4ff);
  color: var(--navy-2);
  border-color: rgba(255,255,255,0.55);
  box-shadow: 0 16px 34px rgba(15,23,42,0.12);
}

.btn--outline{
  background: rgba(255,255,255,0.88);
  border-color: rgba(15,23,42,0.12);
  color: var(--navy-2);
  box-shadow: none;
}

.btn--outline:hover{
  background: rgba(15,111,255,0.06);
  border-color: rgba(15,111,255,0.28);
}

.btn--nav-accent{
  background: linear-gradient(135deg, rgba(15,111,255,0.34), rgba(34,184,242,0.18));
  border-color: rgba(173,220,255,0.34);
  color: #fff;
  box-shadow: 0 18px 36px rgba(2,6,23,0.18);
}

.btn--nav-accent:hover{
  background: linear-gradient(135deg, rgba(15,111,255,0.42), rgba(34,184,242,0.26));
  border-color: rgba(220,242,255,0.5);
}

.input-field,
.textarea-field{
  padding: 15px 16px;
  border-radius: 16px;
  border-color: rgba(15,23,42,0.1);
  background: rgba(255,255,255,0.92);
}

.alert{
  border-radius: 18px;
}

.empty-state{
  padding: 26px 28px;
  border-radius: 22px;
  border: 1px dashed rgba(15,23,42,0.16);
  background: rgba(255,255,255,0.72);
  color: rgba(16,24,40,0.74);
  font-weight: 700;
}

.header{
  padding: 0;
  /* background: rgba(7,20,37,0.84); */
  border-bottom: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 16px 44px rgba(2,6,23,0.16);
  backdrop-filter: blur(16px);
}

.nav{
  min-height: 78px;
  gap: 18px;
}

.logo{
  font-size: 23px;
  letter-spacing: 0.04em;
}

nav{
  gap: 6px;
}

nav a{
  margin-left: 0;
  padding: 11px 14px;
  border-radius: 14px;
  color: rgba(255,255,255,0.82);
  font-weight: 700;
}

nav a:hover,
nav a[aria-current="page"]{
  background: rgba(255,255,255,0.09);
  color: #fff;
}

.hero{
  padding: 96px 0 82px;
  background:
    radial-gradient(circle at 8% 10%, rgba(34,184,242,0.18), transparent 26%),
    radial-gradient(circle at 95% 20%, rgba(15,111,255,0.18), transparent 28%),
    linear-gradient(135deg, #081729 0%, #102c53 58%, #0b2040 100%);
}

.hero::after{
  inset: -40px;
  background:
    radial-gradient(circle at 16% 12%, rgba(255,255,255,0.08), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(255,255,255,0.06), transparent 32%);
}

.hero h1{
  max-width: 760px;
  margin-bottom: 18px;
  font-size: clamp(42px, 5vw, 66px);
  line-height: 1.02;
  letter-spacing: 0.03em;
}

.hero p,
.hero .hero-lead{
  margin: 0;
  max-width: 700px;
  font-size: 18px;
  line-height: 1.72;
  color: rgba(232,240,252,0.84);
}

.subjects{
  position: relative;
}

.subject-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.subject-card{
  min-height: 250px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  border-radius: 24px;
  overflow: hidden;
}

.subject-card::before{
  inset: auto -10% -35% auto;
  width: 180px;
  height: 180px;
  opacity: 0.85;
  background: radial-gradient(circle, rgba(34,184,242,0.18), transparent 68%);
}

.subject-card:hover{
  transform: translateY(-8px);
}

.subject-top{
  width: 100%;
  justify-content: space-between;
  margin-bottom: 0;
}

.subject-top .icon{
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(15,111,255,0.12), rgba(34,184,242,0.18));
  color: var(--navy-2);
  font-size: 28px;
}

.subject-kicker{
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(15,111,255,0.07);
  color: rgba(18,49,93,0.8);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.subject-card h3{
  margin: 0;
  font-size: 24px;
  letter-spacing: -0.03em;
  color: var(--navy-2);
}

.subject-card p{
  margin: 0;
  color: rgba(16,24,40,0.68);
  font-weight: 600;
  line-height: 1.65;
}

.subject-link{
  margin-top: auto;
  color: var(--primary);
  font-weight: 800;
}

.how,
.feedback,
.hub-page,
.auth-page{
  position: relative;
}

.how-grid{
  gap: 20px;
}

.how-card{
  padding: 30px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,250,255,0.94));
}

.how-step{
  width: 54px;
  height: 54px;
  border-radius: 18px;
  font-size: 17px;
  background: linear-gradient(135deg, rgba(15,111,255,0.12), rgba(34,184,242,0.2));
  color: var(--navy-2);
  box-shadow: none;
}

.how-card h3{
  font-size: 24px;
  color: var(--navy-2);
}

.how-card p,
.about p,
.mission p{
  color: rgba(16,24,40,0.72);
  font-weight: 600;
  line-height: 1.75;
}

.about,
.mission{
  background: transparent;
}

.about .container,
.mission-card{
  max-width: 920px;
  padding: 40px 44px;
  border-radius: 28px;
  border: 1px solid rgba(15,23,42,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(246,250,255,0.94));
  box-shadow: var(--shadow-soft);
}

.feedback-form{
  max-width: 780px;
  display: grid;
  gap: 14px;
}

.feedback-form input,
.feedback-form textarea{
  border-radius: 18px;
  padding: 16px 18px;
  border-color: rgba(15,23,42,0.1);
  background: rgba(255,255,255,0.92);
}

.feedback-form textarea{
  min-height: 180px;
}

.feedback-form button{
  min-height: 50px;
  border-radius: 16px;
  padding: 13px 20px;
  font-weight: 800;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 20px 42px rgba(15,111,255,0.24);
}

.feedback-toast{
  margin-bottom: 18px;
  border-radius: 16px;
  border: 1px solid rgba(34,197,94,0.2);
  background: rgba(240,253,244,0.88);
  color: #166534;
}

.footer{
  padding: 28px 0;
  background: #071425;
  color: rgba(255,255,255,0.68);
}

.footer p{
  margin: 0;
}

.auth-shell{
  max-width: 1160px;
}

.access-layout{
  display: flex;
  justify-content: center;
}

.student-access-page .auth-shell{
  max-width: 720px;
}

.student-access-page .access-form-card{
  position: relative;
  width: min(100%, 440px);
  padding: 30px 30px 2px;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(56,189,248,0.18), transparent 34%),
    radial-gradient(circle at top left, rgba(245,158,11,0.14), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(252,248,242,0.96));
  box-shadow: 0 34px 72px rgba(18,31,49,0.12);
}

.student-access-page .access-form-card::before{
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, rgba(190,138,69,0.96), rgba(9 10 30 / 82%));
  pointer-events: none;
}

.student-access-page .access-form-card h1{
  margin: 18px 0 18px;
  font-size: 24px;
  line-height: 1.1;
  text-align: center;
}

.student-access-page .auth-eyebrow{
  color: rgba(183,134,67,0.96);
  text-align: center;
}

.student-access-page .access-tabs{
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
  width: fit-content;
  margin-top: 2px;
  margin-inline: auto;
  background: rgba(242,248,252,0.92);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.82);
}

.student-access-page .access-tab{
  min-width: 118px;
}

.student-access-page .access-stage{
  display: grid;
  gap: 14px;
}

.student-access-page .access-social-auth{
  display: grid;
  gap: 10px;
}

.student-access-page .social-auth-btn{
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 54px;
  padding: 0 16px;
  border-radius: 20px;
  text-decoration: none;
  border: 1px solid rgba(18,31,49,0.10);
  box-shadow: 0 18px 36px rgba(18,31,49,0.08);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.student-access-page .social-auth-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 24px 42px rgba(18,31,49,0.12);
}

.student-access-page .social-auth-btn__icon{
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: rgba(255,255,255,0.96);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.82), 0 12px 24px rgba(18,31,49,0.08);
}

.student-access-page .social-auth-btn__icon svg{
  width: 22px;
  height: 22px;
  display: block;
}

.student-access-page .social-auth-btn__icon--google{
  background: #ffffff;
  border: 1px solid rgba(60,64,67,0.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 10px 22px rgba(60,64,67,0.10);
}

.student-access-page .social-auth-btn__icon--google svg{
  width: 24px;
  height: 24px;
}

.student-access-page .social-auth-btn__copy{
  display: grid;
  gap: 2px;
  min-width: 0;
}

.student-access-page .social-auth-btn__label{
  color: var(--navy-2);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.15;
}

.student-access-page .social-auth-btn__hint{
  color: rgba(18,31,49,0.60);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.student-access-page .social-auth-btn--google{
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,249,252,0.96));
}

.student-access-page .social-auth-btn--google:hover{
  border-color: rgba(56,189,248,0.26);
}

.student-access-page .social-auth-btn--apple{
  background: linear-gradient(135deg, rgba(15,23,42,0.98), rgba(27,40,64,0.96));
  border-color: rgba(255,255,255,0.08);
}

.student-access-page .social-auth-btn--apple .social-auth-btn__icon{
  background: rgba(255,255,255,0.10);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12);
}

.student-access-page .social-auth-btn--apple .social-auth-btn__label{
  color: #fff;
}

.student-access-page .social-auth-btn--apple .social-auth-btn__hint{
  color: rgba(255,255,255,0.72);
}

.student-access-page .access-social-note{
  margin: 12px 0 0;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(248,240,222,0.80);
  border: 1px solid rgba(190,138,69,0.22);
  color: rgba(81,55,23,0.88);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}

.student-access-page .access-divider{
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 6px 0 2px;
}

.student-access-page .access-divider::before,
.student-access-page .access-divider::after{
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: linear-gradient(90deg, rgba(18,31,49,0), rgba(18,31,49,0.16), rgba(18,31,49,0));
}

.student-access-page .access-divider span{
  color: rgba(18,31,49,0.54);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.student-access-page .form-stack{
  gap: 14px;
}

.student-access-page .access-stage[hidden]{
  display: none !important;
}

.student-access-page .access-email-summary{
  display: grid;
  gap: 7px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.82);
  border: 1px solid rgba(17,24,39,0.08);
  box-shadow: 0 12px 24px rgba(18,31,49,0.05);
}

.student-access-page .access-email-summary__label{
  margin: 0;
  color: rgba(18,31,49,0.56);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.student-access-page .access-email-summary__row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.student-access-page .access-email-summary__value{
  color: var(--navy-2);
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
  word-break: break-word;
}

.student-access-page .access-email-summary__change{
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--primary);
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  white-space: nowrap;
}

.student-access-page .access-continue-row{
  display: flex;
  margin-top: 2px;
}

.student-access-page .access-continue-btn{
  width: 100%;
  justify-content: center;
}

.student-access-page .auth-actions{
  margin-top: 4px;
}

.student-access-page .auth-actions .btn{
  flex: 1 1 220px;
  justify-content: center;
}

.student-access-page .auth-meta{
  margin-top: 18px;
  text-align: center;
}

.student-access-page .alert{
  overflow: hidden;
  max-height: 140px;
  transition:
    opacity 0.28s ease,
    transform 0.28s ease,
    max-height 0.36s ease,
    padding-top 0.36s ease,
    padding-bottom 0.36s ease,
    border-width 0.36s ease;
}

.student-access-page .alert.is-dismissing{
  opacity: 0;
  transform: translateY(-6px);
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-width: 0;
}

.access-form-card,
.dashboard-hero,
.hub-hero,
.mock-hero,
.result-hero,
.review-hero,
.instructions-hero{
  border-radius: 30px;
}

.hub-hero,
.dashboard-hero{
  padding: 24px;
  background:
    radial-gradient(circle at top right, rgba(34,184,242,0.2), transparent 34%),
    linear-gradient(135deg, rgba(8,23,41,0.98), rgba(14,41,79,0.96), rgba(10,30,57,0.98));
  color: #fff;
  box-shadow: 0 34px 70px rgba(7,20,37,0.18);
}

.dashboard-welcome-banner{
  position: relative;
  overflow: hidden;
  margin-bottom: 18px;
  padding: 28px;
  background:
    radial-gradient(circle at top left, rgba(245,158,11,0.26), transparent 28%),
    radial-gradient(circle at bottom right, rgba(56,189,248,0.24), transparent 32%),
    linear-gradient(135deg, rgba(8,23,41,0.99), rgba(16,43,78,0.96), rgba(191,138,69,0.86));
  color: #fff;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 30px 68px rgba(9,18,30,0.18);
}

.dashboard-welcome-banner::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, rgba(255,255,255,0.08), transparent 44%),
    radial-gradient(circle at 76% 20%, rgba(255,255,255,0.12), transparent 24%);
  pointer-events: none;
}

.dashboard-welcome-banner::after{
  content: "";
  position: absolute;
  top: -54px;
  right: -46px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.16);
  background:
    radial-gradient(circle, rgba(255,255,255,0.14), transparent 68%);
  pointer-events: none;
}

.dashboard-welcome-banner__grid{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(280px, 0.92fr);
  gap: 24px;
  align-items: start;
}

.dashboard-welcome-banner__body{
  display: grid;
  gap: 0;
}

.dashboard-welcome-banner__eyebrow{
  position: relative;
  z-index: 1;
  margin: 0 0 8px;
  color: rgba(245,224,186,0.92);
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.dashboard-welcome-banner h2{
  position: relative;
  z-index: 1;
  margin: 0;
  color: #fff7ea;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.04;
}

.dashboard-welcome-banner__copy{
  position: relative;
  z-index: 1;
  margin: 14px 0 0;
  max-width: 640px;
  color: rgba(239,246,255,0.88);
  font-weight: 600;
  line-height: 1.72;
}

.dashboard-welcome-banner__actions{
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.dashboard-welcome-banner__actions .btn--primary{
  color: #16253a;
  background: linear-gradient(145deg, #f6dfb2, #d6a359);
  box-shadow: 0 18px 32px rgba(15,23,42,0.16);
}

.dashboard-welcome-banner__actions .btn--outline{
  color: #fff;
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.18);
  box-shadow: none;
}

.dashboard-welcome-banner__actions .btn--outline:hover{
  background: rgba(255,255,255,0.16);
  border-color: rgba(255,255,255,0.28);
}

.dashboard-welcome-banner__panel{
  position: relative;
  z-index: 1;
  padding: 20px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.07));
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
}

.dashboard-welcome-banner__panel-eyebrow{
  margin: 0 0 14px;
  color: rgba(229,239,255,0.74);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.dashboard-welcome-banner__benefits{
  display: grid;
  gap: 12px;
}

.dashboard-welcome-banner__benefit{
  display: flex;
  align-items: start;
  gap: 12px;
}

.dashboard-welcome-banner__benefit-icon{
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #16253a;
  background: linear-gradient(145deg, rgba(247,228,193,0.98), rgba(220,192,145,0.94));
  box-shadow: 0 12px 24px rgba(15,23,42,0.12);
}

.dashboard-welcome-banner__benefit strong{
  display: block;
  color: #fff7ea;
  font-size: 15px;
}

.dashboard-welcome-banner__benefit span{
  display: block;
  margin-top: 2px;
  color: rgba(228,238,255,0.78);
  font-size: 13px;
  line-height: 1.55;
}

.dashboard-welcome-banner__steps{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.dashboard-welcome-banner__step{
  display: grid;
  gap: 8px;
  padding: 18px 18px 16px;
  border-radius: 22px;
  text-decoration: none;
  background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.06));
  border: 1px solid rgba(255,255,255,0.12);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.dashboard-welcome-banner__step:hover{
  transform: translateY(-2px);
  background: linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.08));
  border-color: rgba(255,255,255,0.2);
  box-shadow: 0 16px 30px rgba(7,20,37,0.18);
}

.dashboard-welcome-banner__step-index{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 900;
  color: #16253a;
  background: linear-gradient(145deg, rgba(246,223,178,0.98), rgba(219,185,131,0.96));
}

.dashboard-welcome-banner__step strong{
  color: #fff7ea;
  font-size: 17px;
  line-height: 1.15;
}

.dashboard-welcome-banner__step span{
  color: rgba(230,239,255,0.76);
  font-size: 13px;
  line-height: 1.58;
}

@media (max-width: 980px){
  .dashboard-welcome-banner__grid{
    grid-template-columns: 1fr;
  }

  .dashboard-welcome-banner__steps{
    grid-template-columns: 1fr;
  }
}

.dashboard-hero__grid{
  gap: 28px;
  align-items: start;
}

.hub-hero__eyebrow,
.dashboard-hero__eyebrow,
.section-heading__eyebrow{
  color: rgba(191,228,255,0.9);
  letter-spacing: 0.14em;
}

.section-heading__eyebrow{
  color: rgba(18,49,93,0.74);
}

.hub-hero h1,
.dashboard-hero h1{
  font-size: clamp(38px, 4vw, 56px);
  line-height: 1.04;
  letter-spacing: 0.03em;
}

.hub-hero__copy,
.dashboard-hero__copy{
  max-width: 720px;
  color: rgba(236,243,255,0.84);
  line-height: 1.72;
}

.hub-hero__actions,
.dashboard-hero__actions{
  gap: 12px;
}

.hub-hero__stats,
.dashboard-quickstats,
.ranking-grid,
.insight-grid,
.paper-grid,
.career-decision-grid,
.career-branch-grid,
.route-grid,
.syllabus-grid,
.mock-grid,
.result-meta,
.section-grid,
.summary-grid{
  gap: 18px;
}

.hub-stat,
.dashboard-quickstat,
.ranking-card,
.insight-card,
.summary-panel,
.paper-card,
.career-decision-card,
.career-branch-card,
.route-card,
.syllabus-card,
.mock-card,
.result-score-card,
.result-panel,
.section-card,
.summary-stat{
  border-radius: 22px;
  border: 1px solid rgba(15,23,42,0.08);
  box-shadow: var(--shadow-soft);
}

.hub-stat,
.dashboard-quickstat{
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.12);
}

.hub-stat__label,
.dashboard-quickstat__label{
  color: rgba(225,235,248,0.72);
}

.hub-stat__value,
.dashboard-quickstat__value{
  letter-spacing: -0.04em;
}

.section-heading{
  align-items: end;
  gap: 18px;
  margin-bottom: 24px;
}

.section-heading h2{
  font-size: clamp(30px, 3.6vw, 42px);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.section-heading__copy{
  max-width: 620px;
  color: rgba(16,24,40,0.66);
  font-weight: 600;
}

.summary-panel,
.paper-card,
.career-decision-card,
.career-branch-card,
.route-card,
.syllabus-card,
.mock-card,
.dashboard-panel,
.insight-card{
  padding: 24px;
}

.summary-list,
.community-helper-list{
  gap: 12px;
}

.badge-chip,
.community-chip,
.summary-pill,
.review-badge,
.q-access-pill{
  border-radius: 999px;
  font-weight: 800;
}

.paper-card h3,
.career-decision-card h3,
.career-branch-card h3,
.route-card h3,
.syllabus-card h3,
.mock-card h2,
.community-thread-card h2,
.current-feature-card h3,
.current-affairs-card h3{
  letter-spacing: -0.03em;
}

.community-filter,
.community-panel,
.thread-header,
.thread-response,
.current-feature-card,
.current-affairs-card,
.affair-article,
.affair-side,
.thread-answer{
  border-radius: 24px;
}

.community-filter,
.community-panel,
.thread-header,
.thread-response,
.dashboard-panel,
.current-feature-card,
.current-affairs-card,
.affair-article,
.affair-side,
.thread-answer,
.thread-side__stat{
  box-shadow: var(--shadow-soft);
}

.subject-row,
.leaderboard-item{
  box-shadow: none;
}

.community-thread-card,
.current-feature-card,
.current-affairs-card,
.syllabus-topic,
.mock-card,
.paper-card,
.route-card{
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.community-thread-card:hover,
.current-feature-card:hover,
.current-affairs-card:hover,
.syllabus-topic:hover,
.mock-card:hover,
.paper-card:hover,
.route-card:hover{
  box-shadow: var(--shadow-lift);
}

.current-feature-card__media,
.current-affairs-card__media,
.affair-hero__media{
  aspect-ratio: 16 / 10;
}

.current-feature-card__media img,
.current-affairs-card__media img,
.affair-hero__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.current-feature-card__content,
.current-affairs-card__content{
  gap: 14px;
}

.current-feature-card__takeaway,
.current-affairs-card__takeaway,
.affair-takeaway,
.review-explanation{
  border-radius: 18px;
}

.topic-page__grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 32px;
}

.study-layout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(200px, 220px);
  gap: 8px;
  align-items: start;
}

.study-main,
.study-side{
  display: grid;
  gap: 18px;
  min-height: 0;
}

.study-side-card,
.q-nav-wrapper,
.mock-card,
.result-score-card,
.result-panel,
.review-item{
  padding: 14px;
}

.q-nav-wrapper h3,
.mock-card h2,
.result-score-card h2,
.result-panel h2,
.review-item h3{
  margin: 0;
}

.q-nav-head{
  display: grid;
  gap: 8px;
}

.q-nav-title--short{
  display: none;
}

.q-nav-wrapper{
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 18px;
  overflow: hidden;
}

.q-nav-summary{
  margin: 0;
  color: rgba(3,6,14,0.68);
  font-weight: 700;
  font-size: 14px;
}

.q-nav-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
  gap: 14px;
  /* margin-top: 18px; */
  min-height: 0;
  max-width: 100%;
  padding: 10px;
}

.q-nav-btn{
  padding: 4px 4px;
  min-height: 35px;
  min-width: 35px;
}

body.question-practice-page .q-nav-btn{
  position: relative;
  overflow: visible;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

body.question-practice-page .q-nav-btn::after{
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #fff9ed;
  border: 2px solid #c98c2d;
  box-shadow: 0 0 0 3px rgba(201,140,45,0.16);
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.q-media,
.q-option-media{
  margin-top: 14px;
}

.q-option-media{
  display: block;
}

.q-media img,
.q-option-media img,
.mock-question__media img,
.review-media img{
  max-height: 280px;
  width: auto;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,0.08);
  box-shadow: 0 14px 28px rgba(15,23,42,0.10);
  background: #fff;
}

.question-item--option-images .q-media img,
.question-item--option-images .q-option-media img{
  border-radius: 8px;
  border: 0;
  box-shadow: none;
  background: transparent;
}

.question-item--option-images .q-media img{
  max-height: clamp(220px, 36vh, 280px);
}

.question-item--option-images .q-option-media img{
  max-height: 235px;
  max-width: 80%;
}

.question-item--large-venn .q-media{
  overflow-x: auto;
}

.question-item--clean-visual .q-media{
  overflow-x: auto;
}

.question-item--clean-visual .q-media img,
.question-item--large-venn .q-media img{
  display: block;
  width: 100%;
  max-width: 1040px;
  max-height: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}

.question-item--balanced-visual .q-media img{
  width: auto;
  max-width: 100%;
  max-height: clamp(258px, 34vh, 270px);
  margin-inline: auto;
}

.exam-question-panel--option-images .q-option-media img,
.review-item--option-images .q-option-media img{
  max-height: 235px;
  max-width: 100%;
  border-radius: 8px;
  box-shadow: none;
  background: #fff;
}

.q-meta-row,
.mock-meta{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.guest-note{
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(183,134,67,0.18);
  background: rgba(255,250,242,0.92);
  color: rgba(22,34,51,0.76);
  font-weight: 700;
}

.guest-note strong{
  display: block;
  margin-bottom: 4px;
  color: var(--navy-2);
}

.review-passage--inline{
  margin-bottom: 16px;
}

.question-practice-page > .footer{
  margin-top: 56px;
}

.question-footer{
  padding: 34px 0 20px;
}

.question-footer__shell{
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
}

.question-footer__brand{
  display: inline-flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
}

.question-footer__logo{
  width: 72px;
  height: 72px;
  object-fit: contain;
  padding: 10px;
  border-radius: 20px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
}

.question-footer__brand strong{
  display: block;
  margin-bottom: 6px;
  color: #fffaf2;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  letter-spacing: 0.08em;
}

.question-footer__brand p{
  margin: 0;
  max-width: 420px;
  color: rgba(244,237,228,0.76);
  font-weight: 600;
  line-height: 1.6;
}

.question-footer__links{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 18px;
}

.question-footer__links a{
  color: #fffaf2;
  font-weight: 800;
  text-decoration: none;
  opacity: 0.86;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.question-footer__links a:hover{
  opacity: 1;
  transform: translateY(-1px);
}

.question-footer__action{
  display: grid;
  gap: 10px;
  justify-items: end;
  text-align: right;
}

.question-footer__eyebrow{
  color: rgba(255,216,140,0.92);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.question-footer__button{
  min-width: 210px;
}

.question-footer__bottom{
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.12);
  display: flex;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}

.question-footer__bottom p,
.question-footer__bottom span{
  margin: 0;
  color: rgba(244,237,228,0.72);
  font-size: 14px;
  font-weight: 600;
}

@media (min-width: 961px){
  .study-main,
  .study-side{
    position: sticky;
    top: 18px;
    height: calc(103vh - 36px);
  }

  .question-list-shell,
  .q-nav-wrapper{
    height: 100%;
    min-height: 0;
  }

  .question-list-scroll,
  .q-nav-grid{
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .q-nav-grid{
    align-content: start;
  }

  .question-list-scroll::-webkit-scrollbar,
  .q-nav-grid::-webkit-scrollbar{
    width: 0;
    height: 0;
  }
}

.mock-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
}

.mock-card__top{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
  flex-wrap: wrap;
}

.mock-card__meta{
  margin: 14px 0 0;
  color: rgba(3,6,14,0.70);
  font-weight: 700;
}

.mock-card__actions{
  margin-top: 18px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.result-grid,
.review-list{
  display: grid;
  gap: 18px;
}

.result-grid{
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: start;
  margin-bottom: 22px;
}

.result-main-score{
  margin: 18px 0 0;
  font-family: 'Poppins', sans-serif;
  font-size: 52px;
  line-height: 1;
  color: var(--navy-2);
}

.result-score-meta,
.result-panel__copy{
  margin: 12px 0 0;
  color: rgba(3,6,14,0.68);
  font-weight: 700;
}

.result-section-list{
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.result-section-row{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,0.08);
  background: rgba(255,255,255,0.92);
}

.result-analysis-panel{
  margin-bottom: 24px;
}

.result-ranking-grid{
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.result-distribution{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(15,23,42,0.08);
}

.result-distribution__head{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.result-distribution__head h3{
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  color: var(--navy-2);
}

.result-distribution-chart{
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.result-distribution-row{
  display: grid;
  grid-template-columns: minmax(100px, 140px) minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 8px 0;
}

.result-distribution-label{
  color: rgba(3,6,14,0.72);
  font-weight: 700;
  font-size: 14px;
}

.result-distribution-track{
  position: relative;
  width: 100%;
  height: 12px;
  border-radius: 999px;
  background: rgba(15,23,42,0.10);
  overflow: hidden;
}

.result-distribution-track span{
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0f766e, #0ea5e9);
  min-width: 3px;
}

.result-distribution-count{
  color: var(--navy-2);
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
}

.result-distribution-row.is-current .result-distribution-label{
  color: #0b5f84;
  font-weight: 900;
}

.result-distribution-row.is-current .result-distribution-track{
  background: rgba(14,165,233,0.18);
}

.result-distribution-row.is-current .result-distribution-track span{
  background: linear-gradient(90deg, #0f766e, #0284c7, #0ea5e9);
}

body.has-mock-feedback-modal{
  overflow: hidden;
}

.mock-feedback-modal{
  position: fixed;
  inset: 0;
  z-index: 130;
  display: grid;
  place-items: center;
  padding: 22px;
}

.mock-feedback-modal[hidden]{
  display: none !important;
}

.mock-feedback-modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(7,14,24,0.72);
  backdrop-filter: blur(10px);
}

.mock-feedback-modal__dialog{
  position: relative;
  z-index: 1;
  width: min(780px, 100%);
  max-height: min(88vh, 820px);
  overflow: auto;
}

.mock-feedback-modal__close{
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(17,31,52,0.10);
  border-radius: 14px;
  background: rgba(255,255,255,0.92);
  color: rgba(18,31,49,0.74);
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.mock-feedback-card{
  position: relative;
  overflow: hidden;
  padding: 26px;
  border-radius: 26px;
  border: 1px solid rgba(15,23,42,0.08);
  background:
    radial-gradient(circle at top right, rgba(34,184,242,0.16), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(249,244,235,0.94));
  box-shadow: var(--shadow-soft);
}

.mock-feedback-card::before{
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 7px;
  background: linear-gradient(90deg, #1d4ed8, #0f766e, #c98c2d);
}

.mock-feedback-card__intro{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.mock-feedback-card__intro h2{
  margin: 4px 0 0;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(32px, 3.6vw, 46px);
  line-height: 1;
  color: var(--navy-2);
}

.mock-feedback-card__badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(238,225,201,0.72);
  border: 1px solid rgba(183,134,67,0.16);
  color: #6d4f23;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.mock-feedback-form{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.mock-feedback-field{
  display: grid;
  gap: 10px;
  align-content: start;
}

.mock-feedback-field--full{
  grid-column: 1 / -1;
}

.mock-feedback-label{
  color: rgba(18,31,49,0.82);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.mock-rating-group,
.mock-choice-pills{
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.mock-rating-option,
.mock-choice-pill{
  cursor: pointer;
}

.mock-rating-option input,
.mock-choice-pill input{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.mock-rating-option span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 16px;
  border: 1px solid rgba(18,31,49,0.10);
  background: rgba(255,255,255,0.84);
  color: rgba(18,31,49,0.74);
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.70);
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, color 160ms ease;
}

.mock-choice-pill span{
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(18,31,49,0.10);
  background: rgba(255,255,255,0.84);
  color: rgba(18,31,49,0.76);
  font-size: 13px;
  font-weight: 900;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, color 160ms ease;
}

.mock-rating-option:hover span,
.mock-choice-pill:hover span{
  transform: translateY(-1px);
  border-color: rgba(29,78,216,0.30);
}

.mock-rating-option input:checked + span,
.mock-choice-pill input:checked + span{
  background: linear-gradient(135deg, #1d4ed8, #0f766e);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 14px 24px rgba(15,118,110,0.18);
}

.mock-feedback-textarea{
  width: 100%;
  min-height: 134px;
  resize: vertical;
  border: 1px solid rgba(18,31,49,0.12);
  border-radius: 18px;
  background: rgba(255,255,255,0.88);
  color: #162234;
  padding: 15px 16px;
  font: inherit;
  font-weight: 700;
  line-height: 1.55;
  outline: none;
}

.mock-feedback-textarea:focus{
  border-color: rgba(29,78,216,0.42);
  box-shadow: 0 0 0 4px rgba(29,78,216,0.10);
}

.mock-feedback-actions{
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.mock-feedback-status{
  min-height: 20px;
  margin: 0;
  color: #166534;
  font-weight: 900;
}

.mock-feedback-status.is-error{
  color: #b91c1c;
}

.mock-feedback-thanks{
  display: grid;
  gap: 6px;
  padding: 18px 20px;
  border-radius: 20px;
  border: 1px solid rgba(22,163,74,0.20);
  background: linear-gradient(180deg, rgba(240,253,244,0.98), rgba(236,253,245,0.92));
  color: #14532d;
}

.mock-feedback-thanks strong{
  font-size: 18px;
  font-weight: 900;
}

.mock-feedback-thanks span{
  color: rgba(20,83,45,0.76);
  font-weight: 800;
}

.mock-feedback-received-pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(22,163,74,0.20);
  background: rgba(240,253,244,0.94);
  color: #166534;
  font-size: 13px;
  font-weight: 900;
}

.section-score{
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
}

.review-item__top{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
  flex-wrap: wrap;
}

.review-item__prompt{
  min-width: 0;
}

.review-item__question{
  margin: 14px 0 0;
  color: rgba(3,6,14,0.88);
  font-weight: 600;
}

.review-item__options{
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

.review-item--option-images{
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  max-height: min(760px, calc(100vh - 118px));
}

.review-item--option-images .review-item__prompt{
  position: sticky;
  top: 0;
  z-index: 2;
  padding-bottom: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 82%, rgba(255,255,255,0));
}

.review-item--option-images .review-item__options{
  max-height: clamp(280px, 42vh, 520px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 6px;
  scrollbar-width: thin;
}

.review-item--option-images .q-option-text:empty{
  display: none;
}

.review-item--option-images .option{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 8px 12px;
}

.review-item--option-images .q-option-media{
  grid-column: 1 / -1;
  margin-top: 4px;
}

.review-explanation{
  margin-top: 16px;
}

.review-passage{
  margin-bottom: 18px;
}

@media (max-width: 960px){
  .question-page{
    padding-top: 8px;
  }

  .q-shell{
    width: calc(100% - 8px);
  }

  .study-layout{
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 14px;
    height: calc(100vh - 14px);
    height: calc(100dvh - 14px);
    min-height: 0;
    align-items: stretch;
  }

  .result-grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .study-main,
  .study-side{
    gap: 14px;
  }

  .study-main{
    height: 100%;
    min-height: 0;
  }

  .result-distribution-row{
    grid-template-columns: minmax(88px, 120px) minmax(0, 1fr) auto;
  }

  .study-side{
    order: -1;
    gap: 8px;
    position: sticky;
    top: 6px;
    z-index: 28;
  }

  .question-list-shell,
  .q-nav-wrapper{
    padding: 12px 10px;
  }

  .question-list-shell{
    height: 100%;
    min-height: 0;
  }

  .question-list-scroll,
  .q-nav-grid{
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .question-list-scroll{
    overflow-y: auto;
    overflow-x: hidden;
    max-height: none;
    min-height: 0;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .q-nav-wrapper{
    position: static;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: none;
    align-items: center;
    gap: 6px;
    margin-bottom: 0;
    background: linear-gradient(180deg, rgba(255,252,246,0.98), rgba(248,240,227,0.96));
    border: 1px solid rgba(18,31,49,0.08);
    box-shadow: 0 10px 20px rgba(18,31,49,0.08);
    backdrop-filter: blur(10px);
  }

  .q-nav-head{
    gap: 0;
    align-self: center;
  }

  .q-nav-summary{
    font-size: 13px;
  }

  .q-nav-title--full{
    display: none;
  }

  .q-nav-title--short{
    display: inline;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 0.02em;
  }

  .q-nav-head h3{
    white-space: nowrap;
    font-size: 22px;
    line-height: 1;
  }

  .q-nav-grid{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 6px;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    max-height: none;
    min-width: 0;
  }

  .q-nav-btn{
    flex: 0 0 auto;
    min-width: 40px;
    min-height: 40px;
  }

  .question-list-scroll::-webkit-scrollbar,
  .q-nav-grid::-webkit-scrollbar{
    width: 0;
    height: 0;
  }

  .q-topbar{
    position: sticky;
    top: calc(var(--question-nav-sticky-height, 0px) + 10px);
    z-index: 26;
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 8px;
    padding: 10px;
    border: 1px solid rgba(18,31,49,0.08);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,252,246,0.97), rgba(248,240,227,0.95));
    box-shadow: 0 12px 24px rgba(18,31,49,0.10);
    backdrop-filter: blur(10px);
  }

  .question-item--option-images{
    max-height: none;
  }

  .question-item--option-images .question-item__prompt{
    top: auto;
  }

  .question-item--option-images .q-options{
    width: 100%;
    max-height: clamp(340px, 58vh, 560px);
  }

  .question-item--option-images .q-option-media img{
    max-width: 100%;
  }

  .exam-question-panel--option-images,
  .review-item--option-images{
    max-height: none;
  }

  .exam-question-panel--option-images .exam-question-panel__prompt,
  .review-item--option-images .review-item__prompt{
    top: 8px;
  }

  .exam-question-panel--option-images .exam-choice-group,
  .review-item--option-images .review-item__options{
    max-height: 48vh;
  }

  .q-topbar__left,
  .q-topbar__right,
  .q-meta-row{
    width: 100%;
  }

  .q-topbar__left{
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: nowrap;
  }

  body.question-practice-page .btn.q-back-link{
    width: auto;
    max-width: none;
    align-self: auto;
    flex: 0 0 auto;
  }

  .q-topbar__right{
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
  }

  .q-timer{
    width: auto;
    min-width: 78px;
    padding: 7px 10px;
    text-align: center;
    flex: 0 0 auto;
  }

  .q-timer__value{
    font-size: 15px;
  }

  .q-progress{
    flex: 1 1 auto;
    min-width: 0;
    text-align: right;
    font-size: 13px;
  }

  .q-meta-row{
    width: auto;
    flex: 1 1 auto;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 6px;
    min-width: 0;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .q-meta-row::-webkit-scrollbar{
    width: 0;
    height: 0;
  }

  .badge-chip{
    white-space: nowrap;
  }

  .question-item{
    padding: 18px;
    border-radius: 18px;
  }

  .question-item__footer{
    align-items: flex-start;
    gap: 10px;
  }

  .question-item__actions{
    display: flex;
    grid-template-columns: none;
    justify-content: flex-end;
    gap: 8px;
  }

  body.question-practice-page .question-item__action.btn{
    width: auto;
    padding: 8px 11px;
    font-size: 12px;
  }

  .q-result{
    /* flex-basis: 88px; */
    padding: 8px 11px;
    font-size: 13px;
  }

  .question-footer__shell{
    grid-template-columns: 1fr;
    align-items: start;
  }

  .question-footer__links{
    justify-content: flex-start;
  }

  .question-footer__action{
    justify-items: start;
    text-align: left;
  }

  .question-footer__button{
    min-width: 0;
    width: 100%;
  }

  .question-footer__bottom{
    flex-direction: column;
  }

  .mock-feedback-card__intro,
  .mock-feedback-actions{
    align-items: stretch;
    flex-direction: column;
  }

  .mock-feedback-card__badge,
  .mock-feedback-actions .btn{
    width: 100%;
  }

  .dashboard-action-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-action-card.is-featured{
    grid-column: span 2;
  }
}

@media (max-width: 560px){
  .q-shell{
    width: calc(100% - 6px);
  }

  body.question-practice-page .btn.q-back-link{
    min-height: 42px;
    padding: 6px 11px 6px 8px;
    gap: 8px;
  }

  .q-back-link__icon{
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    border-radius: 10px;
    font-size: 16px;
  }

  .q-back-link__copy strong{
    font-size: 13px;
  }

  .question-list-shell,
  .q-nav-wrapper{
    padding: 0px 8px;
  }

  .q-topbar{
    top: calc(var(--question-nav-sticky-height, 0px) + 8px);
    gap: 7px;
    padding: 8px;
    border-radius: 16px;
  }

  .q-topbar__left,
  .q-topbar__right{
    gap: 7px;
  }

  .q-progress{
    font-size: 12px;
  }

  .q-timer{
    min-width: 72px;
    padding: 6px 9px;
  }

  .q-timer__value{
    font-size: 14px;
  }

  .q-meta-row{
    gap: 5px;
  }

  .q-nav-head h3,
  .q-nav-title--short{
    font-size: 20px;
  }

  .q-nav-grid{
    gap: 8px;
  }

  .q-nav-btn{
    min-width: 38px;
    min-height: 38px;
  }

  .question-item{
    padding: 16px 14px;
  }

  .q-title{
    font-size: 17px;
  }

  .q-text{
    font-size: 16px;
  }

  .option{
    padding: 11px 12px;
  }

  .question-item__footer{
    gap: 8px;
  }

  .question-item__actions{
    gap: 6px;
  }

  body.question-practice-page .question-item__action.btn{
    padding: 7px 10px;
    font-size: 12px;
  }

  .q-result{
    flex-basis: 76px;
    padding: 7px 10px;
    font-size: 12px;
  }

  .q-nav-wrapper{
    gap: 10px;
  }

  .q-nav-head h3{
    font-size: 15px;
  }

  .q-nav-btn{
    min-width: 40px;
    min-height: 40px;
  }

  .question-footer{
    padding-top: 28px;
  }

  .result-distribution-row{
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px 0;
  }

  .result-distribution-count{
    justify-self: end;
  }

  .question-footer__brand{
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .question-footer__logo{
    width: 62px;
    height: 62px;
  }

  .question-footer__brand p{
    max-width: none;
  }

  .question-footer__links{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 10px 12px;
  }

  .question-footer__links a{
    text-align: center;
  }

  .question-footer__action{
    justify-items: center;
    text-align: center;
  }

  .question-footer__brand strong{
    font-size: 21px;
  }

  .question-footer__bottom{
    text-align: center;
  }

  .question-gate-modal{
    padding: 16px;
  }

  .question-gate-modal__dialog{
    padding: 26px 18px 20px;
  }

  .question-gate-modal__brand{
    gap: 10px;
    padding: 9px 14px;
  }

  .question-gate-modal__brand-mark{
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }

  .question-gate-modal__brand img{
    width: 40px;
    height: 43px;
  }

  .question-gate-modal__actions{
    flex-direction: column;
  }

  .question-gate-modal__actions .btn{
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 1100px){
  .access-layout{
    grid-template-columns: 1fr;
  }

  .subject-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px){
  .container{
    width: min(1180px, calc(100% - 28px));
  }

  .section{
    padding: 72px 0;
  }

  nav{
    top: 72px;
    right: 14px;
    left: 14px;
    padding: 12px;
    border-radius: 18px;
    background: rgba(7,20,37,0.94);
    box-shadow: 0 24px 46px rgba(2,6,23,0.3);
  }

  .hero{
    padding: 82px 0 70px;
  }

  .hub-hero,
  .dashboard-hero{
    padding: 28px;
  }

  .section-heading{
    align-items: start;
  }
}

@media (max-width: 640px){
  .section-title{
    font-size: 34px;
  }

  .hero h1,
  .hub-hero h1,
  .dashboard-hero h1{
    font-size: 34px;
  }

  .subject-grid,
  .topic-page__grid{
    grid-template-columns: 1fr;
  }

  .about .container,
  .mission-card,
  .access-form-card{
    padding: 26px;
  }

  .student-access-page .auth-page{
    padding: 24px 0 52px;
  }

  .student-access-page .auth-shell{
    width: calc(100% - 22px);
  }

  .student-access-page .access-form-card{
    width: 100%;
    padding: 22px 18px 20px;
    border-radius: 24px;
  }

  .student-access-page .access-form-card h1{
    font-size: 25px;
  }

  .student-access-page .access-tabs{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .student-access-page .access-tab{
    min-width: 0;
    padding: 10px 12px;
  }

  .student-access-page .social-auth-btn{
    min-height: 56px;
    padding: 0 14px;
    border-radius: 18px;
  }

  .student-access-page .social-auth-btn__icon{
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border-radius: 14px;
  }

  .student-access-page .social-auth-btn__icon svg{
    width: 18px;
    height: 18px;
  }

  .student-access-page .social-auth-btn__icon--google svg{
    width: 20px;
    height: 20px;
  }

  .student-access-page .social-auth-btn__label{
    font-size: 14px;
  }

  .student-access-page .access-continue-row{
    margin-top: 2px;
  }

  .student-access-page .access-email-summary{
    padding: 12px 14px;
  }

  .student-access-page .access-email-summary__row{
    align-items: start;
    flex-direction: column;
    gap: 6px;
  }

  .student-access-page .access-email-summary__value{
    font-size: 15px;
  }

  .student-access-page .auth-actions .btn{
    flex: 1 1 100%;
  }

  .student-access-page .auth-meta{
    text-align: left;
  }

  .dashboard-welcome-banner{
    padding: 20px 18px;
    margin-bottom: 16px;
  }

  .dashboard-welcome-banner__grid{
    gap: 16px;
  }

  .dashboard-welcome-banner h2{
    font-size: 28px;
  }

  .dashboard-welcome-banner__copy{
    font-size: 14px;
    line-height: 1.65;
  }

  .dashboard-welcome-banner__actions .btn{
    width: 100%;
  }

  .dashboard-welcome-banner__panel{
    padding: 16px;
    border-radius: 20px;
  }

  .dashboard-welcome-banner__benefit{
    gap: 10px;
  }

  .dashboard-welcome-banner__benefit-icon{
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    border-radius: 12px;
  }

  .dashboard-welcome-banner__step{
    padding: 16px;
    border-radius: 18px;
  }

  .dashboard-welcome-banner__step strong{
    font-size: 16px;
  }

  .dashboard-welcome-banner__step span{
    font-size: 13px;
    line-height: 1.55;
  }
}


.home-landing{
  --home-bg: #f5efe6;
  --home-bg-2: #efe6da;
  --home-surface: #fffaf4;
  --home-surface-2: #f8f1e7;
  --home-ink: #172435;
  --home-muted: #586679;
  --home-line: rgba(23,36,53,0.12);
  --home-accent: #c48a33;
  --home-accent-strong: #9f691b;
  --home-dark: #161f2f;
  --home-dark-2: #22344f;
  background:
    radial-gradient(circle at top left, rgba(196,138,51,0.12), transparent 22%),
    radial-gradient(circle at top right, rgba(34,52,79,0.08), transparent 26%),
    linear-gradient(180deg, var(--home-bg) 0%, #f8f3eb 46%, var(--home-bg-2) 100%);
  color: var(--home-ink);
}

.home-landing .container{
  width: min(1200px, calc(100% - 48px));
}

.home-landing {
  background: rgba(22,31,47,0.84);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 20px 48px rgba(10,16,28,0.16);
}

.home-landing .home-nav{
  min-height: 82px;
}

.home-landing nav{
  gap: 8px;
}

.home-landing nav a{
  color: rgba(255,255,255,0.86);
}

.home-landing nav a:hover,
.home-landing nav a[aria-current="page"]{
  background: rgba(255,255,255,0.08);
}

.home-landing .home-nav__cta{
  margin-left: 10px;
  background: linear-gradient(135deg, var(--home-accent), #e0b45f);
  color: var(--home-dark);
  box-shadow: 0 18px 38px rgba(196,138,51,0.2);
}

.home-landing .hero::after{
  inset: -60px;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at center, rgba(0,0,0,0.75), transparent 82%);
}

.home-landing .home-hero{
  position: relative;
  z-index: 1;
  display: grid;
  gap: 32px;
}

.home-landing .home-hero__headline{
  display: grid;
  gap: 14px;
  justify-items: center;
  text-align: center;
}

.home-landing .home-hero__eyebrow,
.home-landing .home-section-intro__eyebrow{
  margin: 0;
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.home-landing .home-hero__eyebrow{
  color: rgba(231,217,191,0.88);
}

.home-landing .home-hero h1{
  margin: 0;
  max-width: 920px;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(46px, 6vw, 82px);
  line-height: 0.98;
  letter-spacing: 0.03em;
  color: #fff9f1;
  text-shadow: 0 26px 54px rgba(0,0,0,0.28);
}

.home-landing .home-tab-grid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.home-landing .home-tab{
  min-height: 170px;
  padding: 22px;
  display: grid;
  gap: 10px;
  align-content: end;
  text-decoration: none;
  color: #fef6eb;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,0.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    linear-gradient(135deg, rgba(28,41,61,0.96), rgba(24,36,52,0.92));
  box-shadow: 0 22px 48px rgba(8,12,20,0.22);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.home-landing .home-tab:hover{
  transform: translateY(-6px);
  border-color: rgba(231,190,110,0.3);
  box-shadow: 0 30px 58px rgba(8,12,20,0.28);
}

.home-landing .home-tab__eyebrow{
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: rgba(255,242,218,0.7);
}

.home-landing .home-tab__title{
  font-family: 'Poppins', sans-serif;
  font-size: 44px;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.home-landing .home-tab:not(.home-tab--primary) .home-tab__title{
  font-size: 22px;
}

.home-landing .home-tab__meta{
  color: rgba(255,245,229,0.78);
  font-size: 14px;
  line-height: 1.6;
  font-weight: 600;
}

.home-landing .subjects,
.home-landing .how,
.home-landing .feedback,
.home-landing .home-story,
.home-landing .home-mission{
  padding: 58px 0;
}

.home-landing .home-section-intro{
  margin: 0 auto 30px;
  max-width: 860px;
  text-align: center;
}

.home-landing .home-section-intro--left{
  margin-left: 0;
  margin-right: 0;
  max-width: 820px;
  text-align: left;
}

.home-landing .home-section-intro__eyebrow{
  color: rgba(23,36,53,0.52);
}

.home-landing .section-title{
  margin: 10px 0 0;
  color: var(--home-ink);
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.03;
  letter-spacing: -0.05em;
}

.home-landing .section-title::after{
  display: none;
}

.home-landing .home-subject-grid{
  gap: 18px;
}

.home-landing .subject-card{
  min-height: 0;
  padding: 26px 24px;
  gap: 18px;
  align-items: flex-start;
  justify-content: flex-start;
  background: linear-gradient(180deg, rgba(255,252,247,0.98), rgba(248,241,231,0.96));
  border: 1px solid var(--home-line);
  box-shadow: 0 20px 42px rgba(23,36,53,0.08);
}

.home-landing .subject-card::before{
  width: 120px;
  height: 120px;
  inset: auto -20px -28px auto;
  background: radial-gradient(circle, rgba(196,138,51,0.18), transparent 66%);
}

.home-landing .subject-card:hover{
  transform: translateY(-4px);
}

.home-landing .subject-top{
  margin: 0;
}

.home-landing .subject-top .icon{
  width: 60px;
  height: 60px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(196,138,51,0.14), rgba(196,138,51,0.3));
  color: var(--home-dark);
  font-size: 30px;
}

.home-landing .subject-card h3{
  font-size: 25px;
  color: var(--home-ink);
}

.home-landing .subject-count{
  margin: 0;
  color: var(--home-muted);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.home-landing .home-how-grid{
  gap: 18px;
}

.home-landing .how-card{
  padding: 28px;
  background: linear-gradient(180deg, rgba(255,252,247,0.98), rgba(249,242,233,0.96));
  border: 1px solid var(--home-line);
  box-shadow: 0 18px 36px rgba(23,36,53,0.07);
}

.home-landing .how-step{
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(196,138,51,0.18), rgba(196,138,51,0.36));
  color: var(--home-dark);
}

.home-landing .how-card h3{
  margin: 6px 0 0;
  color: var(--home-ink);
  font-size: 24px;
}

.home-landing .how-card p{
  color: var(--home-muted);
}

.home-landing .home-mission__shell{
  padding: 40px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255,251,245,0.98), rgba(248,241,231,0.95));
  border: 1px solid var(--home-line);
  box-shadow: 0 24px 52px rgba(23,36,53,0.08);
}

.home-landing .home-story__lead{
  margin: 0 0 30px;
  max-width: 860px;
  color: var(--home-muted);
  font-size: 18px;
  line-height: 1.78;
  font-weight: 600;
}

.home-landing .home-principles{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.home-landing .home-principle,
.home-landing .home-mission__point{
  padding: 24px;
  border-radius: 22px;
  background: rgba(255,255,255,0.64);
  border: 1px solid rgba(23,36,53,0.08);
}

.home-landing .home-principle h3{
  margin: 0 0 10px;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  line-height: 1.15;
  color: var(--home-ink);
}

.home-landing .home-principle p{
  margin: 0;
  color: var(--home-muted);
  line-height: 1.7;
  font-weight: 600;
}

.home-landing .home-mission__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}

.home-landing .home-mission__point{
  display: grid;
  gap: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,0.72), rgba(250,244,236,0.9));
}

.home-landing .home-mission__point strong{
  color: var(--home-ink);
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  line-height: 1.15;
}

.home-landing .home-mission__point span{
  color: var(--home-muted);
  line-height: 1.7;
  font-weight: 600;
}

.home-landing .feedback-form{
  max-width: 780px;
}

.home-landing .feedback-form input,
.home-landing .feedback-form textarea{
  background: rgba(255,252,247,0.94);
  border: 1px solid var(--home-line);
}

.home-landing .feedback-form button{
  background: linear-gradient(135deg, var(--home-accent), #deb15a);
  color: var(--home-dark);
  box-shadow: 0 20px 44px rgba(196,138,51,0.18);
}

.home-landing .feedback-toast{
  background: rgba(243,252,241,0.94);
}

.home-landing .footer{
  padding: 44px 0 22px;
  background:
    radial-gradient(circle at top right, rgba(195,154,82,0.16), transparent 28%),
    linear-gradient(180deg, #101823 0%, #161f2f 100%);
  color: rgba(255,246,233,0.72);
  border-top: 1px solid rgba(226,196,140,0.14);
}

.home-landing .home-footer__shell{
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.9fr) auto;
  gap: 28px;
  align-items: center;
  padding-bottom: 26px;
}

.home-landing .home-footer__brand{
  display: flex;
  align-items: center;
  gap: 16px;
}

.home-landing .home-footer__mark{
  width: 62px;
  height: 62px;
  object-fit: contain;
  filter: drop-shadow(0 14px 28px rgba(5,9,16,0.28));
}

.home-landing .home-footer__brand strong{
  display: block;
  font-family: var(--home-display);
  font-size: 34px;
  line-height: 0.94;
  letter-spacing: -0.04em;
  color: #f9f1e3;
}

.home-landing .home-footer__brand p{
  margin: 8px 0 0;
  max-width: 46ch;
  color: rgba(244,231,209,0.74);
}

.home-landing .home-footer__links{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 18px;
}

.home-landing .home-footer__links a{
  color: rgba(248,238,223,0.82);
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.home-landing .home-footer__links a:hover{
  color: #fff8ec;
}

.home-landing .home-footer__action{
  display: grid;
  gap: 10px;
  justify-items: end;
}

.home-landing .home-footer__eyebrow{
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(226,196,140,0.82);
}

.home-landing .home-footer__button{
  min-width: 220px;
}

.home-landing .home-footer__bottom{
  padding-top: 20px;
  border-top: 1px solid rgba(226,196,140,0.14);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px 20px;
  flex-wrap: wrap;
  font-size: 13px;
}

.home-landing .home-footer__bottom p,
.home-landing .home-footer__bottom span{
  margin: 0;
  color: rgba(244,231,209,0.68);
}

@media (max-width: 1100px){
  .home-landing .home-tab-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-landing .home-footer__shell{
    grid-template-columns: 1fr;
    align-items: start;
  }

  .home-landing .home-footer__links{
    justify-content: flex-start;
  }

  .home-landing .home-footer__action{
    justify-items: start;
  }

  .home-landing .home-principles,
  .home-landing .home-mission__grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px){
  .home-landing .hero{
    padding: 94px 0 74px;
  }

  .home-landing nav{
    background: rgba(22,31,47,0.96);
  }

  .home-landing .home-nav__cta{
    margin-left: 0;
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    justify-items: stretch;
    text-align: left;
  }
}

@media (max-width: 640px){
  .home-landing .container{
    width: min(1200px, calc(100% - 24px));
  }

  .home-landing .footer{
    padding: 36px 0 20px;
  }

  .home-landing .home-footer__brand{
    align-items: flex-start;
  }

  .home-landing .home-footer__mark{
    width: 54px;
    height: 54px;
  }

  .home-landing .home-footer__brand strong{
    font-size: 30px;
  }

  .home-landing .home-footer__links{
    gap: 8px 14px;
  }

  .home-landing .home-footer__button{
    width: 100%;
    min-width: 0;
  }

  .home-landing .home-footer__bottom{
    align-items: flex-start;
  }

  .home-landing .home-hero h1{
    font-size: 40px;
  }

  /* .home-landing .home-tab-grid{
    grid-template-columns: 1fr;
  } */

  .home-landing .subjects,
  .home-landing .how,
  .home-landing .feedback,
  .home-landing .home-story,
  .home-landing .home-mission{
    padding: 68px 0;
  }

  .home-landing .home-mission__shell{
    padding: 26px;
  }

  .dashboard-action-grid{
    grid-template-columns: 1fr;
  }

  .dashboard-action-card.is-featured{
    grid-column: auto;
  }
}


.home-landing{
  --home-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --home-bg: #efe5d6;
  --home-bg-2: #e7dac7;
  --home-surface: #fffaf2;
  --home-surface-2: #f6ede0;
  --home-ink: #15202e;
  --home-muted: #5b6673;
  --home-line: rgba(28, 35, 46, 0.12);
  --home-line-soft: rgba(196,154,82,0.18);
  --home-accent: #c39a52;
  --home-accent-2: #e2c48c;
  --home-dark: #111923;
  --home-dark-2: #273546;
  background:
    radial-gradient(circle at top left, rgba(195,154,82,0.14), transparent 22%),
    radial-gradient(circle at top right, rgba(39,53,70,0.08), transparent 26%),
    linear-gradient(180deg, #f4ede2 0%, var(--home-bg) 46%, var(--home-bg-2) 100%);
}

.home-landing .header{
  /* background:
    linear-gradient(135deg, rgba(17,25,35,0.92), rgba(24,35,49,0.88)); */
  box-shadow: 0 24px 52px rgba(8,12,20,0.2);
}

.home-landing .home-nav__cta{
  background:
    linear-gradient(145deg, #e2c48c, #b9873f);
  border: 1px solid rgba(255,255,255,0.14);
  min-width: 180px;
  padding: 4px 8px 4px 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  text-align: left;
  justify-items: stretch;
  box-shadow:
    0 18px 42px rgba(195,154,82,0.18),
    inset 0 1px 0 rgba(255,255,255,0.28);
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.home-landing .home-nav__cta-copy{
  display: grid;
  gap: 2px;
  min-width: 0;
}

.home-landing .home-nav__cta-kicker{
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(31,25,16,0.62);
  opacity: 1;
}

.home-landing .home-nav__cta-label{
  font-size: 16px;
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: 0.01em;
}

.home-landing .home-nav__cta-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(18,27,38,0.96), rgba(34,49,66,0.96));
  color: #fff7eb;
  font-size: 18px;
  line-height: 1;
  box-shadow:
    0 10px 20px rgba(17,25,35,0.22),
    inset 0 1px 0 rgba(255,255,255,0.08);
  transition: transform 0.18s ease, background 0.18s ease;
}

.home-landing .home-nav__cta:hover{
  background:
    linear-gradient(145deg, #efd39f, #cc9650);
  color: #101823;
  border-color: rgba(255,255,255,0.22);
  box-shadow:
    0 24px 48px rgba(195,154,82,0.24),
    inset 0 1px 0 rgba(255,255,255,0.36);
}

.home-landing .home-nav__cta:hover .home-nav__cta-icon{
  background: linear-gradient(145deg, rgba(20,31,45,1), rgba(43,61,82,1));
  transform: translateX(1px);
}

/* .home-landing .hero{
  background:
    radial-gradient(circle at 12% 10%, rgba(195,154,82,0.24), transparent 20%),
    radial-gradient(circle at 88% 16%, rgba(226,196,140,0.12), transparent 24%),
    linear-gradient(135deg, #10161e 0%, #182231 48%, #243446 100%);
} */

.home-landing .hero::after{
  inset: -70px;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 48px 48px;
}

.home-landing .home-hero{
  gap: 40px;
}

.home-landing .home-hero__headline{
  gap: 0;
}

.home-landing .home-hero__eyebrow{
  color: rgba(231,214,181,0.92);
}

.home-landing .home-hero h1{
  max-width: 1080px;
  font-family: var(--home-display);
  font-size: clamp(56px, 6.6vw, 96px);
  line-height: 0.9;
  letter-spacing: 0.03em;
  font-weight: 700;
  color: #fffaf2;
  text-shadow: 0 30px 62px rgba(0,0,0,0.3);
}

.home-landing .home-tab-grid{
  gap: 14px;
  grid-auto-flow: dense;
}

.home-landing .home-tab-grid.is-session-active{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.home-landing .home-tab{
  --tab-bg:
    linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.015)),
    linear-gradient(145deg, rgba(224,242,254,0.72), rgba(19,28,39,0.93));
  --tab-border: rgba(226,196,140,0.16);
  --tab-shadow:
    0 20px 46px rgba(5,9,16,0.24),
    inset 0 1px 0 rgba(255,255,255,0.08);
  --tab-shadow-hover:
    0 28px 58px rgba(5,9,16,0.28),
    inset 0 1px 0 rgba(255,255,255,0.1);
  --tab-glow: radial-gradient(circle, rgba(255,255,255,0.18), transparent 70%);
  --tab-text: #fbf6ee;
  --tab-meta: rgba(250,240,224,0.78);
  --tab-eyebrow-text: rgba(247,230,202,0.76);
  --tab-chip-bg: rgba(255,255,255,0.06);
  --tab-chip-border: rgba(255,255,255,0.1);
  --tab-arrow-bg: rgba(255,255,255,0.08);
  --tab-arrow-text: rgba(255,244,225,0.92);
  --tab-hover-border: rgba(226,196,140,0.34);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 132px;
  padding: 18px 18px 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  border-radius: 22px;
  border: 1px solid var(--tab-border);
  background: var(--tab-bg);
  color: var(--tab-text);
  box-shadow: var(--tab-shadow);
  backdrop-filter: blur(14px);
}

.home-landing .home-tab::before{
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 118px;
  height: 118px;
  background: var(--tab-glow);
  pointer-events: none;
  opacity: 0.9;
}

.home-landing .home-tab::after{
  content: "↗";
  position: absolute;
  top: 16px;
  right: 16px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(255,255,255,0.07);
  color: rgba(255,244,225,0.9);
  font-size: 13px;
  font-weight: 800;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

.home-landing .home-tab:hover{
  transform: translateY(-7px);
  border-color: rgba(226,196,140,0.34);
  box-shadow:
    0 34px 68px rgba(5,9,16,0.3),
    inset 0 1px 0 rgba(255,255,255,0.08);
}

.home-landing .home-tab--dashboard{
  grid-column: span 2;
  min-height: 178px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.14), transparent 34%),
    linear-gradient(145deg, rgba(255,250,242,0.96), rgba(242,231,214,0.96));
  color: #15202e;
  border-color: rgba(226,196,140,0.28);
  box-shadow:
    0 28px 58px rgba(10,18,30,0.18),
    inset 0 1px 0 rgba(255,255,255,0.36);
}

.home-landing .home-tab--dashboard::after{
  background: rgba(21,32,46,0.08);
  color: rgba(21,32,46,0.82);
  border-color: rgba(21,32,46,0.08);
}

.home-landing .home-tab--dashboard .home-tab__eyebrow{
  color: rgba(21,32,46,0.54);
}

.home-landing .home-tab--dashboard .home-tab__title{
  color: #132033;
}

.home-landing .home-tab--dashboard .home-tab__meta{
  color: rgba(21,32,46,0.72);
  max-width: 30ch;
}

.home-landing .home-tab__eyebrow{
  color: rgba(247,230,202,0.76);
}

.home-landing .home-tab__title{
  font-family: var(--home-display);
  font-size: 31px;
  line-height: 0.98;
  letter-spacing: -0.04em;
  font-weight: 700;
}

.home-landing .home-tab:not(.home-tab--primary) .home-tab__title{
  font-size: 24px;
}

.home-landing .home-tab__meta{
  color: rgba(250,240,224,0.75);
  font-size: 13px;
  line-height: 1.55;
  max-width: 24ch;
}

.home-landing .home-tab::before{
  inset: 0 auto auto 0;
  width: 118px;
  height: 118px;
  background: var(--tab-glow);
  opacity: 0.9;
}

.home-landing .home-tab::after{
  content: "\2197";
  top: 14px;
  right: 14px;
  width: 28px;
  height: 28px;
  background: var(--tab-arrow-bg);
  color: var(--tab-arrow-text);
  font-size: 12px;
  border: 1px solid var(--tab-chip-border);
}

.home-landing .home-tab > *{
  position: relative;
  z-index: 1;
}

.home-landing .home-tab:hover{
  transform: translateY(-4px);
  border-color: var(--tab-hover-border);
  box-shadow: var(--tab-shadow-hover);
}

.home-landing .home-tab--dashboard{
  min-height: 164px;
  padding: 20px 22px 18px;
}

.home-landing .home-tab__eyebrow{
  align-self: flex-start;
  margin-bottom: auto;
  padding: 7px 11px;
  border-radius: 999px;
  border: 1px solid var(--tab-chip-border);
  background: var(--tab-chip-bg);
  color: var(--tab-eyebrow-text);
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.18em;
}

.home-landing .home-tab__title{
  font-size: 27px;
  line-height: 0.94;
  text-wrap: balance;
}

.home-landing .home-tab:not(.home-tab--primary) .home-tab__title{
  font-size: 21px;
}

.home-landing .home-tab__meta{
  color: var(--tab-meta);
  font-size: 12.5px;
  line-height: 1.5;
  max-width: 25ch;
  font-weight: 600;
}

.home-landing .home-tab--dashboard .home-tab__title{
  font-size: 30px;
}

.home-landing .home-tab--dashboard .home-tab__meta{
  max-width: 30ch;
}

/* Final landing hero card direction: editorial luxury, less ornament */
.home-landing .home-tab{
  --tab-bg:
    linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.01)),
    linear-gradient(145deg, #76889d 0%, #334659 42%, #141c28 100%);
  --tab-border: rgba(226,196,140,0.18);
  --tab-shadow:
    0 18px 38px rgba(7,13,23,0.22),
    inset 0 1px 0 rgba(255,255,255,0.08);
  --tab-shadow-hover:
    0 26px 50px rgba(7,13,23,0.26),
    inset 0 1px 0 rgba(255,255,255,0.1);
  --tab-glow:
    radial-gradient(circle at top right, rgba(255,255,255,0.16), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.12), transparent 42%);
  --tab-text: #fbf6ee;
  --tab-meta: rgba(250,240,224,0.8);
  --tab-eyebrow-text: rgba(247,230,202,0.7);
  --tab-arrow-bg: rgba(255,255,255,0.06);
  --tab-arrow-text: rgba(255,244,225,0.82);
  --tab-arrow-border: rgba(255,255,255,0.12);
  --tab-hover-border: rgba(226,196,140,0.3);
  min-height: 126px;
  padding: 18px 18px 17px;
  justify-content: flex-start;
  gap: 8px;
  border-radius: 24px;
  box-shadow: var(--tab-shadow);
}

.home-landing .home-tab::before{
  inset: 0;
  width: auto;
  height: auto;
  background: var(--tab-glow);
  opacity: 0.82;
}

.home-landing .home-tab::after{
  content: "\2197";
  top: 18px;
  right: 18px;
  width: 22px;
  height: 22px;
  background: var(--tab-arrow-bg);
  color: var(--tab-arrow-text);
  font-size: 11px;
  font-weight: 700;
  border: 1px solid var(--tab-arrow-border);
  box-shadow: none;
}

.home-landing .home-tab:hover{
  transform: translateY(-3px);
  border-color: var(--tab-hover-border);
  box-shadow: var(--tab-shadow-hover);
}

.home-landing .home-tab--dashboard{
  min-height: 154px;
  padding: 20px 22px;
}

.home-landing .home-tab__eyebrow{
  margin-bottom: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--tab-eyebrow-text);
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.22em;
  font-weight: 800;
  text-transform: uppercase;
}

.home-landing .home-tab__title{
  font-family: var(--home-display);
  font-size: 27px;
  line-height: 0.96;
  letter-spacing: -0.035em;
  font-weight: 700;
  text-wrap: balance;
}

.home-landing .home-tab:not(.home-tab--primary) .home-tab__title{
  font-size: 30px;
}

.home-landing .home-tab__meta{
  color: var(--tab-meta);
  font-size: 12.5px;
  line-height: 1.56;
  max-width: 24ch;
  font-weight: 600;
}

.home-landing .home-tab--dashboard .home-tab__title{
  font-size: 29px;
}

.home-landing .home-tab--dashboard .home-tab__meta{
  max-width: 29ch;
}

.home-landing .home-section-intro__eyebrow{
  color: rgba(21,32,46,0.48);
}

.home-landing .section-title{
  font-family: var(--home-display);
  font-size: clamp(40px, 4.4vw, 62px);
  line-height: 0.95;
  letter-spacing: -0.04em;
  font-weight: 700;
}

.home-landing .home-subject-grid{
  gap: 20px;
}

.home-landing .subject-card{
  padding: 28px 26px;
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(255,250,242,0.98), rgba(246,236,223,0.98));
  border: 1px solid rgba(28,35,46,0.08);
  box-shadow:
    0 22px 46px rgba(21,32,46,0.08),
    inset 0 1px 0 rgba(255,255,255,0.5);
}

.home-landing .subject-card::before{
  background: radial-gradient(circle, rgba(195,154,82,0.22), transparent 64%);
}

.home-landing .subject-top .icon{
  background:
    linear-gradient(145deg, rgba(226,196,140,0.3), rgba(195,154,82,0.24));
  color: #1b2634;
  border: 1px solid rgba(195,154,82,0.16);
}

.home-landing .subject-card h3{
  font-family: var(--home-display);
  font-size: 34px;
  line-height: 0.96;
  font-weight: 700;
}

.home-landing .subject-count{
  color: rgba(21,32,46,0.62);
  font-size: 13px;
  letter-spacing: 0.12em;
}

.home-landing .how-card{
  background:
    linear-gradient(180deg, rgba(255,251,244,0.98), rgba(247,238,226,0.96));
  box-shadow:
    0 22px 40px rgba(21,32,46,0.07),
    inset 0 1px 0 rgba(255,255,255,0.44);
}

.home-landing .how-step{
  background:
    linear-gradient(145deg, rgba(226,196,140,0.34), rgba(195,154,82,0.28));
  border: 1px solid rgba(195,154,82,0.14);
}

.home-landing .how-card h3{
  font-family: var(--home-display);
  font-size: 32px;
  line-height: 0.98;
  font-weight: 700;
}

.home-landing .home-mission__shell{
  background:
    linear-gradient(180deg, rgba(255,251,244,0.98), rgba(246,237,225,0.96));
  border: 1px solid rgba(28,35,46,0.08);
  box-shadow:
    0 28px 60px rgba(21,32,46,0.08),
    inset 0 1px 0 rgba(255,255,255,0.55);
}

.home-landing .home-story__lead{
  font-size: 19px;
  color: #505d6b;
}

.home-landing .home-principle,
.home-landing .home-mission__point{
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.78), rgba(250,244,236,0.92));
  border: 1px solid rgba(195,154,82,0.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
}

.home-landing .home-principle h3,
.home-landing .home-mission__point strong{
  font-family: var(--home-display);
  font-size: 30px;
  line-height: 0.98;
  font-weight: 700;
}

.home-landing .feedback-form input,
.home-landing .feedback-form textarea{
  background: rgba(255,250,243,0.96);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.34);
}

.home-landing .feedback-form button{
  background:
    linear-gradient(145deg, #e2c48c, #bb8740);
  border: 1px solid rgba(255,255,255,0.16);
}

.home-landing .home-tab::after{
  content: "\2197";
}

@media (max-width: 900px){
  .home-landing .hero{
    padding: 90px 0 82px;
  }

  .home-landing .home-hero h1{
    font-size: clamp(50px, 9vw, 78px);
  }

  .home-landing .home-tab-grid{
    gap: 12px;
  }

  .home-landing .home-tab{
    min-height: 124px;
  }

  .home-landing .home-tab--dashboard{
    min-height: 148px;
  }

  .home-landing .home-tab-grid.is-session-active{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-landing .home-tab--dashboard,
  .home-landing .home-tab-grid.is-session-active .home-tab--dashboard{
    grid-column: span 2;
  }
}

@media (max-width: 640px){
  .home-landing .home-hero h1{
    font-size: 52px;
    line-height: 0.93;
  }

  .home-landing .home-tab-grid{
    grid-template-columns: 1fr;
  }

  .home-landing .home-tab-grid.is-session-active{
    grid-template-columns: 1fr;
  }

  .home-landing .home-tab--dashboard{
    grid-column: auto;
  }

  .home-landing .home-tab{
    min-height: 0;
    padding: 16px;
  }

  .home-landing .home-tab--dashboard{
    min-height: 0;
    padding: 18px;
  }

  .home-landing .home-tab__title,
  .home-landing .home-tab:not(.home-tab--primary) .home-tab__title,
  .home-landing .subject-card h3,
  .home-landing .how-card h3,
  .home-landing .home-principle h3,
  .home-landing .home-mission__point strong{
    font-size: 26px;
  }
}


.logo{
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}

.logo__image{
  width:48px;
  height:48px;
  object-fit:contain;
  flex:0 0 auto;
}

.logo__title{
  display:block;
  line-height:1;
}

.home-landing .logo{
  font-family: var(--home-display);
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #f8f1e5;
}

.home-landing .logo__image{
  width:64px;
  height:64px;
  filter: drop-shadow(0 12px 24px rgba(15,23,42,0.20));
}

body:not(.home-landing) .logo{
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #f9f3ea;
}

body:not(.home-landing) .logo::before{
  content:none;
  display:none;
}

body:not(.home-landing) .logo__image{
  width:50px;
  height:50px;
  filter: drop-shadow(0 12px 24px rgba(10,18,29,0.22));
}

body:not(.home-landing) .logo__title{
  color:#f9f3ea;
}

@media (max-width: 640px){
  .home-landing .logo,
  body:not(.home-landing) .logo{
    font-size:28px;
  }

  .home-landing .logo__image,
  body:not(.home-landing) .logo__image{
    width:46px;
    height:46px;
  }
}


body:not(.home-landing){
  --navy: #101b2b;
  --navy-2: #1a2a40;
  --primary: #b78643;
  --accent: #e0bf87;
  --bg: #f3ede3;
  --card: #fffaf2;
  --border: rgba(22,34,51,0.10);
  --text-dark: #162233;
  --text-light: #576273;
  --shadow-soft: 0 18px 38px rgba(19,28,41,0.07);
  --shadow-lift: 0 26px 54px rgba(19,28,41,0.12);
  background:
    radial-gradient(circle at top left, rgba(224,191,135,0.18), transparent 28%),
    radial-gradient(circle at top right, rgba(17,30,48,0.08), transparent 32%),
    linear-gradient(180deg, #f7f1e7 0%, #f1ebdf 48%, #f6f0e7 100%);
  color: var(--text-dark);
}

body:not(.home-landing) .container{
  width: min(1180px, calc(100% - 48px));
}

body:not(.home-landing) .section{
  padding: 72px 0;
}

body:not(.home-landing) .card{
  background:
    linear-gradient(180deg, rgba(255,252,246,0.98), rgba(252,246,237,0.96));
  border: 1px solid rgba(18,31,49,0.08);
  box-shadow:
    0 20px 44px rgba(18,31,49,0.07),
    inset 0 1px 0 rgba(255,255,255,0.62);
}

body:not(.home-landing) .current-library-page .card{
  backdrop-filter: none;
}

body:not(.home-landing) .current-library-page .current-library-hero{
  background:
    radial-gradient(circle at top right, rgba(212,174,103,0.24), transparent 24%),
    radial-gradient(circle at bottom left, rgba(255,255,255,0.08), transparent 28%),
    linear-gradient(135deg, rgba(7,18,34,0.99), rgba(13,34,61,0.98), rgba(11,26,46,0.99));
  border: 1px solid rgba(212,174,103,0.24);
  box-shadow:
    0 30px 60px rgba(10,18,29,0.18),
    inset 0 1px 0 rgba(255,255,255,0.10);
}

body:not(.home-landing) .current-library-page .current-library-card,
body:not(.home-landing) .current-library-page .current-library-empty{
  background: linear-gradient(180deg, rgba(255,252,247,0.995), rgba(252,247,239,0.985));
  border: 1px solid rgba(24,39,60,0.08);
  box-shadow:
    0 18px 34px rgba(15,23,42,0.05),
    inset 0 1px 0 rgba(255,255,255,0.72);
}

body:not(.home-landing) .community-page .card{
  backdrop-filter: none;
}

body:not(.home-landing) .community-page .community-page__hero{
  background:
    radial-gradient(circle at top right, rgba(212,174,103,0.24), transparent 24%),
    radial-gradient(circle at bottom left, rgba(255,255,255,0.08), transparent 28%),
    linear-gradient(135deg, rgba(7,18,34,0.99), rgba(13,34,61,0.98), rgba(11,26,46,0.99));
  border: 1px solid rgba(212,174,103,0.24);
  box-shadow:
    0 30px 60px rgba(10,18,29,0.18),
    inset 0 1px 0 rgba(255,255,255,0.10);
}

body:not(.home-landing) .community-page .community-page__composer,
body:not(.home-landing) .community-page .community-page__toolbar,
body:not(.home-landing) .community-page .community-page__empty,
body:not(.home-landing) .community-page .community-clean-card,
body:not(.home-landing) .community-page .community-page__auth,
body:not(.home-landing) .community-page .community-entry__stat,
body:not(.home-landing) .community-page .community-entry__auth,
body:not(.home-landing) .community-page .community-entry__action-card{
  background: linear-gradient(180deg, rgba(255,252,247,0.995), rgba(252,247,239,0.985));
  border: 1px solid rgba(24,39,60,0.08);
  box-shadow:
    0 18px 34px rgba(15,23,42,0.05),
    inset 0 1px 0 rgba(255,255,255,0.72);
}

body:not(.home-landing) .header{
  padding: 0px 0;
  background:
    linear-gradient(145deg, rgba(11,20,33,0.96), rgba(20,34,53,0.94), rgba(13,24,38,0.96));
  border-bottom: 1px solid rgba(224,191,135,0.18);
  box-shadow: 0 18px 42px rgba(10,18,29,0.18);
}

body:not(.home-landing) .nav{
  gap: 18px;
}

body:not(.home-landing) .logo{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #f9f3ea;
}

body:not(.home-landing) .logo::before{
  content: none;
  display: none;
}

body:not(.home-landing) nav{
  gap: 10px;
}

body:not(.home-landing) nav a{
  margin-left: 0;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: rgba(255,255,255);
}

body:not(.home-landing) nav a:hover,
body:not(.home-landing) nav a[aria-current="page"]{
  background: rgba(224,191,135,0.10);
  color: #f8f1e7;
}

body:not(.home-landing) nav a[aria-current="page"]{
  box-shadow: inset 0 -2px 0 rgba(224,191,135,0.72);
}

body:not(.home-landing) .btn{
  /* border-radius: 999px; */
  font-weight: 800;
  letter-spacing: 0.02em;
}

body:not(.home-landing) .btn--primary{
  color: #1a2940;
  background: linear-gradient(145deg, #f1d6a7, #be8a45);
  box-shadow: 0 18px 34px rgba(183,134,67,0.22);
}

body:not(.home-landing) .btn--primary:hover{
  box-shadow: 0 22px 40px rgba(183,134,67,0.28);
}

body:not(.home-landing) .btn--outline{
  background: rgba(255,252,246,0.76);
  border-color: rgba(26,42,64,0.14);
  color: var(--navy-2);
  box-shadow: 0 12px 24px rgba(18,31,49,0.06);
}

body:not(.home-landing) .btn--outline:hover{
  background: rgba(243,231,209,0.70);
  border-color: rgba(183,134,67,0.36);
}

body:not(.home-landing) .btn--light{
  color: #18263b;
  background: linear-gradient(145deg, #fff7ee, #efe1c9);
  border-color: rgba(255,255,255,0.42);
  box-shadow: 0 18px 34px rgba(18,31,49,0.14);
}

body:not(.home-landing) .btn--ghost{
  color: #f6efe3;
  background: rgba(7,34,134);
  border-color: rgba(224,191,135,0.20);
  box-shadow: none;
}

body:not(.home-landing) .btn--ghost:hover{
  background: rgba(224,191,135,0.16);
  border-color: rgba(224,191,135,0.34);
}

body:not(.home-landing) .btn--nav-accent{
  color: #162233;
  background: linear-gradient(145deg, #f2d8ab, #bf8c46);
  border-color: rgba(255,255,255,0.12);
  box-shadow: 0 16px 30px rgba(10,18,29,0.22);
}

body:not(.home-landing) .btn--nav-accent:hover{
  background: linear-gradient(145deg, #f5ddb6, #c49250);
  border-color: rgba(255,255,255,0.22);
}

body:not(.home-landing) .input-field,
body:not(.home-landing) .textarea-field{
  background: rgba(255,251,245,0.92);
  border-color: rgba(26,42,64,0.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.62);
}

body:not(.home-landing) .input-field:focus,
body:not(.home-landing) .textarea-field:focus{
  border-color: rgba(183,134,67,0.52);
  box-shadow: 0 0 0 4px rgba(183,134,67,0.12);
}

body:not(.home-landing) .auth-eyebrow,
body:not(.home-landing) .hub-hero__eyebrow,
body:not(.home-landing) .dashboard-hero__eyebrow,
body:not(.home-landing) .section-heading__eyebrow,
body:not(.home-landing) .paper-card__eyebrow,
body:not(.home-landing) .route-card__eyebrow,
body:not(.home-landing) .syllabus-card__eyebrow{
  color: rgba(245,172,87);
  letter-spacing: 0.16em;
}

body:not(.home-landing) .hub-hero,
body:not(.home-landing) .dashboard-hero,
body:not(.home-landing) .mock-hero,
body:not(.home-landing) .instructions-hero,
body:not(.home-landing) .result-hero,
body:not(.home-landing) .review-hero{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(224,191,135,0.20), transparent 32%),
    radial-gradient(circle at bottom left, rgba(255,255,255,0.06), transparent 28%),
    linear-gradient(140deg, rgba(12,22,36,0.98), rgba(20,34,53,0.96), rgba(15,28,44,0.98));
  box-shadow: 0 32px 64px rgba(11,20,32,0.18);
}

body:not(.home-landing) .hub-hero::after,
body:not(.home-landing) .dashboard-hero::after,
body:not(.home-landing) .mock-hero::after,
body:not(.home-landing) .instructions-hero::after,
body:not(.home-landing) .result-hero::after,
body:not(.home-landing) .review-hero::after{
  content: "";
  position: absolute;
  right: -40px;
  bottom: -44px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(224,191,135,0.14), transparent 70%);
  pointer-events: none;
}

body:not(.home-landing) .hub-hero h1,
body:not(.home-landing) .dashboard-hero h1,
body:not(.home-landing) .mock-hero h1,
body:not(.home-landing) .instructions-hero h1,
body:not(.home-landing) .result-hero h1,
body:not(.home-landing) .review-hero h1,
body:not(.home-landing) .affair-hero__body h1,
body:not(.home-landing) .thread-header h1,
body:not(.home-landing) .section-heading h2,
body:not(.home-landing) .summary-panel h2,
body:not(.home-landing) .paper-card h3,
body:not(.home-landing) .career-decision-card h3,
body:not(.home-landing) .career-branch-card h3,
body:not(.home-landing) .route-card h3,
body:not(.home-landing) .syllabus-card h3,
body:not(.home-landing) .mock-card h2,
body:not(.home-landing) .dashboard-panel__header h2,
body:not(.home-landing) .current-feature-card h3,
body:not(.home-landing) .current-affairs-card h3,
body:not(.home-landing) .community-thread-card h2,
body:not(.home-landing) .access-form-card h1,
body:not(.home-landing) .result-score-card h2,
body:not(.home-landing) .result-panel h2,
body:not(.home-landing) .section-card h3,
body:not(.home-landing) .passages-title{
  font-family: 'Cormorant Garamond', serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}

body:not(.home-landing) .hub-hero__copy,
body:not(.home-landing) .dashboard-hero__copy,
body:not(.home-landing) .section-heading__copy,
body:not(.home-landing) .summary-list,
body:not(.home-landing) .paper-card__meta,
body:not(.home-landing) .paper-card__copy,
body:not(.home-landing) .route-card__copy,
body:not(.home-landing) .career-decision-card p,
body:not(.home-landing) .career-branch-card p,
body:not(.home-landing) .syllabus-card__copy,
body:not(.home-landing) .community-thread-card__copy,
body:not(.home-landing) .community-panel__copy,
body:not(.home-landing) .thread-header__copy,
body:not(.home-landing) .current-feature-card p,
body:not(.home-landing) .current-affairs-card__copy,
body:not(.home-landing) .article-copy{
  color: rgba(22,34,51,0.72);
}

body:not(.home-landing) .hub-stat,
body:not(.home-landing) .dashboard-quickstat,
body:not(.home-landing) .dashboard-hero__status-card{
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(224,191,135,0.14);
}

body:not(.home-landing) .hub-stat__label,
body:not(.home-landing) .dashboard-quickstat__label{
  color: rgba(244,233,214,0.72);
}

body:not(.home-landing) .hub-stat__value,
body:not(.home-landing) .dashboard-quickstat__value,
body:not(.home-landing) .insight-card__value,
body:not(.home-landing) .ranking-card__value,
body:not(.home-landing) .result-main-score,
body:not(.home-landing) .section-score{
  color: var(--navy-2);
}

body:not(.home-landing) .dashboard-hero .dashboard-quickstat__value,
body:not(.home-landing) .dashboard-hero .dashboard-hero__status-card strong,
body:not(.home-landing) .dashboard-hero .dashboard-hero__status-card span{
  color: #fffaf2;
}

body:not(.home-landing) .dashboard-hero .dashboard-quickstat__label{
  color: rgba(247,233,208,0.76);
}

body:not(.home-landing) .dashboard-welcome-banner{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(245,158,11,0.26), transparent 28%),
    radial-gradient(circle at bottom right, rgba(56,189,248,0.24), transparent 32%),
    linear-gradient(135deg, rgba(8,23,41,0.99), rgba(16,43,78,0.96), rgba(191,138,69,0.86));
  color: #fff;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 30px 68px rgba(9,18,30,0.18);
}

body:not(.home-landing) .dashboard-welcome-banner::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, rgba(255,255,255,0.08), transparent 44%),
    radial-gradient(circle at 76% 20%, rgba(255,255,255,0.12), transparent 24%);
  pointer-events: none;
}

body:not(.home-landing) .dashboard-welcome-banner::after{
  content: "";
  position: absolute;
  top: -54px;
  right: -46px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.16);
  background: radial-gradient(circle, rgba(255,255,255,0.14), transparent 68%);
  pointer-events: none;
}

body:not(.home-landing) .dashboard-welcome-banner__eyebrow{
  color: rgba(251 194 90,0.92);
}

body:not(.home-landing) .dashboard-welcome-banner h2{
  color: #fff7ea;
}

body:not(.home-landing) .dashboard-welcome-banner__copy,
body:not(.home-landing) .dashboard-welcome-banner__panel-eyebrow,
body:not(.home-landing) .dashboard-welcome-banner__benefit span,
body:not(.home-landing) .dashboard-welcome-banner__step span{
  color: rgba(235,243,255,0.84);
}

body:not(.home-landing) .dashboard-welcome-banner__panel,
body:not(.home-landing) .dashboard-welcome-banner__step{
  background: linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.07));
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

body:not(.home-landing) .dashboard-welcome-banner__benefit strong,
body:not(.home-landing) .dashboard-welcome-banner__step strong{
  color: #fff7ea;
}

body:not(.home-landing) .dashboard-welcome-banner__benefit-icon,
body:not(.home-landing) .dashboard-welcome-banner__step-index{
  color: #16253a;
  background: linear-gradient(145deg, rgba(246,223,178,0.98), rgba(219,185,131,0.96));
}

body:not(.home-landing) .dashboard-welcome-banner__actions .btn--primary{
  color: #16253a;
  background: linear-gradient(145deg, #f6dfb2, #d6a359);
  box-shadow: 0 18px 32px rgba(15,23,42,0.16);
}

body:not(.home-landing) .dashboard-welcome-banner__actions .btn--outline{
  color: #fff;
  background: rgba(255,255,255,0.10);
  border-color: rgba(255,255,255,0.18);
  box-shadow: none;
}

body:not(.home-landing) .dashboard-welcome-banner__actions .btn--outline:hover{
  background: rgba(255,255,255,0.16);
  border-color: rgba(255,255,255,0.28);
}

body:not(.home-landing) .dashboard-welcome-banner__step:hover{
  background: linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.08));
  border-color: rgba(255,255,255,0.2);
  box-shadow: 0 16px 30px rgba(7,20,37,0.18);
}

body:not(.home-landing) .result-hero .hub-hero__grid{
  position: relative;
  z-index: 1;
  gap: 24px;
}

body:not(.home-landing) .result-hero .hub-hero__stats{
  min-width: min(100%, 440px);
}

body:not(.home-landing) .result-hero .hub-stat{
  min-width: 0;
  background: rgba(255,255,255,0.13);
  border-color: rgba(244,233,214,0.26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 16px 32px rgba(0,0,0,0.12);
}

body:not(.home-landing) .result-hero .hub-stat__label{
  color: rgba(247,233,208,0.78);
}

body:not(.home-landing) .result-hero .hub-stat__value{
  color: #fffaf2;
  font-size: clamp(18px, 2.2vw, 24px);
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

body:not(.home-landing) .mock-hero .hub-hero__grid{
  position: relative;
  z-index: 1;
  gap: 24px;
}

body:not(.home-landing) .mock-hero .hub-hero__stats{
  min-width: min(100%, 440px);
}

body:not(.home-landing) .mock-hero .hub-stat{
  min-width: 0;
  background: rgba(255,255,255,0.13);
  border-color: rgba(244,233,214,0.26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 16px 32px rgba(0,0,0,0.12);
}

body:not(.home-landing) .mock-hero .hub-stat__label{
  color: rgba(247,233,208,0.78);
}

body:not(.home-landing) .mock-hero .hub-stat__value{
  color: #fffaf2;
  font-size: clamp(18px, 2.2vw, 24px);
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

body:not(.home-landing) .instructions-hero .hub-hero__grid{
  position: relative;
  z-index: 1;
  gap: 24px;
}

body:not(.home-landing) .instructions-hero .hub-hero__stats{
  min-width: min(100%, 440px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
}

body:not(.home-landing) .instructions-hero .hub-stat{
  position: relative;
  min-width: 0;
  min-height: 112px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.08)),
    linear-gradient(145deg, rgba(22,36,55,0.98), rgba(18,30,46,0.96));
  border-color: rgba(244,233,214,0.24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 18px 32px rgba(0,0,0,0.14);
  backdrop-filter: blur(14px);
}

body:not(.home-landing) .instructions-hero .hub-stat::before{
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  right: 18px;
  height: 1px;
  background: linear-gradient(90deg, rgba(244,233,214,0.44), rgba(244,233,214,0.08));
  pointer-events: none;
}

body:not(.home-landing) .instructions-hero .hub-stat__label{
  color: rgba(247,233,208,0.78);
}

body:not(.home-landing) .instructions-hero .hub-stat__value{
  color: #fffaf2;
  font-size: clamp(18px, 2.2vw, 24px);
  line-height: 1.12;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

body:not(.home-landing) .instructions-hero .hub-stat:last-child{
  grid-column: 1 / -1;
  min-height: 96px;
}

body:not(.home-landing) .instructions-hero .hub-stat:last-child .hub-stat__value{
  font-size: clamp(16px, 1.9vw, 21px);
  line-height: 1.24;
}

body:not(.home-landing) .badge-chip,
body:not(.home-landing) .syllabus-metrics span,
body:not(.home-landing) .community-thread-card__count,
body:not(.home-landing) .summary-pill{
  background: rgba(238,225,201,0.72);
  border-color: rgba(183,134,67,0.16);
  color: #6d4f23;
}

body:not(.home-landing) .community-chip.is-open,
body:not(.home-landing) .community-chip.is-building{
  background: rgba(191,134,67,0.14);
  color: #7d5820;
}

body:not(.home-landing) .community-chip.is-neutral{
  background: rgba(19,31,47,0.08);
  color: #324053;
}

body:not(.home-landing) .community-chip.is-topic{
  background: rgba(230,214,183,0.72);
  color: #6f5327;
}

body:not(.home-landing) .community-chip.is-points{
  background: rgba(30,48,72,0.10);
  color: #2a3b52;
}

body:not(.home-landing) .access-form-card,
body:not(.home-landing) .affair-hero,
body:not(.home-landing) .q-access-strip,
body:not(.home-landing) .q-nav-wrapper{
  background:
    linear-gradient(180deg, rgba(255,252,246,0.98), rgba(248,240,227,0.96));
  border: 1px solid rgba(18,31,49,0.08);
}

body:not(.home-landing) .footer{
  background: #0f1a2a;
  color: rgba(244,237,228,0.72);
  border-top: 1px solid rgba(224,191,135,0.16);
}

body:not(.home-landing) .site-footer{
  position: relative;
  overflow: hidden;
  padding: 34px 0 18px;
  background:
    radial-gradient(circle at 8% 0%, rgba(212, 176, 109, 0.18), transparent 30%),
    linear-gradient(145deg, #08111f, #101d30);
  color: rgba(244, 237, 228, 0.78);
  border-top: 1px solid rgba(224, 191, 135, 0.18);
  text-align: left;
}

body:not(.home-landing) .site-footer::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,0.045), transparent);
  opacity: 0.55;
}

body:not(.home-landing) .site-footer__shell,
body:not(.home-landing) .site-footer__bottom{
  position: relative;
  z-index: 1;
}

body:not(.home-landing) .site-footer__shell{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(300px, auto) auto;
  align-items: center;
  gap: 22px;
}

body:not(.home-landing) .site-footer__brand{
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #fffaf0;
  text-decoration: none;
}

body:not(.home-landing) .site-footer__logo{
  width: 50px;
  height: 50px;
  object-fit: contain;
  filter: drop-shadow(0 12px 18px rgba(0,0,0,0.28));
}

body:not(.home-landing) .site-footer__brand span{
  display: grid;
  gap: 1px;
}

body:not(.home-landing) .site-footer__brand strong{
  font-family: 'Cormorant Garamond', serif;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -0.025em;
}

body:not(.home-landing) .site-footer__brand small{
  color: rgba(244,237,228,0.62);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body:not(.home-landing) .site-footer__links{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

body:not(.home-landing) .site-footer__links a,
body:not(.home-landing) .site-footer__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
}

body:not(.home-landing) .site-footer__links a{
  padding: 8px 13px;
  color: rgba(244,237,228,0.78);
  border: 1px solid rgba(244,237,228,0.10);
  background: rgba(255,255,255,0.035);
  transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

body:not(.home-landing) .site-footer__links a:hover{
  color: #fffaf0;
  border-color: rgba(224,191,135,0.34);
  background: rgba(224,191,135,0.10);
  transform: translateY(-1px);
}

body:not(.home-landing) .site-footer__cta{
  gap: 8px;
  padding: 9px 15px;
  color: #08111f;
  border: 1px solid rgba(224,191,135,0.42);
  background: linear-gradient(145deg, #f3d89b, #d6a64d);
  box-shadow: 0 14px 28px rgba(214,166,77,0.16);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

body:not(.home-landing) .site-footer__cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(214,166,77,0.22);
}

body:not(.home-landing) .site-footer__bottom{
  margin-top: 24px;
  padding-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-top: 1px solid rgba(244,237,228,0.10);
  color: rgba(244,237,228,0.56);
  font-size: 12px;
  font-weight: 800;
}

body:not(.home-landing) .site-footer__bottom p{
  margin: 0;
}

body:not(.home-landing) .site-footer__bottom span{
  color: rgba(224,191,135,0.82);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 900px){
  body:not(.home-landing) .site-footer__shell{
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  body:not(.home-landing) .site-footer__links{
    max-width: 620px;
  }

  body:not(.home-landing) .site-footer__bottom{
    flex-direction: column;
    text-align: center;
    gap: 8px;
  }
}

@media (max-width: 560px){
  body:not(.home-landing) .site-footer{
    padding: 28px 0 16px;
  }

  body:not(.home-landing) .site-footer__brand{
    flex-direction: column;
    text-align: center;
  }

  body:not(.home-landing) .site-footer__brand strong{
    font-size: 26px;
  }

  body:not(.home-landing) .site-footer__links{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  body:not(.home-landing) .site-footer__links a{
    width: 100%;
    padding-inline: 10px;
  }

  body:not(.home-landing) .site-footer__cta{
    width: 100%;
    max-width: 280px;
  }
}

body:not(.home-landing) .syllabus-page .hub-hero__grid{
  grid-template-columns: minmax(0, 1.3fr) minmax(260px, 0.82fr);
  align-items: end;
}

body:not(.home-landing) .syllabus-page .hub-hero__copy{
  max-width: 640px;
  color: rgba(244,237,228,0.82);
}

body:not(.home-landing) .syllabus-page .hub-hero__stats{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body:not(.home-landing) .syllabus-page .hub-stat__label{
  color: rgba(247,233,208,0.76);
}

body:not(.home-landing) .syllabus-page .hub-stat__value{
  color: #fffaf2;
  font-size: clamp(18px, 2.2vw, 24px);
  letter-spacing: 0;
}

body:not(.home-landing) .syllabus-page .section-heading{
  align-items: start;
}

body:not(.home-landing) .syllabus-page .section-heading__copy{
  max-width: 560px;
}

body:not(.home-landing) .syllabus-page .syllabus-grid{
  align-items: start;
  grid-auto-rows: 1fr;
}

body:not(.home-landing) .syllabus-page .syllabus-card{
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: 0;
  height: clamp(620px, 68vh, 700px);
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(250,247,241,0.98));
}

body:not(.home-landing) .syllabus-page .syllabus-card__header{
  align-items: flex-start;
  margin-bottom: 10px;
}

body:not(.home-landing) .syllabus-page .syllabus-card__action{
  padding: 9px 14px;
  white-space: nowrap;
}

body:not(.home-landing) .syllabus-page .syllabus-card__copy{
  margin-top: 10px;
}

body:not(.home-landing) .syllabus-page .syllabus-topics{
  margin-top: 16px;
  min-height: 0;
  overflow-y: auto;
  padding-right: 6px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

body:not(.home-landing) .syllabus-page .syllabus-topic{
  background: rgba(255,255,255,0.88);
  border-color: rgba(24,38,59,0.08);
}

body:not(.home-landing) .syllabus-page .syllabus-topics::-webkit-scrollbar{
  width: 0;
  height: 0;
}

body:not(.home-landing) .syllabus-page .syllabus-topic__meta{
  margin: 6px 0 0;
  color: rgba(22,34,51,0.64);
  font-weight: 600;
}

body:not(.home-landing) .my-preparation-page{
  --prep-ink: #0b1a2f;
  --prep-muted: rgba(22,34,51,0.68);
  --prep-line: rgba(20,34,53,0.10);
  --prep-gold: #c7933f;
  --prep-gold-rgb: 199,147,63;
  --prep-blue: #123d75;
  --prep-blue-rgb: 18,61,117;
  --prep-night: #061225;
  --prep-night-2: #0b1e38;
  --prep-night-3: #102a4d;
  --prep-sky: #2f83ff;
  --prep-emerald: #20a66a;
  --prep-violet: #7657ff;
  --prep-coral: #ef6a3a;
  --prep-ivory: #fffaf1;
  --prep-panel: rgba(255,253,249,0.96);
  background:
    linear-gradient(180deg, #061225 0, #08182d 390px, #f4efe5 391px, #f7f2e9 100%);
  padding-bottom: 34px;
}

body:not(.home-landing) .my-preparation-page > .container{
  width: min(1240px, calc(100% - 42px));
  max-width: none;
  display: grid;
  gap: 24px;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero,
body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner{
  margin-bottom: 0;
  min-height: clamp(238px, 20vw, 292px);
  border-radius: 18px;
  border: 1px solid rgba(226, 232, 240, 0.22);
  background:
    linear-gradient(90deg, rgba(3, 10, 24, 0.92) 0%, rgba(5, 14, 30, 0.76) 34%, rgba(5, 14, 30, 0.24) 66%, rgba(3, 10, 24, 0.12) 100%),
    linear-gradient(180deg, rgba(2, 8, 23, 0.16), rgba(2, 8, 23, 0.2)),
    url("uploads/hero.webp") right center / cover no-repeat,
    #08152b;
  box-shadow:
    0 30px 80px rgba(2, 8, 23, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body:not(.home-landing) .my-preparation-page .dashboard-hero{
  height: clamp(238px, 20vw, 292px);
  padding: clamp(20px, 2.45vw, 28px);
  position: relative;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero::before,
body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(3, 10, 24, 0.16), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,0.04), transparent 36%);
}

body:not(.home-landing) .my-preparation-page .dashboard-hero::after,
body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner::after{
  width: 320px;
  height: 320px;
  right: -96px;
  bottom: -124px;
  background:
    radial-gradient(circle, rgba(224,191,135,0.22), transparent 67%);
  opacity: 0.92;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__grid,
body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__grid{
  position: relative;
  z-index: 1;
  gap: clamp(18px, 2.6vw, 34px);
  align-items: center;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__grid{
  height: 100%;
  grid-template-columns: minmax(0, 0.92fr) minmax(300px, 0.78fr);
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 12px clamp(16px, 2.2vw, 28px);
  align-items: start;
}

body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__grid{
  grid-template-columns: minmax(0, 1.03fr) minmax(360px, 0.86fr);
}

body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner--registered .dashboard-welcome-banner__body{
  max-width: 610px;
  padding-top: clamp(8px, 1.4vw, 18px);
}

body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner--registered .dashboard-welcome-banner__actions{
  position: static;
}

body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__unlocked-title{
  position: relative;
  z-index: 1;
  width: fit-content;
  margin: clamp(26px, 3vw, 38px) 0 10px;
  color: rgba(244, 214, 158, 0.94);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
}

body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner--registered .dashboard-welcome-banner__steps{
  margin-top: 0;
  gap: 12px;
}

body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__unlock{
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  min-height: 112px;
  padding: 15px 16px;
  cursor: default;
}

body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__unlock > div{
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
}

body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__unlock .dashboard-welcome-banner__step-index{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  box-shadow:
    0 12px 24px rgba(2, 8, 23, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__unlock .dashboard-welcome-banner__step-index i{
  font-size: 19px;
  line-height: 1;
}

body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__unlock strong{
  font-size: 15px;
  line-height: 1.2;
}

body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__unlock span:not(.dashboard-welcome-banner__step-index){
  font-size: 12px;
  line-height: 1.45;
}

body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__unlock:hover{
  transform: none;
  background:
    radial-gradient(circle at 12% 0%, rgba(224,191,135,0.12), transparent 34%),
    linear-gradient(145deg, rgba(21,43,73,0.86), rgba(8,20,39,0.74));
  border-color: rgba(145,173,215,0.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.10),
    0 16px 34px rgba(2,6,23,0.22);
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__main{
  position: relative;
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
  max-width: 590px;
  padding-top: 10px;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__eyebrow,
body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__eyebrow{
  color: #e8bf74;
  width: fit-content;
  margin-bottom: 10px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(224,191,135,0.24);
  background: rgba(5,15,32,0.36);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
  font-size: 10px;
  letter-spacing: 0.18em;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero h1,
body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner h2{
  max-width: 700px;
  color: #fff8ed;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.03;
  text-shadow: 0 18px 34px rgba(0,0,0,0.34);
}

body:not(.home-landing) .my-preparation-page .dashboard-hero h1 span,
body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner h2 span{
  color: #e7b951;
  text-shadow: 0 16px 28px rgba(198,141,43,0.22);
}

body:not(.home-landing) .my-preparation-page .dashboard-hero h1 span{
  display: block;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero h1 .dashboard-hero__title-line{
  color: #fff8ed;
}

body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner h2{
  max-width: 560px;
  font-size: clamp(32px, 3.75vw, 46px);
  line-height: 1.02;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__copy,
body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__copy{
  margin: 10px 0 0;
  max-width: 490px;
  color: rgba(244,247,252,0.86);
  font-size: 14px;
  line-height: 1.55;
  font-weight: 600;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__copy-spacer{
  display: none;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__actions,
body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__actions{
  margin-top: 0;
  gap: 10px;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__actions .btn,
body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__actions .btn{
  min-height: 38px;
  padding-inline: 15px;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__actions .btn--primary,
body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__actions .btn--primary{
  color: #101a2a;
  background: linear-gradient(145deg, #f5dda8, #d4a04c 58%, #b77b24);
  border: 1px solid rgba(255,236,184,0.50);
  box-shadow:
    0 18px 34px rgba(200,147,66,0.24),
    inset 0 1px 0 rgba(255,255,255,0.36);
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__actions .btn--outline,
body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__actions .btn--outline{
  color: #fff7ea;
  background: rgba(5,15,32,0.36);
  border-color: rgba(255,255,255,0.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__actions{
  margin-top: 16px;
}

body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__actions .btn{
  min-height: 42px;
  padding-inline: 17px;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__status{
  grid-column: 1 / -1;
  grid-row: 2;
  display: grid;
  grid-template-columns: minmax(320px, 40%) minmax(190px, 1.35fr) repeat(3, minmax(120px, 0.9fr));
  gap: 8px;
  align-items: stretch;
  align-self: end;
  margin: 0;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__status .dashboard-hero__actions{
  align-self: stretch;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
  min-width: 0;
  margin-right: 10px;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__status .dashboard-hero__actions .btn{
  min-width: 0;
  white-space: nowrap;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__mission-card,
body:not(.home-landing) .my-preparation-page .dashboard-hero__status-card,
body:not(.home-landing) .my-preparation-page .dashboard-quickstat,
body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__panel,
body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__step{
  background:
    radial-gradient(circle at 12% 0%, rgba(224,191,135,0.12), transparent 34%),
    linear-gradient(145deg, rgba(21,43,73,0.86), rgba(8,20,39,0.74));
  border: 1px solid rgba(145,173,215,0.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.10),
    0 16px 34px rgba(2,6,23,0.22);
  backdrop-filter: blur(12px);
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__mission-card{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  border-radius: 18px;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__mission-label{
  color: rgba(232,191,116,0.92);
  flex: 0 0 auto;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__mission-card strong{
  color: #fff8ed;
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  line-height: 1;
  text-align: right;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__mission-card span:last-child{
  display: none;
  color: rgba(237,244,252,0.76);
  line-height: 1.55;
  font-weight: 600;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__status-card{
  border-radius: 18px;
  padding: 7px 12px;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__status-card strong{
  font-family: 'Poppins', sans-serif;
  color: #fff8ed;
  font-size: 13px;
  margin-bottom: 2px;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__status-card span{
  color: rgba(232,240,251,0.72);
  font-size: 10px;
}

body:not(.home-landing) .my-preparation-page .dashboard-quickstats{
  display: contents;
}

body:not(.home-landing) .my-preparation-page .dashboard-quickstat{
  padding: 7px 9px;
  border-radius: 16px;
}

body:not(.home-landing) .my-preparation-page .dashboard-quickstat__value{
  color: #fff8ed;
  font-size: 16px;
}

body:not(.home-landing) .my-preparation-page .dashboard-quickstat__label{
  color: rgba(255 255 255);
  font-size: 9px;
  line-height: 1.15;
  letter-spacing: 0.08em;
}

body:not(.home-landing) .my-preparation-page .dashboard-actions,
body:not(.home-landing) .my-preparation-page .dashboard-panel,
body:not(.home-landing) .my-preparation-page .insight-card{
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,253,249,0.995), rgba(250,245,236,0.98));
  border: 1px solid var(--prep-line);
  box-shadow:
    0 22px 48px rgba(18,31,49,0.07),
    inset 0 1px 0 rgba(255,255,255,0.70);
}

body:not(.home-landing) .my-preparation-page .dashboard-actions{
  padding: 22px;
  margin-bottom: 0;
  background:
    radial-gradient(circle at 8% 0%, rgba(47,131,255,0.055), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.99), rgba(247,242,233,0.98));
  border-color: rgba(19,43,75,0.12);
  box-shadow:
    0 26px 60px rgba(9,19,34,0.12),
    inset 0 1px 0 rgba(255,255,255,0.86);
}

body:not(.home-landing) .my-preparation-page .dashboard-actions .dashboard-panel__header h2{
  color: var(--prep-ink);
  font-family: 'Poppins', sans-serif;
  font-size: clamp(18px, 1.9vw, 22px);
  letter-spacing: -0.02em;
}

body:not(.home-landing) .my-preparation-page .dashboard-actions .dashboard-panel__header h2::after{
  width: 34px;
  height: 2px;
  margin-top: 7px;
}

body:not(.home-landing) .my-preparation-page .dashboard-panel__header{
  margin-bottom: 18px;
}

body:not(.home-landing) .my-preparation-page .dashboard-panel__header h2{
  position: relative;
  color: var(--prep-blue);
  font-size: clamp(26px, 2.8vw, 34px);
  line-height: 1.02;
}

body:not(.home-landing) .my-preparation-page .dashboard-panel__header h2::after{
  content: "";
  display: block;
  width: 46px;
  height: 3px;
  margin-top: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--prep-gold), rgba(var(--prep-gold-rgb),0.24));
}

body:not(.home-landing) .my-preparation-page .dashboard-panel__header p{
  margin-top: 6px;
  max-width: 620px;
  color: var(--prep-muted);
  font-size: 14px;
  line-height: 1.55;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-grid{
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card{
  --action-color: var(--prep-blue);
  --action-rgb: var(--prep-blue-rgb);
  min-height: 196px;
  padding: 17px;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 8px;
  align-content: start;
  color: #edf5ff;
  border-radius: 24px;
  border: 1px solid rgba(145,173,215,0.17);
  background:
    /* radial-gradient(circle at 0 0, rgba(var(--action-rgb),0.22), transparent 36%), */
    linear-gradient(154deg, #102542 0%, #0b1b33 48%, #061225 100%);
  box-shadow:
    0 20px 42px rgba(3,11,24,0.22),
    inset 0 1px 0 rgba(255,255,255,0.10);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card::before{
  content: "";
  position: absolute;
  inset: auto 16px 16px auto;
  width: 28px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--action-color));
  opacity: 0.45;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card::after{
  content: "\2192";
  position: absolute;
  right: 14px;
  bottom: 8px;
  color: var(--action-color);
  font-size: 22px;
  line-height: 1;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card:hover{
  transform: translateY(-4px);
  border-color: rgba(var(--action-rgb),0.52);
  box-shadow:
    0 28px 58px rgba(3,11,24,0.30),
    0 0 0 1px rgba(var(--action-rgb),0.12),
    inset 0 1px 0 rgba(255,255,255,0.14);
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card.is-featured{
  grid-column: auto;
  min-height: 196px;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card--practice{
  --action-color: var(--prep-gold);
  --action-rgb: var(--prep-gold-rgb);
  background:
    radial-gradient(circle at 0 0, rgba(199,147,63,0.32), transparent 38%),
    radial-gradient(circle at 92% 12%, rgba(245,221,168,0.10), transparent 30%),
    linear-gradient(154deg, #17273a 0%, #101f34 48%, #071426 100%);
  border-color: rgba(199,147,63,0.34);
  box-shadow:
    0 24px 50px rgba(154,101,31,0.18),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card--practice .dashboard-action-card__icon{
  background: rgba(199,147,63,0.16);
  border-color: rgba(199,147,63,0.28);
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card--mock{
  --action-color: var(--prep-sky);
  --action-rgb: 47,131,255;
  background:
    radial-gradient(circle at 0 0, rgba(47,131,255,0.32), transparent 38%),
    radial-gradient(circle at 94% 12%, rgba(96,165,250,0.12), transparent 30%),
    linear-gradient(154deg, #102a4d 0%, #0b2143 48%, #061225 100%);
  border-color: rgba(47,131,255,0.34);
  box-shadow:
    0 24px 50px rgba(47,131,255,0.16),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card--current{
  --action-color: var(--prep-gold);
  --action-rgb: var(--prep-gold-rgb);
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card--community{
  --action-color: var(--prep-gold);
  --action-rgb: var(--prep-gold-rgb);
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card--revision{
  --action-color: var(--prep-gold);
  --action-rgb: var(--prep-gold-rgb);
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card__icon{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: inline-grid;
  place-items: center;
  color: var(--action-color);
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  background: rgba(var(--action-rgb),0.14);
  border: 1px solid rgba(var(--action-rgb),0.24);
  box-shadow:
    0 14px 28px rgba(2,8,18,0.24),
    inset 0 1px 0 rgba(255,255,255,0.08);
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card__icon i{
  display: block;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card__eyebrow{
  color: var(--action-color);
  font-size: 10px;
  letter-spacing: 0.14em;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card__title{
  color: #fff8ed;
  font-size: clamp(25px, 2.1vw, 31px);
  line-height: 0.98;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card__meta{
  max-width: none;
  color: rgba(222,232,246,0.78);
  font-size: 13px;
  line-height: 1.5;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card__cta{
  align-self: end;
  color: rgba(241,246,255,0.92);
  font-size: 12px;
  font-weight: 900;
}

body:not(.home-landing) .my-preparation-page .insight-grid{
  gap: 14px;
  margin-bottom: 0;
}

body:not(.home-landing) .my-preparation-page .insight-card{
  position: relative;
  overflow: hidden;
  padding: 20px;
  color: #eef6ff;
  background:
    radial-gradient(circle at 0 0, rgba(var(--insight-rgb, 199,147,63),0.18), transparent 34%),
    linear-gradient(150deg, #102542 0%, #0b1b33 52%, #061225 100%);
  border-color: rgba(145,173,215,0.16);
  box-shadow:
    0 18px 38px rgba(3,11,24,0.18),
    inset 0 1px 0 rgba(255,255,255,0.10);
}

body:not(.home-landing) .my-preparation-page .insight-card::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--insight-color, var(--prep-gold));
}

body:not(.home-landing) .my-preparation-page .insight-card--responses{ --insight-color: var(--prep-sky); --insight-rgb: 47,131,255; }
body:not(.home-landing) .my-preparation-page .insight-card--correct{ --insight-color: var(--prep-gold); --insight-rgb: 199,147,63; }
body:not(.home-landing) .my-preparation-page .insight-card--topics{ --insight-color: var(--prep-emerald); --insight-rgb: 32,166,106; }
body:not(.home-landing) .my-preparation-page .insight-card--time{ --insight-color: var(--prep-violet); --insight-rgb: 118,87,255; }

body:not(.home-landing) .my-preparation-page .insight-card__label{
  color: rgba(223,233,247,0.62);
}

body:not(.home-landing) .my-preparation-page .insight-card__value{
  color: #fff8ed;
  font-size: clamp(24px, 2.6vw, 32px);
}

body:not(.home-landing) .my-preparation-page .insight-card__meta{
  color: rgba(223,233,247,0.72);
}

body:not(.home-landing) .my-preparation-page .dashboard-grid-2{
  gap: 18px;
  margin-top: 0;
}

body:not(.home-landing) .my-preparation-page .subject-row,
body:not(.home-landing) .my-preparation-page .leaderboard-panel,
body:not(.home-landing) .my-preparation-page .leaderboard-item,
body:not(.home-landing) .my-preparation-page .ranking-card{
  background:
    radial-gradient(circle at 8% 0%, rgba(var(--prep-gold-rgb),0.07), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.94), rgba(249,244,235,0.92));
  border: 1px solid rgba(18,43,75,0.10);
  box-shadow: 0 14px 30px rgba(18,31,49,0.06);
}

body:not(.home-landing) .my-preparation-page .subject-row{
  border-radius: 20px;
}

body:not(.home-landing) .my-preparation-page .subject-row__title,
body:not(.home-landing) .my-preparation-page .leaderboard-name{
  color: var(--prep-ink);
}

body:not(.home-landing) .my-preparation-page .subject-row__meta{
  color: #9f6b1f;
}

body:not(.home-landing) .my-preparation-page .progress-meta{
  color: rgba(18,61,117,0.70);
}

body:not(.home-landing) .my-preparation-page .progress-track{
  height: 8px;
  background: rgba(18,31,49,0.09);
}

body:not(.home-landing) .my-preparation-page .progress-fill{
  background: linear-gradient(90deg, var(--prep-gold), var(--prep-blue));
}

body:not(.home-landing) .my-preparation-page .topic-performance-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
}

body:not(.home-landing) .my-preparation-page .topic-performance-card[hidden]{
  display: none !important;
}

body:not(.home-landing) .my-preparation-page .topic-performance-card{
  --topic-card-color: #123d75;
  min-width: 0;
  min-height: 68px;
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 17px;
  border: 1px solid rgba(18,43,75,0.11);
  background:
    radial-gradient(circle at 12% 0%, rgba(18,61,117,0.09), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.94), rgba(247,242,233,0.90));
  box-shadow:
    0 16px 34px rgba(18,31,49,0.07),
    inset 0 1px 0 rgba(255,255,255,0.82);
}

body:not(.home-landing) .my-preparation-page .topic-performance-card.is-risk{
  --topic-card-color: #123d75;
}

body:not(.home-landing) .my-preparation-page .topic-performance-card.is-steady{
  --topic-card-color: #123d75;
}

body:not(.home-landing) .my-preparation-page .topic-performance-card.is-strong{
  --topic-card-color: #123d75;
}

body:not(.home-landing) .my-preparation-page .topic-performance-card__top,
body:not(.home-landing) .my-preparation-page .topic-performance-card__footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body:not(.home-landing) .my-preparation-page .topic-performance-card__subject,
body:not(.home-landing) .my-preparation-page .topic-performance-card__accuracy{
  display: inline-flex;
  align-items: center;
  min-height: 21px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body:not(.home-landing) .my-preparation-page .topic-performance-card__subject{
  color: #9f6b1f;
  background: rgba(var(--prep-gold-rgb),0.10);
}

body:not(.home-landing) .my-preparation-page .topic-performance-card__accuracy{
  color: var(--topic-card-color);
  background: rgba(18,61,117,0.07);
  border: 1px solid rgba(18,61,117,0.08);
}

body:not(.home-landing) .my-preparation-page .topic-performance-card__title{
  margin: 0;
  min-height: 0;
  min-width: 0;
  color: var(--prep-ink);
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  line-height: 1;
  letter-spacing: -0.02em;
}

body:not(.home-landing) .my-preparation-page .topic-performance-card__body{
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

body:not(.home-landing) .my-preparation-page .topic-performance-card__stats{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  min-width: 230px;
}

body:not(.home-landing) .my-preparation-page .topic-performance-card__stats span{
  min-width: 0;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
  padding: 4px 6px;
  border-radius: 11px;
  background: rgba(18,31,49,0.045);
  color: rgba(22,34,51,0.62);
  font-size: 8.5px;
  font-weight: 800;
  line-height: 1.2;
}

body:not(.home-landing) .my-preparation-page .topic-performance-card__stats strong{
  display: inline;
  color: var(--prep-ink);
  font-size: 12px;
  line-height: 1.05;
}

body:not(.home-landing) .my-preparation-page .topic-performance-card__progress{
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(18,31,49,0.08);
}

body:not(.home-landing) .my-preparation-page .topic-performance-card__progress span{
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--prep-gold), var(--topic-card-color));
}

body:not(.home-landing) .my-preparation-page .topic-performance-card__footer{
  align-self: end;
  color: rgba(22,34,51,0.56);
  font-size: 11px;
  font-weight: 800;
}

body:not(.home-landing) .my-preparation-page .topic-performance-card__action{
  color: var(--topic-card-color);
  text-decoration: none;
  font-weight: 900;
}

body:not(.home-landing) .my-preparation-page .topic-performance-card__action:hover{
  text-decoration: underline;
  text-underline-offset: 4px;
}

body:not(.home-landing) .my-preparation-page .topic-performance-actions{
  margin-top: 10px;
  display: flex;
  justify-content: center;
}

body:not(.home-landing) .my-preparation-page .topic-performance-toggle{
  min-height: 38px;
  padding-inline: 16px;
  color: var(--prep-blue);
  background: rgba(18,61,117,0.07);
  border-color: rgba(18,61,117,0.14);
  box-shadow: none;
}

body.has-topic-performance-modal{
  overflow: hidden;
}

body:not(.home-landing) .topic-performance-modal{
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 22px;
}

body:not(.home-landing) .topic-performance-modal[hidden]{
  display: none !important;
}

body:not(.home-landing) .topic-performance-modal__backdrop{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 10%, rgba(224,191,135,0.16), transparent 28%),
    rgba(4,10,21,0.68);
  backdrop-filter: blur(10px);
}

body:not(.home-landing) .topic-performance-modal__dialog{
  position: relative;
  width: min(1040px, 100%);
  max-height: min(82vh, 760px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(224,191,135,0.22);
  background:
    radial-gradient(circle at 8% 0%, rgba(224,191,135,0.12), transparent 32%),
    linear-gradient(180deg, rgba(255,253,249,0.99), rgba(247,240,229,0.98));
  box-shadow:
    0 34px 90px rgba(2,6,23,0.34),
    inset 0 1px 0 rgba(255,255,255,0.82);
}

body:not(.home-landing) .topic-performance-modal__header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 26px 18px;
  border-bottom: 1px solid rgba(18,31,49,0.08);
}

body:not(.home-landing) .topic-performance-modal__eyebrow{
  display: inline-flex;
  margin-bottom: 7px;
  color: var(--prep-gold);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body:not(.home-landing) .topic-performance-modal__header h2{
  margin: 0;
  color: var(--prep-ink);
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(32px, 3.2vw, 44px);
  line-height: 1;
  letter-spacing: -0.02em;
}

body:not(.home-landing) .topic-performance-modal__header p{
  margin: 8px 0 0;
  max-width: 650px;
  color: rgba(22,34,51,0.66);
  font-weight: 700;
  line-height: 1.55;
}

body:not(.home-landing) .topic-performance-modal__close{
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(18,31,49,0.10);
  background: rgba(255,255,255,0.72);
  color: var(--prep-ink);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(18,31,49,0.08);
}

body:not(.home-landing) .topic-performance-modal__close:hover{
  background: #fff;
}

body:not(.home-landing) .topic-performance-modal__list{
  display: grid;
  gap: 8px;
  overflow-y: auto;
  padding: 14px 24px 22px;
  scrollbar-width: thin;
}

body:not(.home-landing) .topic-performance-detail{
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(360px, 1.25fr);
  gap: 8px 14px;
  padding: 11px 13px;
  border-radius: 18px;
  border: 1px solid rgba(18,31,49,0.08);
  background:
    radial-gradient(circle at 8% 0%, rgba(18,61,117,0.07), transparent 30%),
    rgba(255,255,255,0.76);
  box-shadow: 0 14px 30px rgba(18,31,49,0.05);
}

body:not(.home-landing) .topic-performance-detail__main{
  min-width: 0;
}

body:not(.home-landing) .topic-performance-detail__subject{
  display: inline-flex;
  min-height: 20px;
  align-items: center;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(18,61,117,0.07);
  color: var(--prep-blue);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body:not(.home-landing) .topic-performance-detail h3{
  margin: 6px 0 8px;
  color: var(--prep-ink);
  font-family: 'Cormorant Garamond', serif;
  font-size: 23px;
  line-height: 1.02;
}

body:not(.home-landing) .topic-performance-detail__progress{
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(18,31,49,0.08);
}

body:not(.home-landing) .topic-performance-detail__progress span{
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--prep-gold), var(--prep-blue));
}

body:not(.home-landing) .topic-performance-detail__metrics{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

body:not(.home-landing) .topic-performance-detail__metrics span{
  padding: 7px 8px;
  border-radius: 12px;
  background: rgba(18,31,49,0.045);
  color: rgba(22,34,51,0.62);
  font-size: 9.5px;
  font-weight: 800;
  line-height: 1.2;
}

body:not(.home-landing) .topic-performance-detail__metrics strong{
  display: block;
  color: var(--prep-ink);
  font-size: 13px;
  line-height: 1.1;
}

body:not(.home-landing) .topic-performance-detail__footer{
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  color: rgba(22,34,51,0.58);
  font-size: 11px;
  font-weight: 800;
}

body:not(.home-landing) .topic-performance-detail__footer a{
  color: var(--prep-blue);
  text-decoration: none;
  font-weight: 900;
}

body:not(.home-landing) .topic-performance-detail__footer a:hover{
  text-decoration: underline;
  text-underline-offset: 4px;
}

body:not(.home-landing) .my-preparation-page .dashboard-panel--full{
  margin-top: 0;
}

body:not(.home-landing) .my-preparation-page .ranking-grid{
  gap: 14px;
}

body:not(.home-landing) .my-preparation-page .ranking-card{
  padding: 18px;
  border-radius: 22px;
}

body:not(.home-landing) .my-preparation-page .ranking-card__label{
  color: rgba(18,61,117,0.68);
}

body:not(.home-landing) .my-preparation-page .ranking-card__value{
  color: var(--prep-blue);
}

body:not(.home-landing) .my-preparation-page .ranking-card__meta{
  color: rgba(22,34,51,0.62);
}

body:not(.home-landing) .my-preparation-page .ranking-card--attempts,
body:not(.home-landing) .my-preparation-page .ranking-card--correct{
  background:
    radial-gradient(circle at 10% 0%, rgba(199,147,63,0.11), transparent 30%),
    radial-gradient(circle at 100% 0%, rgba(18,61,117,0.07), transparent 30%),
    linear-gradient(180deg, rgba(255,253,249,0.96), rgba(250,245,236,0.86));
  border-color: rgba(18,61,117,0.10);
}

body:not(.home-landing) .my-preparation-page .leaderboard-panel{
  border-radius: 24px;
  border-color: rgba(18,61,117,0.09);
}

body:not(.home-landing) .my-preparation-page .leaderboard-panel__header h3{
  color: var(--prep-blue);
}

body:not(.home-landing) .my-preparation-page .leaderboard-item{
  border-color: rgba(18,61,117,0.08);
  background:
    radial-gradient(circle at 0% 10%, rgba(var(--prep-gold-rgb),0.07), transparent 26%),
    rgba(255,255,255,0.76);
}

body:not(.home-landing) .my-preparation-page .leaderboard-rank{
  background: linear-gradient(145deg, rgba(var(--prep-gold-rgb),0.18), rgba(18,61,117,0.10));
  color: var(--prep-blue);
  border: 1px solid rgba(var(--prep-gold-rgb),0.18);
}

body:not(.home-landing) .my-preparation-page .leaderboard-score{
  color: var(--prep-blue);
}

body:not(.home-landing) .my-preparation-page .leaderboard-score span{
  color: #9f6b1f;
}

@media (max-width: 1100px){
  body:not(.home-landing) .my-preparation-page .dashboard-action-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px){
  body:not(.home-landing) .my-preparation-page .dashboard-hero__grid,
  body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__grid{
    grid-template-columns: 1fr;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-hero__grid{
    min-height: 0;
    grid-template-rows: auto auto;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-hero__main,
  body:not(.home-landing) .my-preparation-page .dashboard-hero__status{
    grid-column: 1;
    grid-row: auto;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-hero__status{
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 18px;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-hero,
  body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner{
    height: auto;
    min-height: 0;
    background:
      linear-gradient(90deg, rgba(4,12,27,0.98) 0%, rgba(5,15,32,0.94) 54%, rgba(8,22,41,0.66) 100%),
      radial-gradient(circle at 18% 12%, rgba(224,191,135,0.20), transparent 30%),
      url("uploads/hero.webp") 74% center / cover no-repeat,
      linear-gradient(140deg, #07111f 0%, #10243c 48%, #152f4b 100%);
  }

  body:not(.home-landing) .my-preparation-page .dashboard-action-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body:not(.home-landing) .topic-performance-detail{
    grid-template-columns: 1fr;
  }

  body:not(.home-landing) .topic-performance-detail__metrics{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px){
  body:not(.home-landing) .my-preparation-page > .container{
    gap: 16px;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-hero,
  body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner,
  body:not(.home-landing) .my-preparation-page .dashboard-actions,
  body:not(.home-landing) .my-preparation-page .dashboard-panel,
  body:not(.home-landing) .my-preparation-page .insight-card{
    border-radius: 24px;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-hero,
  body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner{
    padding: 22px 18px;
    background:
      linear-gradient(90deg, rgba(4,12,27,0.98) 0%, rgba(5,15,32,0.92) 60%, rgba(8,22,41,0.58) 100%),
      radial-gradient(circle at 16% 10%, rgba(224,191,135,0.18), transparent 28%),
      url("uploads/hero.webp") 78% center / cover no-repeat,
      linear-gradient(140deg, #07111f 0%, #10243c 48%, #152f4b 100%);
  }

  body:not(.home-landing) .my-preparation-page .dashboard-hero__eyebrow,
  body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__eyebrow{
    max-width: 100%;
    padding: 8px 12px;
    font-size: 10px;
    letter-spacing: 0.14em;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-hero h1,
  body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner h2{
    font-size: clamp(32px, 9vw, 40px);
  }

  body:not(.home-landing) .my-preparation-page .dashboard-hero__copy,
  body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__copy{
    font-size: 15px;
    line-height: 1.62;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-action-grid,
  body:not(.home-landing) .my-preparation-page .dashboard-quickstats,
  body:not(.home-landing) .my-preparation-page .topic-performance-grid{
    grid-template-columns: 1fr;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-hero__status{
    grid-template-columns: 1fr;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-hero__status .dashboard-hero__actions{
    flex-wrap: wrap;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-action-card{
    min-height: 154px;
  }

  body:not(.home-landing) .my-preparation-page .topic-performance-card__body{
    grid-template-columns: 1fr;
  }

  body:not(.home-landing) .my-preparation-page .topic-performance-card__stats{
    min-width: 0;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-hero__actions .btn,
  body:not(.home-landing) .my-preparation-page .dashboard-welcome-banner__actions .btn{
    width: 100%;
  }

  body:not(.home-landing) .topic-performance-modal{
    padding: 12px;
  }

  body:not(.home-landing) .topic-performance-modal__dialog{
    max-height: 88vh;
    border-radius: 24px;
  }

  body:not(.home-landing) .topic-performance-modal__header{
    padding: 20px 18px 14px;
  }

  body:not(.home-landing) .topic-performance-modal__header h2{
    font-size: 30px;
  }

  body:not(.home-landing) .topic-performance-modal__header p{
    font-size: 13px;
  }

  body:not(.home-landing) .topic-performance-modal__list{
    padding: 12px 16px 16px;
  }

  body:not(.home-landing) .topic-performance-detail{
    padding: 12px;
    border-radius: 18px;
  }

  body:not(.home-landing) .topic-performance-detail__metrics{
    grid-template-columns: 1fr;
  }

  body:not(.home-landing) .topic-performance-detail__footer{
    align-items: flex-start;
    flex-direction: column;
  }
}

body:not(.home-landing) .review-page .review-hero .hub-hero__grid{
  position: relative;
  z-index: 1;
  gap: 24px;
}

body:not(.home-landing) .review-page .review-hero .hub-hero__stats{
  min-width: min(100%, 440px);
}

body:not(.home-landing) .review-page .review-hero .hub-stat{
  min-width: 0;
  background: rgba(255,255,255,0.13);
  border-color: rgba(244,233,214,0.26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 16px 32px rgba(0,0,0,0.12);
}

body:not(.home-landing) .review-page .review-hero .hub-stat__label{
  color: rgba(247,233,208,0.78);
}

body:not(.home-landing) .review-page .review-hero .hub-stat__value{
  color: #fffaf2;
  font-size: clamp(18px, 2.2vw, 24px);
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

body:not(.home-landing) .review-page > .container{
  width: min(1240px, calc(100% - 42px));
  max-width: none;
  display: grid;
  gap: 22px;
}

body:not(.home-landing) .mock-review-heading h1{
  max-width: 820px;
}

body:not(.home-landing) .mock-review-heading__actions{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

body:not(.home-landing) .mock-review-heading__library{
  min-height: 46px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid rgba(7, 18, 37, 0.12);
  background: rgba(255, 255, 255, 0.84);
  color: #071225;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 14px 28px rgba(7, 18, 37, 0.08);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

body:not(.home-landing) .mock-review-heading__library:hover{
  transform: translateY(-1px);
  border-color: rgba(199, 146, 43, 0.34);
  box-shadow: 0 18px 34px rgba(7, 18, 37, 0.12);
}

body:not(.home-landing) .review-summary-grid{
  display: grid;
  grid-template-columns: minmax(220px, 0.72fr) repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body:not(.home-landing) .review-summary-stat{
  min-height: 98px;
  padding: 12px 14px 13px;
  display: grid;
  align-content: center;
  gap: 5px;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(7, 18, 37, 0.08);
  background:
    radial-gradient(circle at 12% 0%, rgba(224, 191, 135, 0.08), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
  box-shadow: 0 18px 42px rgba(7, 18, 37, 0.075);
}

body:not(.home-landing) button.review-summary-stat{
  position: relative;
  width: 100%;
  appearance: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

body:not(.home-landing) button.review-summary-stat:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 46px rgba(7, 18, 37, 0.11);
}

body:not(.home-landing) button.review-summary-stat:hover .review-summary-stat__cue b{
  transform: translateX(3px);
}

body:not(.home-landing) button.review-summary-stat.is-active{
  transform: translateY(-2px);
  box-shadow: 0 24px 48px rgba(7, 18, 37, 0.14);
}

body:not(.home-landing) button.review-summary-stat:focus-visible{
  outline: 3px solid rgba(199, 146, 43, 0.26);
  outline-offset: 3px;
}

body:not(.home-landing) .review-summary-stat__label{
  color: #9a6b1f;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
  line-height: 1.1;
  text-transform: uppercase;
}

body:not(.home-landing) .review-summary-stat strong{
  color: #071225;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1;
  letter-spacing: -0.05em;
}

body:not(.home-landing) .review-summary-stat__cue{
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: rgba(7, 18, 37, 0.62);
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.01em;
  line-height: 1.1;
  text-transform: none;
}

body:not(.home-landing) .review-summary-stat__cue b{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  color: #071225;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(7, 18, 37, 0.08);
  box-shadow: 0 8px 18px rgba(7, 18, 37, 0.08);
  font-size: 13px;
  font-style: normal;
  line-height: 1;
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

body:not(.home-landing) .review-summary-stat--score{
  border-color: rgba(224, 191, 135, 0.24);
  background:
    radial-gradient(circle at 88% 0%, rgba(224, 191, 135, 0.2), transparent 34%),
    linear-gradient(135deg, #071225 0%, #0b1f3d 62%, #081327 100%);
  box-shadow:
    0 22px 52px rgba(7, 18, 37, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

body:not(.home-landing) .review-summary-stat--score .review-summary-stat__label{
  color: #d9a94f;
}

body:not(.home-landing) .review-summary-stat--score strong{
  color: #f6dfb2;
  font-size: clamp(34px, 4vw, 46px);
}

body:not(.home-landing) .review-summary-stat.is-correct{
  border-color: rgba(22, 163, 74, 0.14);
}

body:not(.home-landing) button.review-summary-stat.is-correct.is-active{
  background: linear-gradient(180deg, rgba(244,252,248,0.98), rgba(227,245,236,0.96));
  border-color: rgba(22, 163, 74, 0.34);
}

body:not(.home-landing) .review-summary-stat.is-wrong{
  border-color: rgba(220, 38, 38, 0.14);
}

body:not(.home-landing) button.review-summary-stat.is-wrong.is-active{
  background: linear-gradient(180deg, rgba(255,245,245,0.98), rgba(252,232,232,0.96));
  border-color: rgba(220, 38, 38, 0.34);
}

body:not(.home-landing) .review-summary-stat.is-skipped{
  border-color: rgba(217, 119, 6, 0.16);
}

body:not(.home-landing) button.review-summary-stat.is-skipped.is-active{
  background: linear-gradient(180deg, rgba(255,251,242,0.98), rgba(247,236,210,0.96));
  border-color: rgba(217, 119, 6, 0.34);
}

body:not(.home-landing) .review-page .review-focus-panel{
  padding: 22px;
  border-radius: 26px;
  border-color: rgba(7, 18, 37, 0.08);
  background:
    radial-gradient(circle at 0 0, rgba(224, 191, 135, 0.07), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.995), rgba(248, 250, 252, 0.98));
  box-shadow: 0 18px 42px rgba(7, 18, 37, 0.075);
}

body:not(.home-landing) .review-page .review-focus-panel__top{
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: end;
  flex-wrap: wrap;
}

body:not(.home-landing) .review-page .review-focus-panel__top .result-panel__copy{
  margin: 0;
  max-width: 620px;
}

body:not(.home-landing) .review-page .review-focus-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

body:not(.home-landing) .review-page .review-focus-card{
  width: 100%;
  appearance: none;
  font: inherit;
  color: inherit;
  text-align: left;
  display: grid;
  gap: 8px;
  min-height: 118px;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(18,31,49,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
  box-shadow: 0 14px 30px rgba(7, 18, 37, 0.06);
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

body:not(.home-landing) .review-page .review-focus-card:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-lift);
}

body:not(.home-landing) .review-page .review-focus-card.is-active{
  transform: translateY(-2px);
  box-shadow: 0 22px 36px rgba(17,29,44,0.14);
}

body:not(.home-landing) .review-page .review-focus-card__eyebrow{
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body:not(.home-landing) .review-page .review-focus-card__value{
  color: var(--navy-2);
  font-family: 'Poppins', sans-serif;
  font-size: 26px;
  line-height: 1;
}

body:not(.home-landing) .review-page .review-focus-card__copy{
  color: rgba(22,34,51,0.68);
  font-weight: 600;
  line-height: 1.5;
}

body:not(.home-landing) .review-page .review-focus-card.is-wrong{
  border-color: rgba(190,64,64,0.16);
}

body:not(.home-landing) .review-page .review-focus-card.is-wrong .review-focus-card__eyebrow{
  color: #b14040;
}

body:not(.home-landing) .review-page .review-focus-card.is-wrong.is-active{
  background: linear-gradient(180deg, rgba(255,245,245,0.98), rgba(252,232,232,0.96));
  border-color: rgba(190,64,64,0.32);
}

body:not(.home-landing) .review-page .review-focus-card.is-skipped{
  border-color: rgba(179,129,44,0.16);
}

body:not(.home-landing) .review-page .review-focus-card.is-skipped .review-focus-card__eyebrow{
  color: #9a6b1d;
}

body:not(.home-landing) .review-page .review-focus-card.is-skipped.is-active{
  background: linear-gradient(180deg, rgba(255,251,242,0.98), rgba(247,236,210,0.96));
  border-color: rgba(179,129,44,0.3);
}

body:not(.home-landing) .review-page .review-focus-card.is-correct{
  border-color: rgba(26,128,84,0.16);
}

body:not(.home-landing) .review-page .review-focus-card.is-correct .review-focus-card__eyebrow{
  color: #1d7b54;
}

body:not(.home-landing) .review-page .review-focus-card.is-correct.is-active{
  background: linear-gradient(180deg, rgba(244,252,248,0.98), rgba(227,245,236,0.96));
  border-color: rgba(26,128,84,0.28);
}

body:not(.home-landing) .review-page .review-list{
  gap: 18px;
}

body:not(.home-landing) .review-page [data-review-group][hidden]{
  display: none !important;
}

body:not(.home-landing) .review-page .review-item{
  padding: clamp(18px, 2vw, 22px);
  border-radius: 26px;
  background:
    radial-gradient(circle at 0 0, rgba(224, 191, 135, 0.055), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,250,252,0.98));
  border: 1px solid rgba(18,31,49,0.08);
  box-shadow: 0 16px 38px rgba(7, 18, 37, 0.07);
}

body:not(.home-landing) .review-page .review-item__top{
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(7, 18, 37, 0.07);
}

body:not(.home-landing) .review-page .review-item__top h3{
  color: #071225;
  font-size: clamp(26px, 3vw, 34px);
  line-height: 1;
}

body:not(.home-landing) .review-page .review-item__question{
  margin-top: 14px;
  color: rgba(15,24,38,0.94);
  line-height: 1.62;
}

body:not(.home-landing) .review-page .review-item__options{
  gap: 12px;
}

body:not(.home-landing) .review-page .review-item .option{
  border-radius: 16px;
  background: rgba(255,255,255,0.96);
  border-color: rgba(18,31,49,0.09);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.74);
}

body:not(.home-landing) .review-page .review-item .option.is-correct{
  background: rgba(232,247,238,0.92);
}

body:not(.home-landing) .review-page .review-item .option.is-selected.is-wrong,
body:not(.home-landing) .review-page .review-item .option.is-wrong{
  background: rgba(254,237,237,0.94);
}

body:not(.home-landing) .review-page .review-explanation{
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 0 0, rgba(224, 191, 135, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
  border: 1px solid rgba(18,31,49,0.08);
}

body:not(.home-landing) .review-page .review-passage{
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,253,0.98));
}

body:not(.home-landing) .review-page .review-media,
body:not(.home-landing) .review-page .review-explanation-media,
body:not(.home-landing) .review-page .q-option-media{
  max-width: 100%;
  overflow-x: auto;
}

body:not(.home-landing) .review-page .review-media img,
body:not(.home-landing) .review-page .review-explanation-media img,
body:not(.home-landing) .review-page .q-option-media img,
body:not(.home-landing) .review-page .review-explanation .q-richtext img{
  display: block;
  width: auto;
  max-width: 100%;
  max-height: none;
  height: auto;
  object-fit: contain;
}

body:not(.home-landing) .review-page .review-explanation .q-richtext img{
  margin: 12px 0 0;
  border-radius: 12px;
  border: 1px solid rgba(18,31,49,0.08);
  background: #fff;
  box-shadow: 0 12px 24px rgba(7,18,37,0.08);
}

body:not(.home-landing) .review-page .review-item--option-images{
  display: block;
  max-height: none;
}

body:not(.home-landing) .review-page .review-item--option-images .review-item__prompt{
  position: relative;
  top: auto;
  z-index: auto;
  padding-bottom: 0;
  background: transparent;
}

body:not(.home-landing) .review-page .review-item--option-images .review-item__options{
  max-height: none;
  overflow: visible;
  overscroll-behavior: auto;
  padding-right: 0;
}

body:not(.home-landing) .review-page .review-item--option-images .option__inner{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 8px 12px;
  width: 100%;
}

body:not(.home-landing) .review-page .review-item--option-images .review-media img,
body:not(.home-landing) .review-page .review-item--option-images .q-option-media img{
  border-radius: 8px;
  border: 0;
  box-shadow: none;
  background: transparent;
}

body:not(.home-landing) .review-page .review-item--option-images .review-media img{
  max-height: none;
}

body:not(.home-landing) .review-page .review-item--option-images .q-option-media img{
  max-height: none;
  max-width: 100%;
}

body:not(.home-landing) .review-page .review-item--large-venn .review-media,
body:not(.home-landing) .review-page .review-item--clean-visual .review-media{
  overflow-x: auto;
}

body:not(.home-landing) .review-page .review-item--clean-visual .review-media img,
body:not(.home-landing) .review-page .review-item--large-venn .review-media img{
  display: block;
  width: 100%;
  max-width: 1040px;
  max-height: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}

body:not(.home-landing) .review-page .review-item--balanced-visual .review-media img{
  width: auto;
  max-width: 100%;
  max-height: clamp(258px, 34vh, 270px);
  margin-inline: auto;
}

@media (max-width: 760px){
  body:not(.home-landing) .review-page > .container{
    width: min(100% - 28px, 1240px);
    gap: 18px;
  }

  body:not(.home-landing) .mock-review-heading__actions{
    justify-content: flex-start;
  }

  body:not(.home-landing) .review-summary-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body:not(.home-landing) .instructions-hero .hub-hero__stats{
    grid-template-columns: 1fr;
  }

  body:not(.home-landing) .instructions-hero .hub-stat:last-child{
    grid-column: auto;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-action-card{
    min-height: 154px;
  }

  body:not(.home-landing) .review-page .review-focus-grid{
    grid-template-columns: 1fr;
  }

  body:not(.home-landing) .review-page .review-focus-panel__top{
    align-items: start;
  }

  body:not(.home-landing) .review-page .review-item--option-images .q-option-media img{
    max-width: 100%;
  }

  body:not(.home-landing) .syllabus-page .hub-hero__stats{
    grid-template-columns: 1fr;
  }

  body:not(.home-landing) .syllabus-page .syllabus-card{
    height: min(74vh, 620px);
  }

  body:not(.home-landing) .syllabus-page .syllabus-card__action{
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 520px){
  body:not(.home-landing) .mock-review-heading__actions,
  body:not(.home-landing) .mock-review-heading__actions .cc-page-heading__back,
  body:not(.home-landing) .mock-review-heading__library{
    width: 100%;
  }

  body:not(.home-landing) .review-summary-grid{
    grid-template-columns: 1fr;
  }
}

body:not(.home-landing) .empty-state{
  background: rgba(255,250,242,0.72);
  border-color: rgba(183,134,67,0.20);
}

body:not(.home-landing) .passages-page{
  padding: 42px 0 72px;
}

body:not(.home-landing) .passages-heading{
  margin-bottom: 24px;
}

body:not(.home-landing) .passages-library{
  padding-top: 2px;
}

body:not(.home-landing) .passages-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

body:not(.home-landing) .passage-card{
  min-width: 0;
  min-height: 250px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body:not(.home-landing) .passage-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 42px rgba(7, 18, 37, 0.10);
  border-color: rgba(12, 51, 120, 0.28);
}

body:not(.home-landing) .passage-card__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #667085;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body:not(.home-landing) .passage-card__number{
  color: #a86f08;
}

body:not(.home-landing) .passage-card__count{
  white-space: nowrap;
  letter-spacing: 0.03em;
}

body:not(.home-landing) .passage-card .passages-title{
  margin: 18px 0 9px;
  color: #071225;
  font-size: 27px;
  line-height: 1.05;
}

body:not(.home-landing) .passage-snippet{
  margin: 0 0 20px;
  display: -webkit-box;
  overflow: hidden;
  color: #5d6878;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

body:not(.home-landing) .passage-card__action{
  margin-top: auto;
  padding-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  color: #0c3378;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

body:not(.home-landing) .passage-card__action span:last-child{
  color: #c7922b;
  font-size: 20px;
  line-height: 1;
  transition: transform 0.18s ease;
}

body:not(.home-landing) .passage-card__action:hover span:last-child{
  transform: translateX(3px);
}

@media (max-width: 900px){
  body:not(.home-landing) .passages-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px){
  body:not(.home-landing) .passages-page{
    padding: 28px 0 56px;
  }

  body:not(.home-landing) .passages-grid{
    grid-template-columns: 1fr;
  }

  body:not(.home-landing) .passage-card{
    min-height: 224px;
    padding: 18px;
  }
}

body:not(.home-landing) .defense-careers-page .hub-section:first-child{
  margin-top: 10px;
}

body:not(.home-landing) .defense-careers-page .career-decision-grid{
  margin-top: 8px;
}

body:not(.home-landing) .defense-careers-page .career-decision-card,
body:not(.home-landing) .defense-careers-page .summary-panel,
body:not(.home-landing) .defense-careers-page .paper-card,
body:not(.home-landing) .defense-careers-page .route-card{
  height: 100%;
}

body:not(.home-landing) .defense-careers-page .paper-card .summary-list{
  margin-top: 16px;
}

body:not(.home-landing) .defense-careers-page .summary-panel .paper-card__actions{
  margin-top: 18px;
}

@media (max-width: 900px){
  body:not(.home-landing) .container{
    width: calc(100% - 28px);
  }

  body:not(.home-landing) nav{
    top: 78px;
    right: 14px;
    left: 14px;
    padding: 14px;
    background: rgba(13,24,38,0.96);
    border: 1px solid rgba(224,191,135,0.16);
  }

  body:not(.home-landing) nav a{
    width: 100%;
  }

  body:not(.home-landing) .logo{
    font-size: 30px;
  }
}

@media (max-width: 640px){
  body:not(.home-landing) .section{
    padding: 64px 0;
  }

  .current-library-page{
    padding-bottom: 28px;
  }

  .current-library-hero{
    padding: 30px 24px;
    margin-bottom: 20px;
  }

  .current-library-card,
  .current-library-empty{
    padding: 24px 22px;
  }

  .current-library-card::after{
    right: 18px;
    width: 14px;
    height: 14px;
  }

  .community-page{
    padding-bottom: 28px;
  }

  .community-page__hero{
    padding: 30px 24px;
  }

  .community-entry__analytics,
  .community-entry__actions{
    grid-template-columns: 1fr;
  }

  .community-entry__stat,
  .community-entry__auth{
    padding: 22px 20px;
  }

  .community-entry__action-card{
    min-height: 0;
    padding: 24px 22px;
  }

  .community-entry__action-card::after{
    right: 18px;
    bottom: 22px;
    width: 14px;
    height: 14px;
  }

  .community-page__composer,
  .community-page__toolbar,
  .community-page__empty,
  .community-clean-card{
    padding: 22px 20px;
  }

  .community-clean-form__row{
    grid-template-columns: 1fr;
  }

  .community-clean-form__submit{
    width: 100%;
  }

  .community-page__toolbar{
    align-items: stretch;
  }

  .community-page__search{
    width: 100%;
  }

  .community-page__search .input-field{
    min-width: 0;
    flex: 1 1 220px;
  }

  body:not(.home-landing) .logo{
    font-size: 28px;
  }

  body:not(.home-landing) .logo::before{
    width: 40px;
    height: 40px;
  }
}

.home-landing .hero{
  padding-top: 40px;
}

@media (max-width: 900px){
  .home-landing .hero{
    padding-top: 10px;
  }
}

body.exam-mode{
  background:
    radial-gradient(circle at top left, rgba(185,145,79,0.10), transparent 24%),
    linear-gradient(180deg, #eef2f7 0%, #e7ecf3 100%);
  color: #132033;
}

body.exam-mode .card{
  border-radius: 22px;
}

.exam-shell{
  min-height: 100vh;
  padding: 16px;
}

.exam-form{
  display: grid;
  gap: 16px;
}

.exam-stat{
  display: flex;
  justify-content: space-between;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(226,196,140,0.14);
}

.exam-stat.is-warning{
  background: rgba(146,27,27,0.20);
  border-color: rgba(255,173,173,0.28);
}

.exam-stat__label{
  align-self: center;
  display: block;
  color: rgba(239,244,250,0.70);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.exam-stat__value{
  display: block;
  color: #fffaf2;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  line-height: 1;
}

.exam-stat--timer .exam-stat__value{
  color: #ffd88c;
}

.exam-alert{
  margin: 0;
}

.exam-layout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  gap: 18px;
  align-items: stretch;
  min-height: calc(100vh - 32px);
}

.exam-side{
  position: sticky;
  top: 16px;
  height: calc(100vh - 32px);
  display: grid;
  gap: 18px;
  min-height: 0;
}

.exam-side-card{
  padding: 10px;
}

.exam-side-card h2{
  margin: 0;
  font-family: 'Cormorant Garamond', serif;
  font-size: 30px;
  line-height: 1.02;
  color: #172338;
}

.exam-side-card__copy{
  margin: 10px 0 0;
  color: rgba(19,32,51,0.68);
  font-weight: 700;
}

.exam-main{
  display: grid;
  min-height: 0;
  overflow: hidden;
  padding: 0;
}

.exam-main-scroll{
  min-height: 0;
  overflow-y: auto;
  display: grid;
  gap: 18px;
  align-content: start;
  /* padding: 18px; */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.exam-main-scroll::-webkit-scrollbar,
.exam-palette-scroll::-webkit-scrollbar{
  width: 0;
  height: 0;
}

.exam-question-panel{
  display: grid;
  gap: 18px;
  padding: 12px;
  border: 1px solid rgba(17,31,52,0.08);
  box-shadow: 0 26px 42px rgba(18,30,47,0.09);
  scroll-margin-top: 18px;
}

.exam-question-panel__prompt{
  min-width: 0;
}

.exam-question-panel--option-images{
  grid-template-rows: auto minmax(0, 1fr) auto;
  max-height: none;
}

.exam-question-panel--option-images .exam-question-panel__prompt{
  position: sticky;
  top: 0;
  z-index: 2;
  padding-bottom: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 82%, rgba(255,255,255,0));
}

.exam-question-panel--option-images .exam-choice-group{
  max-height: var(--exam-option-peek-height, clamp(360px, 54vh, 560px));
  overflow-y: auto;
  max-width: 50%;
  overscroll-behavior: contain;
  padding-right: 6px;
  scrollbar-width: thin;
}

.exam-question-panel--option-images .q-option-text:empty{
  display: none;
}

.exam-question-panel.is-active{
  border-color: rgba(185,145,79,0.34);
  box-shadow: 0 28px 42px rgba(174,132,66,0.12);
}

.exam-question-panel__header{
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: start;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.exam-question-panel__header h2{
  margin: 0;
  font-family: 'Cormorant Garamond', serif;
  font-size: 36px;
  line-height: 1.02;
  color: #162234;
}

.exam-question-panel__chips{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.exam-passage{
  padding: 20px;
  border: 1px solid rgba(17,31,52,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(247,250,253,0.98));
}

.exam-passage h3{
  margin: 4px 0 0;
  font-family: 'Cormorant Garamond', serif;
  font-size: 30px;
  color: #162234;
}

.exam-question-copy{
  color: rgba(18,29,45,0.96);
  font-size: 18px;
  line-height: 1.75;
  font-weight: 600;
}

.exam-choice-group{
  display: grid;
  gap: 12px;
}

.exam-choice{
  position: relative;
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(17,31,52,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,252,0.98));
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.exam-choice:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 28px rgba(18,30,47,0.08);
}

.exam-choice.is-selected{
  border-color: rgba(185,145,79,0.34);
  background:
    radial-gradient(circle at right top, rgba(201,164,98,0.12), transparent 34%),
    linear-gradient(180deg, rgba(255,251,244,1), rgba(252,244,232,0.98));
  box-shadow: 0 18px 30px rgba(174,132,66,0.10);
}

.exam-choice input{
  margin: 0;
  accent-color: #c08533;
  transform: scale(1.1);
  align-self: center;
}

.exam-choice__marker{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: #13233a;
  color: #fffaf3;
  font-size: 14px;
  font-weight: 800;
}

.exam-choice.is-selected .exam-choice__marker{
  background: linear-gradient(135deg, #b88338, #deb76e);
  color: #102035;
}

.exam-choice__content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  color: rgba(19,32,51,0.92);
  line-height: 1.72;
  font-weight: 600;
  min-width: 0;
}

.exam-question-panel__actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.exam-question-panel__actions .btn{
  min-width: 160px;
}

.exam-palette-card{
  height: 100%;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  /* gap: 18px; */
  min-height: 0;
}

.exam-palette-top{
  align-items: center;
  padding-bottom: 14px;
  /* display: flex;
  justify-content: space-between; */
  gap: 16px;
}

.exam-palette-top h2{
  margin: 4px 0 10px;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(28px, 2.6vw, 32px);
  line-height: 1.02;
  color: #172338;
}

.exam-palette-card .exam-stat{
  /* display: grid;
  gap: 10px; */
  padding: 12px 8px;
  background:
    radial-gradient(circle at top right, rgba(200,164,96,0.16), transparent 30%),
    linear-gradient(135deg, rgba(15,26,40,0.98), rgba(22,38,59,0.96));
  border-color: rgba(224,191,135,0.18);
}

.exam-palette-card .exam-stat__label{
  color: rgba(255,255,255);
}

.exam-palette-card .exam-stat__value{
  color: #ffd88c;
}

.exam-palette-scroll{
  margin-top: 6px;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.exam-palette-section{
  margin-top: 18px;
}

.exam-palette-section:first-of-type{
  margin-top: 16px;
}

.exam-palette-section__header{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  color: rgba(19,32,51,0.74);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.exam-palette-grid{
  padding: 2px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.exam-palette-btn{
  min-height: 46px;
  border-radius: 14px;
  border: 1px solid rgba(17,31,52,0.10);
  background: #fff;
  color: #172338;
  font-weight: 800;
  cursor: pointer;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.exam-palette-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(18,30,47,0.08);
}

.exam-palette-btn.is-current{
  border-color: rgba(185,145,79,0.82);
  background: linear-gradient(135deg, #c98c2d, #9f5f14);
  color: #fff9ef;
  box-shadow: 0 0 0 3px rgba(201,140,45,0.16), 0 12px 22px rgba(18,30,47,0.12);
}

.exam-palette-btn.is-answered{
  background: rgba(16,163,110,0.12);
  border-color: rgba(16,163,110,0.32);
  color: #0c6d4c;
}

.exam-palette-btn.is-not-answered{
  background: rgba(202,94,94,0.12);
  border-color: rgba(202,94,94,0.34);
  color: #8d3434;
}

.exam-palette-btn.is-marked{
  background:
    radial-gradient(circle at top right, rgba(194,220,250,0.46), transparent 40%),
    linear-gradient(135deg, rgba(241,247,255,0.98), rgba(207,225,247,0.98));
  border-color: rgba(45,90,141,0.52);
  color: #214c77;
  box-shadow: 0 10px 22px rgba(36,74,116,0.14);
}

.exam-palette-btn.is-answered-marked{
  background:
    radial-gradient(circle at top right, rgba(156,193,235,0.30), transparent 36%),
    linear-gradient(135deg, rgba(39,76,117,0.98), rgba(24,55,86,0.98));
  border-color: rgba(24,55,86,0.80);
  color: #f3f8ff;
  box-shadow: 0 10px 22px rgba(18,42,66,0.20);
}

.exam-palette-btn.is-not-visited{
  background: #fff;
  color: #162234;
}

body.has-exam-submit-modal{
  overflow: hidden;
}

body:not(.home-landing) .btn--ghost.exam-review-btn{
  background:
    radial-gradient(circle at top right, rgba(196,221,249,0.40), transparent 34%),
    linear-gradient(135deg, rgba(243,248,255,0.98), rgba(211,228,247,0.98));
  border-color: rgba(45,90,141,0.34);
  color: #214c77;
  box-shadow: 0 14px 26px rgba(36,74,116,0.10);
}

body:not(.home-landing) .btn--ghost.exam-review-btn:hover{
  background:
    radial-gradient(circle at top right, rgba(183,213,247,0.56), transparent 36%),
    linear-gradient(135deg, rgba(248,251,255,1), rgba(193,216,241,0.98));
  border-color: rgba(45,90,141,0.48);
  color: #173b5e;
  box-shadow: 0 18px 30px rgba(36,74,116,0.16);
}

body:not(.home-landing) .btn--ghost.exam-review-btn.is-marked{
  background:
    radial-gradient(circle at top right, rgba(151,190,235,0.34), transparent 36%),
    linear-gradient(135deg, rgba(39,76,117,0.98), rgba(24,55,86,0.98));
  border-color: rgba(24,55,86,0.84);
  color: #f3f8ff;
  box-shadow: 0 18px 34px rgba(18,42,66,0.22);
}

body:not(.home-landing) .btn--ghost.exam-review-btn.is-marked:hover{
  background:
    radial-gradient(circle at top right, rgba(168,202,241,0.38), transparent 38%),
    linear-gradient(135deg, rgba(45,86,131,1), rgba(29,62,95,0.98));
  border-color: rgba(24,55,86,0.9);
  color: #fbfdff;
  box-shadow: 0 20px 36px rgba(18,42,66,0.26);
}

.exam-submit-modal{
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 24px;
}

.exam-submit-modal[hidden]{
  display: none !important;
}

.exam-submit-modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(7,14,24,0.74);
  backdrop-filter: blur(10px);
}

.exam-submit-modal__dialog{
  position: relative;
  z-index: 1;
  width: min(1080px, 100%);
  max-height: min(86vh, 900px);
  overflow: auto;
  padding: 26px;
  border: 1px solid rgba(17,31,52,0.08);
  box-shadow: 0 34px 70px rgba(7,14,24,0.22);
}

.exam-submit-modal__header{
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
}

.exam-submit-modal__header h2{
  margin: 4px 0 0;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1;
  color: #162234;
}

.exam-submit-modal__copy{
  margin: 12px 0 0;
  color: rgba(19,32,51,0.72);
  font-weight: 700;
}

.exam-submit-modal__close{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(17,31,52,0.10);
  border-radius: 14px;
  background: #ffffff;
  color: #162234;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.exam-submit-summary-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
}

.exam-submit-stat{
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(17,31,52,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,252,0.98));
}

.exam-submit-stat__label{
  display: block;
  color: rgba(19,32,51,0.62);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.exam-submit-stat__value{
  display: block;
  margin-top: 8px;
  color: #162234;
  font-family: 'Poppins', sans-serif;
  font-size: 26px;
  line-height: 1;
}

.exam-submit-table{
  display: grid;
  gap: 8px;
  margin-top: 22px;
  overflow-x: auto;
}

.exam-submit-table__row{
  display: grid;
  grid-template-columns: 1.4fr repeat(5, minmax(88px, 1fr));
  gap: 10px;
  align-items: center;
  min-width: 780px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(17,31,52,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,252,0.98));
  color: rgba(19,32,51,0.86);
  font-weight: 700;
}

.exam-submit-table__row strong{
  color: #162234;
}

.exam-submit-table__row span{
  text-align: center;
}

.exam-submit-table__row--head{
  min-width: 780px;
  padding: 0 6px 8px;
  border: none;
  background: transparent;
  color: rgba(19,32,51,0.56);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.exam-submit-modal__actions{
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 22px;
}

.result-summary-list{
  margin-top: 18px;
}

.review-jump-grid{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}

@media (max-width: 1260px){
  .exam-layout{
    grid-template-columns: minmax(0, 1fr) 300px;
  }

  .exam-palette-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1100px){
  .exam-layout{
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .exam-side{
    position: static;
    top: auto;
    height: auto;
  }

  .exam-side--palette{
    order: -1;
  }

  .exam-main{
    min-height: auto;
  }

  .exam-main-scroll{
    overflow: visible;
    max-height: none;
  }

  .exam-palette-card{
    height: auto;
  }

  .exam-palette-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .exam-palette-card .exam-stat{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .exam-palette-card .exam-stat__label,
  .exam-palette-card .exam-stat__value{
    white-space: nowrap;
  }

  .exam-palette-scroll{
    display: flex;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 4px;
    flex-wrap: nowrap;
  }

  .exam-palette-section{
    display: flex;
    flex: 0 0 auto;
    min-width: auto;
    margin-top: 0;
    gap: 10px;
    align-items: center;
  }

  .exam-palette-section__header{
    display: none;
  }

  .exam-palette-grid{
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: 0;
  }

  .exam-palette-btn{
    flex: 0 0 auto;
    min-width: 46px;
  }
}

@media (max-width: 760px){
  .exam-shell{
    padding: 14px;
  }

  .exam-question-panel{
    padding: 20px;
  }

  .exam-question-panel__header h2{
    font-size: 30px;
  }

  .exam-choice{
    grid-template-columns: auto auto minmax(0, 1fr);
    padding: 14px 14px 14px 16px;
  }

  .exam-palette-card .exam-stat{
    padding: 12px 14px;
  }

  .exam-palette-card .exam-stat__label{
    font-size: 11px;
  }

  .exam-palette-card .exam-stat__value{
    font-size: 18px;
  }

  .exam-question-panel__actions{
    justify-content: stretch;
  }

  .exam-question-panel__actions .btn{
    min-width: 0;
    flex: 1 1 calc(50% - 10px);
  }

  .exam-submit-summary-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .exam-submit-modal{
    padding: 18px;
  }

  .exam-submit-modal__dialog{
    padding: 22px;
  }
}

@media (max-width: 560px){
  .mock-feedback-card{
    padding: 22px 18px;
  }

  .mock-feedback-modal{
    padding: 12px;
  }

  .mock-feedback-modal__close{
    top: 14px;
    right: 14px;
  }

  .mock-feedback-form{
    grid-template-columns: 1fr;
  }

  .mock-rating-option span{
    width: 42px;
    height: 42px;
  }

  .mock-choice-pill{
    flex: 1 1 calc(50% - 9px);
  }

  .mock-choice-pill span{
    justify-content: center;
    width: 100%;
  }

  .question-report-modal{
    padding: 12px;
  }

  .question-report-modal__dialog{
    padding: 20px;
  }

  .question-report-modal__header h2{
    font-size: 30px;
  }

  .question-report-reason{
    flex: 1 1 calc(50% - 8px);
  }

  .question-report-modal__actions .btn{
    width: 100%;
  }

  .exam-choice{
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
  }

  .exam-choice input{
    grid-column: 1;
    grid-row: auto;
  }

  .exam-choice__marker{
    grid-column: 2;
    grid-row: auto;
    margin-left: 0;
  }

  .exam-choice__content{
    grid-column: 3;
  }

  .exam-palette-section{
    min-width: 210px;
  }

  .exam-question-panel__actions .btn{
    flex: 1 1 100%;
  }

  .exam-submit-summary-grid{
    grid-template-columns: 1fr;
  }

  .exam-submit-modal{
    padding: 12px;
  }

  .exam-submit-modal__actions .btn{
    width: 100%;
  }
}

@media (max-width: 640px){
  .home-landing .home-tab-grid,
  .home-landing .home-tab-grid.is-session-active{
    grid-template-columns: 1fr !important;
  }

  .home-landing .home-tab--dashboard{
    grid-column: auto !important;
  }
}

.subject-topic{
  display: flex;
  gap: 40px;
}

#questionProgress{
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  letter-spacing: 0.2px;
  color: #000000;
}

#questionTitle{
  display: none;
}

.summary-panel{
  margin-top: 40px;
}

/* Final landing card system: direct premium cards, no wrapper-card look */
.home-landing .home-resource-panel{
  width: min(1140px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 18px;
}

.home-landing .home-resource-group{
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.home-landing .home-resource-group__label{
  margin: 0 0 10px;
  color: rgba(7, 18, 37, 0.62);
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home-landing .home-tab-grid.home-tab-grid--quick,
.home-landing .home-tab-grid.home-tab-grid--resources{
  width: 100%;
  margin: 0;
  gap: 16px !important;
}

.home-landing .home-tab-grid.home-tab-grid--quick{
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

.home-landing .home-tab-grid.home-tab-grid--resources{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.home-landing .home-tab-grid--quick .home-tab,
.home-landing .home-tab-grid--resources .home-tab{
  width: auto;
  margin: 0;
  min-width: 0;
  text-align: left;
}

.home-landing .home-tab-grid.home-tab-grid--quick .home-tab--spotlight{
  grid-column: span 6 !important;
}

.home-landing .home-tab-grid.home-tab-grid--quick .home-tab--quick:not(.home-tab--spotlight){
  grid-column: span 4 !important;
}

.home-landing .home-tab--quick{
  grid-column: span 4 !important;
  min-height: 146px;
  padding: 18px 18px 16px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  align-items: center;
  align-content: center;
  gap: 6px 14px;
  border-radius: 18px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background:
    radial-gradient(circle at 12% 18%, var(--card-tint), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0.99), rgba(247,250,255,0.97));
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.86);
}

.home-landing .home-tab--spotlight{
  grid-column: span 6 !important;
  min-height: 188px;
  padding: 24px 24px 22px;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 8px 20px;
  border-color: color-mix(in srgb, var(--card-accent) 26%, #e2e8f0);
  background:
    radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--card-accent) 16%, transparent), transparent 34%),
    linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 8%, #ffffff), #ffffff 52%, color-mix(in srgb, var(--card-accent) 7%, #f8fafc));
  box-shadow:
    0 26px 64px color-mix(in srgb, var(--card-accent) 15%, rgba(15, 23, 42, 0.1)),
    inset 0 1px 0 rgba(255,255,255,0.9);
}

.home-landing .home-tab--wide{
  grid-column: span 1 !important;
  min-height: 116px;
  padding: 16px 46px 16px 16px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  border-radius: 16px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background:
    radial-gradient(circle at 14% 20%, var(--card-tint), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,250,252,0.97));
  box-shadow:
    0 14px 34px rgba(15, 23, 42, 0.07),
    inset 0 1px 0 rgba(255,255,255,0.84);
}

.home-landing .home-tab--quick .home-tab__icon,
.home-landing .home-tab--wide .home-tab__icon{
  grid-column: 1;
  grid-row: 1 / 4;
  width: 58px;
  height: 58px;
  border-radius: 18px;
}

.home-landing .home-tab--spotlight .home-tab__icon{
  width: 82px;
  height: 82px;
  border-radius: 24px;
  box-shadow:
    0 18px 34px color-mix(in srgb, var(--card-accent) 12%, rgba(15, 23, 42, 0.1)),
    inset 0 1px 0 rgba(255,255,255,0.9);
}

.home-landing .home-tab--wide .home-tab__icon{
  width: 52px;
  height: 52px;
  border-radius: 16px;
}

.home-landing .home-tab--quick .home-tab__icon svg,
.home-landing .home-tab--wide .home-tab__icon svg{
  width: 26px;
  height: 26px;
}

.home-landing .home-tab--spotlight .home-tab__icon svg{
  width: 38px;
  height: 38px;
}

.home-landing .home-tab--quick .home-tab__title,
.home-landing .home-tab--quick .home-tab__meta,
.home-landing .home-tab--quick .home-tab__cta-text,
.home-landing .home-tab--wide .home-tab__title,
.home-landing .home-tab--wide .home-tab__meta{
  grid-column: 2;
  min-width: 0;
}

.home-landing .home-tab--quick .home-tab__title{
  font-size: 22px;
  line-height: 1.05;
}

.home-landing .home-tab--spotlight .home-tab__title{
  font-size: 32px;
}

.home-landing .home-tab--wide .home-tab__title{
  margin: 0 0 4px;
  font-size: 19px;
  line-height: 1.08;
}

.home-landing .home-tab--quick .home-tab__meta{
  max-width: 30ch;
  font-size: 13.5px;
  line-height: 1.45;
}

.home-landing .home-tab--spotlight .home-tab__meta{
  max-width: 34ch;
  font-size: 15px;
}

.home-landing .home-tab--wide .home-tab__meta{
  max-width: 28ch;
  font-size: 12px;
  line-height: 1.45;
}

.home-landing .home-tab__cta-text{
  margin-top: 8px;
  padding-right: 38px;
  color: var(--card-accent);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
}

.home-landing .home-tab--spotlight .home-tab__cta-text{
  margin-top: 12px;
  font-size: 13px;
}

.home-landing .home-tab--quick::before,
.home-landing .home-tab--wide::before{
  content: "";
  inset: auto 16px 16px auto;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--card-accent) 88%, #ffffff), var(--card-accent));
  border: 1px solid color-mix(in srgb, var(--card-accent) 42%, #ffffff);
  box-shadow:
    0 12px 24px color-mix(in srgb, var(--card-accent) 20%, transparent),
    inset 0 1px 0 rgba(255,255,255,0.36);
}

.home-landing .home-tab--quick::after,
.home-landing .home-tab--wide::after{
  content: "\2192";
  inset: auto 16px 16px auto;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 18px;
  border-radius: 999px;
  background: transparent;
  transform: none;
}

.home-landing .home-tab--wide::before{
  width: 30px;
  height: 30px;
  inset: 50% 12px auto auto;
  transform: translateY(-50%);
}

.home-landing .home-tab--wide::after{
  width: 30px;
  height: 30px;
  inset: 50% 12px auto auto;
  font-size: 15px;
  transform: translateY(-50%);
}

.home-landing .home-tab--wide:hover::after{
  transform: translateY(-50%) translateX(1px);
}

.home-landing .home-tab--practice{
  --card-accent: #c99424;
  --card-tint: rgba(201, 148, 36, 0.12);
}

.home-landing .home-tab--mock{
  --card-accent: #5138c5;
  --card-tint: rgba(81, 56, 197, 0.11);
}

.home-landing .home-tab--dashboard{
  --card-accent: #128748;
  --card-tint: rgba(18, 135, 72, 0.1);
}

.home-landing .home-tab-grid--resources .home-tab{
  min-width: 0;
}

@media (max-width: 1180px){
  .home-landing .home-tab-grid.home-tab-grid--quick{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .home-landing .home-tab--spotlight{
    grid-column: span 6 !important;
  }

  .home-landing .home-tab--quick{
    grid-column: span 2 !important;
  }

  .home-landing .home-tab-grid.home-tab-grid--resources{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px){
  .home-landing .home-resource-panel{
    gap: 16px;
  }

  .home-landing .home-tab-grid.home-tab-grid--quick,
  .home-landing .home-tab-grid.home-tab-grid--resources{
    grid-template-columns: 1fr !important;
  }

  .home-landing .home-tab--quick,
  .home-landing .home-tab--spotlight,
  .home-landing .home-tab--wide{
    grid-column: auto !important;
  }

  .home-landing .home-tab--quick,
  .home-landing .home-tab--spotlight{
    min-height: 150px;
    padding: 18px;
    grid-template-columns: 62px minmax(0, 1fr);
  }

  .home-landing .home-tab--spotlight .home-tab__icon,
  .home-landing .home-tab--quick .home-tab__icon{
    width: 62px;
    height: 62px;
    border-radius: 20px;
  }

  .home-landing .home-tab--quick .home-tab__title,
  .home-landing .home-tab--spotlight .home-tab__title{
    font-size: 24px;
  }

  .home-landing .home-tab--wide{
    min-height: 104px;
  }
}


.home-landing{
  --home-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --landing-ink: #071225;
  --landing-muted: #475569;
  --landing-line: rgba(15, 23, 42, 0.1);
  /* --landing-blue: #0b5dd7; */
  --landing-blue: #0c3378;  
  --landing-gold: #c7922b;
  --landing-green: #128748;
  --landing-violet: #6734ba;
  --landing-cyan: #087da3;
  --landing-orange: #e45c14;
  --landing-red: #cf2525;
  background:
    linear-gradient(180deg, #071225 0, #071225 350px, #f7f9fc 350px, #fbfcff 100%);
  color: var(--landing-ink);
}

.home-landing .header{
  background: linear-gradient(180deg, rgba(3, 10, 24, 0.98), rgba(7, 18, 37, 0.96));
  border-bottom: 1px solid rgba(226, 232, 240, 0.14);
  box-shadow: 0 18px 44px rgba(2, 8, 23, 0.24);
}

.home-landing .home-nav{
  min-height: 72px;
}

.home-landing nav a{
  color: rgba(248, 250, 252, 0.88);
}

.home-landing nav a:hover,
.home-landing nav a[aria-current="page"]{
  color: #ffffff;
}

.home-landing nav a[aria-current="page"]::after{
  background: #e5b84d;
}

.home-landing .home-nav__cta{
  background: linear-gradient(145deg, #e9c983, #bf8a32);
  border-color: rgba(255, 255, 255, 0.18);
  color: #091426;
  box-shadow: 0 16px 32px rgba(191, 138, 50, 0.2);
}

.home-landing .home-nav__cta-icon{
  background: #091426;
  color: #fff8e9;
  border-radius: 12px;
}

.home-landing .hero{
  padding: 8px 0 58px;
  background: transparent;
}

.home-landing .hero > .container{
  width: min(1440px, calc(100% - 48px));
  max-width: none;
}

.home-landing .hero::after{
  content: none;
}

.home-landing .home-hero{
  display: grid;
  gap: 20px;
}

.home-landing .home-hero__stage{
  position: relative;
  width: 100%;
  margin-left: 0;
  transform: none;
  min-height: 370px;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.22);
  border-radius: 18px;
  background: #08152b;
  box-shadow:
    0 30px 80px rgba(2, 8, 23, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.home-landing .home-hero__image{
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 58% center;
}

.home-landing .home-hero__shade{
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(3, 10, 24, 0.92) 0%, rgba(5, 14, 30, 0.76) 34%, rgba(5, 14, 30, 0.24) 66%, rgba(3, 10, 24, 0.12) 100%),
    linear-gradient(180deg, rgba(2, 8, 23, 0.16), rgba(2, 8, 23, 0.2));
}

.home-landing .home-hero__headline{
  position: relative;
  z-index: 3;
  box-sizing: border-box;
  min-height: 370px;
  max-width: 760px;
  padding: 48px 54px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  gap: 22px;
}

.home-landing .home-hero__eyebrow{
  margin: 0;
  padding: 10px 16px;
  border: 1px solid rgba(226, 232, 240, 0.18);
  border-radius: 12px;
  background: rgba(2, 8, 23, 0.22);
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.home-landing .home-hero h1{
  margin: 0;
  max-width: 720px;
  color: #ffffff;
  font-family: var(--home-display);
  font-size: 64px;
  line-height: 0.96;
  letter-spacing: 0;
  font-weight: 700;
  text-align: left;
  text-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
}

.home-landing .home-hero h1 span{
  display: block;
  color: #ffb107;
}

.home-landing .home-hero__copy{
  max-width: 520px;
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: 18px;
  line-height: 1.6;
  text-align: left;
}

.home-landing .home-tab-grid,
.home-landing .home-tab-grid.is-session-active{
  width: min(1140px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
}

.home-landing .home-tab{
  --card-accent: var(--landing-blue);
  --card-tint: rgba(11, 93, 215, 0.08);
  position: relative;
  grid-column: span 4;
  min-height: 148px;
  padding: 18px 18px 16px;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: center;
  align-content: center;
  justify-items: start;
  gap: 16px;
  overflow: hidden;
  border: 1px solid var(--landing-line);
  border-radius: 18px;
  background:
    radial-gradient(circle at 18% 24%, var(--card-tint), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
  color: var(--landing-ink);
  text-decoration: none;
  text-align: left;
  box-shadow:
    0 16px 42px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.78);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.home-landing .home-tab::before{
  content: "";
  position: absolute;
  inset: auto 18px 18px auto;
  right: 18px;
  bottom: 18px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--card-accent) 88%, #ffffff), var(--card-accent));
  border: 1px solid color-mix(in srgb, var(--card-accent) 42%, #ffffff);
  box-shadow:
    0 12px 24px color-mix(in srgb, var(--card-accent) 22%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.36);
  opacity: 1;
}

.home-landing .home-tab::after{
  content: "\2192";
  position: absolute;
  inset: auto 18px 18px auto;
  right: 18px;
  bottom: 18px;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #ffffff;
  font-size: 19px;
  font-weight: 900;
  line-height: 1;
  box-shadow: none;
}

.home-landing .home-tab:hover{
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--card-accent) 24%, #dbe3ed);
  box-shadow:
    0 24px 54px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.home-landing .home-tab__icon{
  grid-column: 1;
  grid-row: 1 / 4;
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--card-accent) 10%, #ffffff), #ffffff);
  border: 1px solid color-mix(in srgb, var(--card-accent) 12%, #e2e8f0);
  color: var(--card-accent);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.home-landing .home-tab__icon svg{
  width: 30px;
  height: 30px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.home-landing .home-tab__icon i{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
  font-size: 30px;
  line-height: 1;
}

.home-landing .home-tab__eyebrow{
  grid-column: 2;
  align-self: end;
  margin: 0 34px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--card-accent);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.home-landing .home-tab__title{
  grid-column: 2;
  margin: 0;
  color: #08142a;
  font-family: var(--home-display);
  font-size: 24px;
  line-height: 1.02;
  letter-spacing: 0;
  font-weight: 700;
}

.home-landing .home-tab:not(.home-tab--primary) .home-tab__title,
.home-landing .home-tab--dashboard .home-tab__title{
  font-size: 24px;
}

.home-landing .home-tab__meta{
  grid-column: 2;
  max-width: 28ch;
  margin: 0;
  color: var(--landing-muted);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
}

.home-landing .home-tab--dashboard,
.home-landing .home-tab-grid.is-session-active .home-tab--dashboard{
  grid-column: span 4;
  min-height: 166px;
  padding: 22px 22px 20px;
  grid-template-columns: 78px minmax(0, 1fr);
}

.home-landing .home-tab--dashboard .home-tab__title{
  font-size: 29px;
}

.home-landing .home-tab--practice{
  --card-accent: var(--landing-gold);
  --card-tint: rgba(199, 146, 43, 0.12);
}

.home-landing .home-tab--dashboard{
  --card-accent: var(--landing-green);
  --card-tint: rgba(18, 135, 72, 0.1);
}

.home-landing .home-tab--mock{
  --card-accent: var(--landing-violet);
  --card-tint: rgba(103, 52, 186, 0.1);
}

.home-landing .home-tab--current{
  --card-accent: var(--landing-blue);
  --card-tint: rgba(11, 93, 215, 0.08);
}

.home-landing .home-tab--papers{
  --card-accent: var(--landing-violet);
  --card-tint: rgba(103, 52, 186, 0.08);
}

.home-landing .home-tab--career{
  --card-accent: var(--landing-cyan);
  --card-tint: rgba(8, 125, 163, 0.08);
}

.home-landing .home-tab--community{
  --card-accent: var(--landing-orange);
  --card-tint: rgba(228, 92, 20, 0.08);
}

.home-landing .home-tab--syllabus{
  --card-accent: var(--landing-gold);
  --card-tint: rgba(199, 146, 43, 0.1);
}

.home-landing .home-tab--must{
  --card-accent: var(--landing-red);
  --card-tint: rgba(207, 37, 37, 0.08);
}

.home-landing .subjects{
  padding-top: 76px;
}

@media (max-width: 1180px){
  .home-landing .home-tab,
  .home-landing .home-tab-grid.is-session-active .home-tab{
    grid-column: span 4;
  }

  .home-landing .home-tab-grid.is-session-active .home-tab--dashboard{
    grid-column: span 4;
  }
}

@media (max-width: 900px){
  .home-landing{
    background:
      linear-gradient(180deg, #071225 0, #071225 300px, #f7f9fc 300px, #fbfcff 100%);
  }

  .home-landing .hero{
    padding: 18px 0 46px;
  }

  .home-landing .home-hero__stage,
  .home-landing .home-hero__headline{
    min-height: 340px;
  }

  .home-landing .home-hero__headline{
    padding: 38px 34px;
  }

  .home-landing .home-hero h1{
    font-size: 56px;
  }

  .home-landing .home-hero__copy{
    font-size: 17px;
  }

  .home-landing .home-tab,
  .home-landing .home-tab--dashboard,
  .home-landing .home-tab-grid.is-session-active .home-tab,
  .home-landing .home-tab-grid.is-session-active .home-tab--dashboard{
    grid-column: span 6;
  }
}

@media (max-width: 640px){
  .home-landing{
    background:
      linear-gradient(180deg, #071225 0, #071225 240px, #f7f9fc 240px, #fbfcff 100%);
  }

  .home-landing .home-nav{
    min-height: 78px;
  }

  .home-landing .home-hero__stage{
    width: auto;
    margin-left: 0;
    transform: none;
    min-height: 440px;
    border-radius: 18px;
  }

  .home-landing .home-hero__image{
    object-position: 64% center;
  }

  .home-landing .home-hero__shade{
    background:
      linear-gradient(180deg, rgba(3, 10, 24, 0.86) 0%, rgba(5, 14, 30, 0.72) 48%, rgba(5, 14, 30, 0.26) 100%),
      linear-gradient(90deg, rgba(3, 10, 24, 0.78), rgba(3, 10, 24, 0.08));
  }

  .home-landing .home-hero__headline{
    min-height: 440px;
    padding: 28px 24px;
    justify-content: flex-start;
  }

  .home-landing .home-hero__eyebrow{
    font-size: 11px;
    letter-spacing: 0.14em;
    padding: 9px 12px;
  }

  .home-landing .home-hero h1{
    font-size: 42px;
    line-height: 1;
  }

  .home-landing .home-hero__copy{
    font-size: 16px;
  }

  .home-landing .home-tab-grid,
  .home-landing .home-tab-grid.is-session-active{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .home-landing .home-tab,
  .home-landing .home-tab--dashboard,
  .home-landing .home-tab-grid.is-session-active .home-tab,
  .home-landing .home-tab-grid.is-session-active .home-tab--dashboard{
    grid-column: auto;
    min-height: 132px;
    grid-template-columns: 58px minmax(0, 1fr);
    padding: 17px;
  }

  .home-landing .home-tab__icon{
    width: 58px;
    height: 58px;
    border-radius: 18px;
  }

  .home-landing .home-tab__icon svg{
    width: 28px;
    height: 28px;
  }

  .home-landing .home-tab__eyebrow{
    font-size: 10px;
    letter-spacing: 0.12em;
  }

  .home-landing .home-tab__title,
  .home-landing .home-tab:not(.home-tab--primary) .home-tab__title,
  .home-landing .home-tab--dashboard .home-tab__title{
    font-size: 24px;
  }

}

/* Launch correction: direct cards with five Quick Access cards in one row */
.home-landing .home-resource-panel{
  width: 90% !important;
  max-width: none !important;
  gap: 22px !important;
}

.home-landing .home-resource-group{
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.home-landing .home-resource-group__label{
  margin: 0 0 10px !important;
  color: rgba(7, 18, 37, 0.62) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.home-landing .home-tab-grid.home-tab-grid--quick{
  width: 100% !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.home-landing .home-tab-grid.home-tab-grid--resources{
  width: 100% !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.home-landing .home-tab-grid.home-tab-grid--quick .home-tab,
.home-landing .home-tab-grid.home-tab-grid--resources .home-tab{
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  grid-column: auto !important;
  text-align: left !important;
}

.home-landing .home-tab-grid.home-tab-grid--quick .home-tab.home-tab--quick,
.home-landing .home-tab-grid.home-tab-grid--quick .home-tab.home-tab--spotlight{
  grid-column: auto !important;
}

.home-landing .home-tab--quick,
.home-landing .home-tab--spotlight{
  min-height: 184px !important;
  padding: 18px 16px 16px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  align-items: start !important;
  align-content: start !important;
  justify-items: start !important;
  gap: 9px !important;
  border-radius: 18px !important;
  border: 1px solid color-mix(in srgb, var(--card-accent) 17%, rgba(15, 23, 42, 0.1)) !important;
  background:
    radial-gradient(circle at 10% 9%, color-mix(in srgb, var(--card-accent) 16%, transparent), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,0.99), color-mix(in srgb, var(--card-accent) 5%, #f8fafc) 100%) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.home-landing .home-tab--spotlight{
  border-color: color-mix(in srgb, var(--card-accent) 30%, rgba(15, 23, 42, 0.08)) !important;
  background:
    radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--card-accent) 22%, transparent), transparent 34%),
    linear-gradient(145deg, color-mix(in srgb, var(--card-accent) 9%, #ffffff), #ffffff 55%, color-mix(in srgb, var(--card-accent) 8%, #f8fafc)) !important;
  box-shadow:
    0 24px 54px color-mix(in srgb, var(--card-accent) 15%, rgba(15, 23, 42, 0.1)),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.home-landing .home-tab--quick .home-tab__icon,
.home-landing .home-tab--spotlight .home-tab__icon{
  grid-column: 1 !important;
  grid-row: auto !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 17px !important;
}

.home-landing .home-tab--spotlight .home-tab__icon{
  width: 62px !important;
  height: 62px !important;
  border-radius: 20px !important;
  box-shadow:
    0 14px 28px color-mix(in srgb, var(--card-accent) 14%, rgba(15, 23, 42, 0.08)),
    inset 0 1px 0 rgba(255,255,255,0.88) !important;
}

.home-landing .home-tab--quick .home-tab__icon svg,
.home-landing .home-tab--spotlight .home-tab__icon svg{
  width: 27px !important;
  height: 27px !important;
}

.home-landing .home-tab--quick .home-tab__icon i,
.home-landing .home-tab--spotlight .home-tab__icon i{
  font-size: 29px !important;
}

.home-landing .home-tab--spotlight .home-tab__icon svg{
  width: 31px !important;
  height: 31px !important;
}

.home-landing .home-tab--spotlight .home-tab__icon i{
  font-size: 34px !important;
}

.home-landing .home-tab--quick .home-tab__title,
.home-landing .home-tab--spotlight .home-tab__title,
.home-landing .home-tab--quick .home-tab__meta,
.home-landing .home-tab--spotlight .home-tab__meta,
.home-landing .home-tab--quick .home-tab__cta-text,
.home-landing .home-tab--spotlight .home-tab__cta-text{
  grid-column: 1 !important;
  min-width: 0 !important;
}

.home-landing .home-tab--quick .home-tab__title,
.home-landing .home-tab--spotlight .home-tab__title{
  font-size: clamp(18px, 1.55vw, 22px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.01em !important;
}

.home-landing .home-tab--spotlight .home-tab__title{
  font-size: clamp(20px, 1.7vw, 24px) !important;
}

.home-landing .home-tab--quick .home-tab__meta,
.home-landing .home-tab--spotlight .home-tab__meta{
  max-width: none !important;
  font-size: 12.5px !important;
  line-height: 1.42 !important;
  font-weight: 700 !important;
}

.home-landing .home-tab--quick .home-tab__cta-text,
.home-landing .home-tab--spotlight .home-tab__cta-text{
  margin-top: auto !important;
  padding-right: 38px !important;
  color: var(--card-accent) !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

.home-landing .home-tab--quick::before,
.home-landing .home-tab--spotlight::before,
.home-landing .home-tab--wide::before{
  content: none !important;
  inset: auto !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 0 !important;
  transform: none !important;
}

.home-landing .home-tab--quick::after,
.home-landing .home-tab--spotlight::after,
.home-landing .home-tab--wide::after{
  content: "\2192" !important;
  inset: auto 17px 17px auto !important;
  width: 24px !important;
  height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--card-accent) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: 0 10px 18px color-mix(in srgb, var(--card-accent) 28%, transparent) !important;
  transform: none !important;
}

.home-landing .home-tab--quick:hover::before,
.home-landing .home-tab--spotlight:hover::before,
.home-landing .home-tab--wide:hover::before{
  width: 0 !important;
  opacity: 0 !important;
}

.home-landing .home-tab--quick:hover::after,
.home-landing .home-tab--spotlight:hover::after,
.home-landing .home-tab--wide:hover::after{
  transform: translateX(3px) !important;
}

.home-landing .home-tab--wide{
  min-height: 132px !important;
  padding: 16px 46px 16px 16px !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  border-radius: 16px !important;
}

.home-landing .home-tab--wide::before{
  inset: auto 38px 23px auto !important;
  transform: none !important;
}

.home-landing .home-tab--wide::after{
  inset: auto 14px 13px auto !important;
  font-size: 21px !important;
  transform: none !important;
}

.home-landing .home-tab--wide:hover::before{
  transform: none !important;
}

.home-landing .home-tab--wide:hover::after{
  transform: translateX(3px) !important;
}

.home-landing .home-tab--wide .home-tab__title{
  font-size: 19px !important;
}

.home-landing .home-tab--wide .home-tab__icon i{
  font-size: 27px !important;
}

.home-landing .home-tab--wide .home-tab__meta{
  font-size: 12px !important;
}

@media (max-width: 980px){
  .home-landing .home-tab-grid.home-tab-grid--quick,
  .home-landing .home-tab-grid.home-tab-grid--resources{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px){
  .home-landing .home-resource-panel{
    gap: 16px !important;
  }

  .home-landing .home-tab-grid.home-tab-grid--quick,
  .home-landing .home-tab-grid.home-tab-grid--resources{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .home-landing .home-tab--quick,
  .home-landing .home-tab--spotlight{
    min-height: 150px !important;
    grid-template-columns: 62px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    align-items: center !important;
    gap: 8px 14px !important;
  }

  .home-landing .home-tab--quick .home-tab__icon,
  .home-landing .home-tab--spotlight .home-tab__icon{
    grid-row: 1 / 4 !important;
    width: 62px !important;
    height: 62px !important;
  }

  .home-landing .home-tab--quick .home-tab__title,
  .home-landing .home-tab--spotlight .home-tab__title,
  .home-landing .home-tab--quick .home-tab__meta,
  .home-landing .home-tab--spotlight .home-tab__meta,
  .home-landing .home-tab--quick .home-tab__cta-text,
  .home-landing .home-tab--spotlight .home-tab__cta-text{
    grid-column: 2 !important;
  }
}


.home-landing .hero{
  padding-bottom: 50px !important;
}

.home-landing .home-hero{
  gap: 18px !important;
}

.home-landing .home-hero__stage,
.home-landing .home-hero__headline{
  min-height: clamp(330px, 27vw, 390px) !important;
}

.home-landing .home-hero__headline{
  padding: clamp(34px, 3.4vw, 52px) clamp(30px, 4vw, 58px) !important;
  gap: 20px !important;
}

.home-landing .home-hero h1{
  font-size: clamp(52px, 4.75vw, 66px) !important;
}

.home-landing .home-hero__copy{
  max-width: 560px !important;
  font-weight: 600 !important;
}

.home-landing .home-tab,
.home-landing .home-nav__cta{
  -webkit-tap-highlight-color: transparent;
}

.home-landing .home-tab:focus-visible,
.home-landing .home-nav__cta:focus-visible,
.home-landing nav a:focus-visible,
.home-landing .nav-toggle:focus-visible{
  outline: 3px solid rgba(229, 184, 77, 0.72) !important;
  outline-offset: 4px !important;
}

.home-landing .home-tab--quick .home-tab__cta-text,
.home-landing .home-tab--spotlight .home-tab__cta-text{
  font-size: 15px !important;
  letter-spacing: 0.01em !important;
}

.home-landing .home-tab--practice .home-tab__cta-text,
.home-landing .home-tab--mock .home-tab__cta-text{
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-decoration-color: color-mix(in srgb, var(--card-accent) 38%, transparent);
  text-underline-offset: 5px;
}

.home-landing .home-tab--practice,
.home-landing .home-tab--mock{
  --card-accent: var(--landing-gold) !important;
  --card-tint: rgba(199, 146, 43, 0.13) !important;
  border-color: rgba(217, 140, 16) !important;
  background:
    radial-gradient(circle at 18% 24%, rgba(199, 146, 43, 0.16), transparent 38%),
    radial-gradient(circle at 92% 100%, rgba(229, 184, 77, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(255, 249, 237, 0.97)) !important;
  box-shadow:
    0 18px 44px rgba(120, 78, 20, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.home-landing .home-tab--dashboard,
.home-landing .home-tab--papers,
.home-landing .home-tab--current,
.home-landing .home-tab--syllabus,
.home-landing .home-tab--career,
.home-landing .home-tab--community,
.home-landing .home-tab--must{
  --card-accent: var(--landing-blue) !important;
  --card-tint: rgba(7, 18, 37, 0.055) !important;
  border-color: rgba(7, 18, 37, 0.1) !important;
  background:
    radial-gradient(circle at 18% 24%, rgba(7, 18, 37, 0.045), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.97)) !important;
  box-shadow:
    0 16px 40px rgba(15, 23, 42, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

@media (max-width: 980px){
  .home-landing .hero > .container{
    width: min(100% - 32px, 1440px) !important;
  }

  .home-landing .home-resource-panel{
    width: 100% !important;
  }
}

@media (max-width: 640px){
  .home-landing{
    background:
      linear-gradient(180deg, #071225 0, #071225 220px, #f7f9fc 220px, #fbfcff 100%) !important;
  }

  .home-landing .hero{
    padding: 12px 0 36px !important;
  }

  .home-landing .hero > .container{
    width: calc(100% - 24px) !important;
  }

  .home-landing .home-hero{
    gap: 16px !important;
  }

  .home-landing .home-hero__stage,
  .home-landing .home-hero__headline{
    min-height: 360px !important;
  }

  .home-landing .home-hero__stage{
    border-radius: 16px !important;
  }

  .home-landing .home-hero__image{
    object-position: 78% 48% !important;
    opacity: 0.82 !important;
  }

  .home-landing .home-hero__shade{
    background:
      radial-gradient(circle at 78% 18%, rgba(148, 163, 184, 0.24), transparent 34%),
      linear-gradient(90deg, rgba(3, 10, 24, 0.92) 0%, rgba(5, 14, 30, 0.7) 50%, rgba(5, 14, 30, 0.34) 100%),
      linear-gradient(180deg, rgba(2, 8, 23, 0.18), rgba(2, 8, 23, 0.42)) !important;
  }

  .home-landing .home-hero__headline{
    padding: 24px 20px 26px !important;
    justify-content: center !important;
    gap: 16px !important;
  }

  .home-landing .home-hero__eyebrow{
    max-width: 100% !important;
    font-size: 10.5px !important;
    letter-spacing: 0.12em !important;
  }

  .home-landing .home-hero h1{
    font-size: clamp(38px, 12vw, 48px) !important;
  }

  .home-landing .home-hero__copy{
    max-width: 30ch !important;
    font-size: 15.5px !important;
    line-height: 1.55 !important;
  }

  .home-landing .home-tab--quick,
  .home-landing .home-tab--spotlight{
    min-height: 136px !important;
    padding: 16px 42px 16px 16px !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    grid-template-rows: auto auto minmax(34px, 1fr) !important;
    align-content: stretch !important;
    gap: 7px 14px !important;
  }

  .home-landing .home-tab--quick .home-tab__icon,
  .home-landing .home-tab--spotlight .home-tab__icon{
    width: 58px !important;
    height: 58px !important;
    border-radius: 18px !important;
  }

  .home-landing .home-tab--quick .home-tab__icon i,
  .home-landing .home-tab--spotlight .home-tab__icon i{
    font-size: 29px !important;
  }

  .home-landing .home-tab--quick .home-tab__title,
  .home-landing .home-tab--spotlight .home-tab__title{
    font-size: 22px !important;
    line-height: 1.08 !important;
  }

  .home-landing .home-tab--quick .home-tab__meta,
  .home-landing .home-tab--spotlight .home-tab__meta{
    font-size: 12.25px !important;
    line-height: 1.4 !important;
  }

  .home-landing .home-tab--quick .home-tab__cta-text,
  .home-landing .home-tab--spotlight .home-tab__cta-text{
    align-self: end !important;
    min-height: 34px !important;
    margin-top: 0 !important;
    padding-right: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 12.5px !important;
    line-height: 1.2 !important;
  }

  .home-landing .home-tab--wide{
    min-height: 104px !important;
    padding: 14px 42px 14px 14px !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
  }

  .home-landing .home-tab--wide .home-tab__title{
    font-size: 18px !important;
  }

  .home-landing .home-tab--wide .home-tab__meta{
    font-size: 11.75px !important;
    line-height: 1.4 !important;
  }

  .home-landing .home-tab--quick::after,
  .home-landing .home-tab--spotlight::after,
  .home-landing .home-tab--wide::after{
    inset: auto 15px 15px auto !important;
    font-size: 20px !important;
  }

  .home-landing .subjects{
    padding-top: 50px !important;
  }
}

@media (max-width: 380px){
  .home-landing .home-hero h1{
    font-size: 36px !important;
  }

  .home-landing .home-tab--quick,
  .home-landing .home-tab--spotlight{
    grid-template-columns: 54px minmax(0, 1fr) !important;
    padding-right: 38px !important;
  }

  .home-landing .home-tab--quick .home-tab__icon,
  .home-landing .home-tab--spotlight .home-tab__icon{
    width: 54px !important;
    height: 54px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .home-landing .home-tab,
  .home-landing .home-nav__cta,
  .home-landing .home-nav__cta-icon{
    transition: none !important;
  }

  .home-landing .home-tab:hover{
    transform: none !important;
  }
}

/* Production lower-page polish: premium continuity below the hero */
.home-landing .subjects,
.home-landing .how,
.home-landing .feedback,
.home-landing .home-story,
.home-landing .home-mission{
  position: relative;
  padding: clamp(38px, 7vw, 2px) 0 !important;
}

.home-landing .subjects{
  padding-top: clamp(2px, 7vw, 8px) !important;
}

.home-landing .how,
.home-landing .home-mission{
  background:
    radial-gradient(circle at 8% 0%, rgba(201, 148, 36, 0.08), transparent 30%),
    linear-gradient(180deg, rgba(248, 250, 252, 0), rgba(238, 243, 249, 0.72));
}

.home-landing .home-section-intro{
  margin-bottom: clamp(28px, 4vw, 42px) !important;
}

.home-landing .home-section-intro__eyebrow{
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  color: #0d3f91 !important;
  font-size: 16px !important;
  letter-spacing: 0.16em !important;
}

.home-landing .home-section-intro__eyebrow::before{
  content: "";
  width: 38px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #c99424, rgba(201, 148, 36, 0.12));
}

.home-landing .section-title{
  max-width: 940px;
  color: #071225 !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1 !important;
}

.home-landing .home-subject-grid{
  gap: 18px !important;
}

.home-landing .subject-card{
  --subject-accent: #0b5dd7;
  --subject-navy: #071225;
  position: relative;
  min-height: 178px !important;
  padding: 24px 58px 24px 24px !important;
  overflow: hidden;
  isolation: isolate;
  border-radius: 24px !important;
  border: 1px solid color-mix(in srgb, var(--subject-accent) 16%, rgba(15, 23, 42, 0.1)) !important;
  background:
    radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--subject-accent) 13%, transparent), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,0.99), color-mix(in srgb, var(--subject-accent) 4%, #f8fafc)) !important;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease;
}

.home-landing .subject-card:nth-child(1){ --subject-accent: #0b5dd7; }
.home-landing .subject-card:nth-child(2){ --subject-accent: #c99424; }
.home-landing .subject-card:nth-child(3){ --subject-accent: #128748; }
.home-landing .subject-card:nth-child(4){ --subject-accent: #6734ba; }

.home-landing .subject-card::before{
  content: "";
  position: absolute;
  width: 150px !important;
  height: 150px !important;
  inset: auto -46px -56px auto !important;
  opacity: 0.72;
  background:
    radial-gradient(circle, color-mix(in srgb, var(--subject-accent) 19%, transparent), transparent 68%) !important;
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.home-landing .subject-card::after{
  content: "\2192";
  position: absolute;
  right: 24px;
  bottom: 22px;
  color: var(--subject-accent);
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  text-shadow: 0 10px 18px color-mix(in srgb, var(--subject-accent) 24%, transparent);
  transition: transform 0.18s ease, color 0.18s ease, text-shadow 0.18s ease;
}

.home-landing .subject-card:hover,
.home-landing .subject-card:focus-visible{
  transform: translateY(-7px);
  border-color: rgba(7, 18, 37, 0.34) !important;
  background:
    radial-gradient(circle at 12% 14%, rgba(216, 173, 88, 0.17), transparent 30%),
    linear-gradient(145deg, #ffffff 0%, #f9fbff 48%, rgba(241, 245, 249, 0.98) 100%) !important;
  box-shadow:
    0 30px 70px rgba(7, 18, 37, 0.18),
    0 0 0 1px rgba(216, 173, 88, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

.home-landing .subject-card:hover::before,
.home-landing .subject-card:focus-visible::before{
  opacity: 1;
  transform: scale(1.18) translate(-8px, -8px);
}

.home-landing .subject-card:hover::after,
.home-landing .subject-card:focus-visible::after{
  color: var(--subject-navy);
  transform: translateX(4px);
  text-shadow: 0 12px 20px rgba(7, 18, 37, 0.16);
}

.home-landing .subject-top .icon{
  width: 62px !important;
  height: 62px !important;
  border-radius: 20px !important;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--subject-accent) 11%, #ffffff), #ffffff) !important;
  border: 1px solid color-mix(in srgb, var(--subject-accent) 16%, #e2e8f0) !important;
  color: var(--subject-accent) !important;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--subject-accent) 12%, rgba(15, 23, 42, 0.08)) !important;
  transition:
    transform 0.22s ease,
    color 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}

.home-landing .subject-card:hover .subject-top .icon,
.home-landing .subject-card:focus-visible .subject-top .icon{
  transform: translateY(-3px) scale(1.04);
  color: #fff8ea !important;
  background:
    radial-gradient(circle at 28% 22%, rgba(216, 173, 88, 0.34), transparent 34%),
    linear-gradient(145deg, #071225, #0f223d) !important;
  border-color: rgba(216, 173, 88, 0.26) !important;
  box-shadow:
    0 20px 38px rgba(7, 18, 37, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

.home-landing .subject-card h3{
  max-width: 11ch;
  color: #071225 !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  transition: color 0.22s ease, transform 0.22s ease;
}

.home-landing .subject-card:hover h3,
.home-landing .subject-card:focus-visible h3{
  color: #0f223d !important;
  transform: translateX(1px);
}

.home-landing .home-how-grid{
  gap: 18px !important;
  align-items: stretch;
}

.home-landing .how-card{
  position: relative;
  min-height: 244px;
  padding: 28px 28px 30px !important;
  overflow: hidden;
  border-radius: 26px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(11, 93, 215, 0.08), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96)) !important;
  box-shadow:
    0 20px 48px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

.home-landing .how-card::before{
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #c99424, rgba(11, 93, 215, 0.14), transparent);
}

.home-landing .how-step{
  width: 54px !important;
  height: 54px !important;
  border-radius: 18px !important;
  background: #071225 !important;
  color: #f6ca6b !important;
  border: 1px solid rgba(246, 202, 107, 0.22) !important;
  box-shadow: 0 16px 34px rgba(7, 18, 37, 0.18);
}

.home-landing .how-card h3{
  margin-top: 18px !important;
  color: #071225 !important;
  font-size: clamp(27px, 2.7vw, 34px) !important;
}

.home-landing .how-card p{
  max-width: 35ch;
  color: #475569 !important;
  font-size: 15px;
  line-height: 1.72 !important;
}

.home-landing .home-story > .container,
.home-landing .home-mission__shell,
.home-landing .feedback > .container{
  border-radius: 32px !important;
}

.home-landing .home-story > .container{
  padding: clamp(28px, 4vw, 48px);
  background:
    radial-gradient(circle at 88% 12%, rgba(201, 148, 36, 0), transparent 30%),
    linear-gradient(145deg, #071225 0%, #0d1f3b 56%, #102744 100%);
  border: 1px solid rgba(226, 232, 240, 0.14);
  box-shadow:
    0 30px 72px rgba(2, 8, 23, 0.2),
    inset 0 1px 0 rgba(255,255,255,0.1);
}

.home-landing .home-story .home-section-intro__eyebrow,
.home-landing .home-story .section-title{
  color: #ffffff !important;
}

.home-landing .home-story .home-section-intro__eyebrow::before{
  background: linear-gradient(90deg, #f6ca6b, rgba(246, 202, 107, 0.12));
}

.home-landing .home-story__lead{
  max-width: 920px !important;
  margin-bottom: 28px !important;
  color: rgba(226, 232, 240, 0.82) !important;
  font-size: clamp(16px, 1.6vw, 19px) !important;
  line-height: 1.78 !important;
}

.home-landing .home-principles{
  gap: 16px !important;
}

.home-landing .home-principle{
  position: relative;
  padding: 24px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(226, 232, 240, 0.14) !important;
  background: rgba(255, 255, 255, 0.075) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
  backdrop-filter: blur(12px);
}

.home-landing .home-principle h3{
  color: #fff7e7 !important;
  font-size: clamp(24px, 2.4vw, 30px) !important;
}

.home-landing .home-principle p{
  color: rgba(226, 232, 240, 0.76) !important;
}

.home-landing .home-mission__shell{
  padding: clamp(28px, 4vw, 48px) !important;
  background:
    radial-gradient(circle at 8% 8%, rgba(201, 148, 36, 0.13), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,250,252,0.98)) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow:
    0 24px 60px rgba(15, 23, 42, 0.09),
    inset 0 1px 0 rgba(255,255,255,0.88) !important;
}

.home-landing .home-mission__grid{
  gap: 16px !important;
}

.home-landing .home-mission__point{
  position: relative;
  padding: 24px 24px 24px 72px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.95), rgba(248,250,252,0.92)) !important;
}

.home-landing .home-mission__point::before{
  position: absolute;
  left: 22px;
  top: 24px;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #071225;
  color: #f6ca6b;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 900;
}

.home-landing .home-mission__point:nth-child(1)::before{ content: "01"; }
.home-landing .home-mission__point:nth-child(2)::before{ content: "02"; }
.home-landing .home-mission__point:nth-child(3)::before{ content: "03"; }

.home-landing .home-mission__point strong{
  color: #071225 !important;
  font-size: clamp(24px, 2.3vw, 30px) !important;
}

.home-landing .home-mission__point span{
  color: #475569 !important;
}

.home-landing .feedback > .container{
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(320px, 1fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: center;
  padding: clamp(28px, 4vw, 46px);
  background:
    radial-gradient(circle at 100% 0%, rgba(11, 93, 215, 0.1), transparent 34%),
    linear-gradient(145deg, #ffffff, #f7f9fc);
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow:
    0 24px 62px rgba(15, 23, 42, 0.09),
    inset 0 1px 0 rgba(255,255,255,0.9);
}

.home-landing .feedback .home-section-intro{
  margin: 0 !important;
  text-align: left !important;
}

.home-landing .feedback .section-title{
  max-width: 12ch;
}

.home-landing .feedback-toast{
  grid-column: 1 / -1;
  margin: 0 !important;
  border-radius: 16px !important;
  border: 1px solid rgba(18, 135, 72, 0.18);
  color: #14532d;
}

.home-landing .feedback-form{
  width: 100%;
  max-width: none !important;
  display: grid;
  gap: 14px;
}

.home-landing .feedback-form input,
.home-landing .feedback-form textarea{
  width: 100%;
  border-radius: 16px !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  background: rgba(255,255,255,0.92) !important;
  color: #071225;
  font-weight: 700;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.9),
    0 12px 28px rgba(15, 23, 42, 0.04) !important;
}

.home-landing .feedback-form input:focus,
.home-landing .feedback-form textarea:focus{
  border-color: rgba(11, 93, 215, 0.38) !important;
  box-shadow:
    0 0 0 4px rgba(11, 93, 215, 0.1),
    inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

.home-landing .feedback-form textarea{
  min-height: 144px;
  resize: vertical;
}

.home-landing .feedback-form button{
  border-radius: 16px !important;
  background: linear-gradient(145deg, #071225, #09182d) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 36px rgba(7, 18, 37, 0.18) !important;
}

.home-landing .home-footer{
  padding-top: 58px !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(11, 93, 215, 0.18), transparent 30%),
    radial-gradient(circle at 92% 18%, rgba(201, 148, 36, 0%), transparent 32%),
    linear-gradient(180deg, #071225 0%, #09182d 100%) !important;
}

.home-landing .home-footer__shell{
  align-items: stretch !important;
}

.home-landing .home-footer__brand,
.home-landing .home-footer__action{
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(226, 232, 240, 0.08);
}

.home-landing .home-footer__links a{
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(226, 232, 240, 0.08);
}

.home-landing .home-footer__button{
  background: linear-gradient(145deg, #f0cf86, #c08b35) !important;
  color: #071225 !important;
  box-shadow: 0 16px 34px rgba(201, 148, 36, 0.2);
}

@media (max-width: 1100px){
  .home-landing .feedback > .container{
    grid-template-columns: 1fr;
  }

  .home-landing .feedback .section-title{
    max-width: 760px;
  }
}

@media (max-width: 900px){
  .home-landing .home-principles,
  .home-landing .home-mission__grid{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px){
  .home-landing .subjects,
  .home-landing .how,
  .home-landing .feedback,
  .home-landing .home-story,
  .home-landing .home-mission{
    padding: 46px 0 !important;
  }

  .home-landing .section-title{
    font-size: clamp(30px, 10vw, 40px) !important;
  }

  .home-landing .home-section-intro,
  .home-landing .home-section-intro--left,
  .home-landing .feedback .home-section-intro{
    text-align: left !important;
  }

  .home-landing .home-subject-grid,
  .home-landing .home-how-grid{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .home-landing .subject-card{
    min-height: 138px !important;
    padding: 18px 48px 18px 18px !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
  }

  .home-landing .subject-card h3{
    max-width: none;
    font-size: 26px !important;
  }

  .home-landing .how-card{
    min-height: 0;
    padding: 22px !important;
  }

  .home-landing .home-story > .container,
  .home-landing .home-mission__shell,
  .home-landing .feedback > .container{
    padding: 22px !important;
    border-radius: 24px !important;
  }

  .home-landing .home-principle,
  .home-landing .home-mission__point{
    padding: 20px !important;
  }

  .home-landing .home-mission__point{
    padding-left: 64px !important;
  }

  .home-landing .home-mission__point::before{
    left: 18px;
    top: 21px;
  }

  .home-landing .feedback-form textarea{
    min-height: 132px;
  }

  .home-landing .home-footer__brand{
    align-items: flex-start;
  }

  .home-landing .home-footer__links{
    gap: 8px !important;
  }

  .home-landing .home-footer__links a{
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .home-landing .home-footer__button{
    width: 100%;
  }
}

/* Final CTA polish: feedback submit and footer buttons */
.home-landing .feedback-form button{
  position: relative;
  min-height: 58px;
  padding: 0 58px 0 26px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 22% 18%, rgba(216, 173, 88, 0.16), transparent 30%),
    linear-gradient(145deg, #071225 0%, #09182d 58%, #0f223d 100%) !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow:
    0 22px 42px rgba(7, 18, 37, 0.24),
    0 0 0 1px rgba(216, 173, 88, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.12) !important;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    filter 0.18s ease;
}

.home-landing .feedback-form button::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 -42%;
  width: 38%;
  background: linear-gradient(90deg, transparent, rgba(216, 173, 88, 0.20), transparent);
  transform: skewX(-18deg);
  transition: left 0.42s ease;
}

.home-landing .feedback-form button::after{
  content: "\2192";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(216, 173, 88, 0.18);
  color: #fff8ea;
  font-size: 19px;
  line-height: 1;
  transform: translateY(-50%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18);
  transition: transform 0.18s ease, background 0.18s ease;
}

.home-landing .feedback-form button:hover{
  transform: translateY(-2px);
  border-color: rgba(216, 173, 88, 0.34) !important;
  filter: none;
  box-shadow:
    0 28px 54px rgba(7, 18, 37, 0.30),
    0 0 0 1px rgba(216, 173, 88, 0.14),
    inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

.home-landing .feedback-form button:hover::before{
  left: 112%;
}

.home-landing .feedback-form button:hover::after{
  transform: translateY(-50%) translateX(2px);
  background: rgba(216, 173, 88, 0.26);
}

.home-landing .feedback-form button:active{
  transform: translateY(0);
}

.home-landing .feedback-form button:disabled{
  cursor: wait;
  opacity: 0.82;
  filter: grayscale(0.1);
  transform: none;
}

.home-landing .home-footer__links{
  align-content: center;
}

.home-landing .home-footer__links a{
  position: relative;
  min-height: 42px;
  padding: 11px 38px 11px 15px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: rgba(248, 250, 252, 0.86) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.095), rgba(255,255,255,0.035)) !important;
  border: 1px solid rgba(226, 232, 240, 0.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 12px 26px rgba(2, 8, 23, 0.14);
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease,
    color 0.18s ease;
}

.home-landing .home-footer__links a::after{
  content: "\2192";
  position: absolute;
  right: 14px;
  top: 50%;
  color: #f6ca6b;
  font-size: 16px;
  font-weight: 900;
  transform: translateY(-50%);
  transition: transform 0.18s ease;
}

.home-landing .home-footer__links a:hover{
  color: #ffffff !important;
  transform: translateY(-2px);
  border-color: rgba(246, 202, 107, 0.28) !important;
  background:
    linear-gradient(145deg, rgba(246, 202, 107, 0.14), rgba(255,255,255,0.05)) !important;
}

.home-landing .home-footer__links a:hover::after{
  transform: translateY(-50%) translateX(3px);
}

.home-landing .home-footer__button{
  position: relative;
  min-height: 54px;
  padding: 0 58px 0 24px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  background:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,0.36), transparent 26%),
    linear-gradient(145deg, #f4d790 0%, #d49b3b 58%, #b8781e 100%) !important;
  color: #071225 !important;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 900 !important;
  letter-spacing: 0.02em;
  box-shadow:
    0 22px 44px rgba(201, 148, 36, 0.24),
    inset 0 1px 0 rgba(255,255,255,0.38) !important;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    filter 0.18s ease;
}

.home-landing .home-footer__button::after{
  content: "\2192";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(7, 18, 37, 0.13);
  color: #071225;
  font-size: 18px;
  line-height: 1;
  transform: translateY(-50%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.28);
  transition: transform 0.18s ease, background 0.18s ease;
}

.home-landing .home-footer__button:hover{
  transform: translateY(-2px);
  filter: saturate(1.04);
  box-shadow:
    0 28px 54px rgba(201, 148, 36, 0.3),
    inset 0 1px 0 rgba(255,255,255,0.42) !important;
}

.home-landing .home-footer__button:hover::after{
  transform: translateY(-50%) translateX(2px);
  background: rgba(7, 18, 37, 0.18);
}

.home-landing .feedback-form button:focus-visible,
.home-landing .home-footer__links a:focus-visible,
.home-landing .home-footer__button:focus-visible{
  outline: 3px solid rgba(246, 202, 107, 0.78) !important;
  outline-offset: 4px !important;
}

@media (max-width: 640px){
  .home-landing .feedback-form button,
  .home-landing .home-footer__button{
    width: 100%;
    min-height: 56px;
  }

  .home-landing .home-footer__links a{
    min-height: 46px;
    padding-right: 42px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .home-landing .feedback-form button,
  .home-landing .feedback-form button::before,
  .home-landing .feedback-form button::after,
  .home-landing .home-footer__links a,
  .home-landing .home-footer__links a::after,
  .home-landing .home-footer__button,
  .home-landing .home-footer__button::after{
    transition: none !important;
  }

  .home-landing .feedback-form button:hover,
  .home-landing .home-footer__links a:hover,
  .home-landing .home-footer__button:hover{
    transform: none !important;
  }
}

/* Feedback typing polish: readable, refined field text */
.home-landing .feedback-form input,
.home-landing .feedback-form textarea{
  font-family: 'Inter', 'Poppins', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.005em;
  color: #0b172a !important;
  caret-color: #0b5dd7;
  text-rendering: optimizeLegibility;
}

.home-landing .feedback-form input{
  min-height: 54px;
}

.home-landing .feedback-form textarea{
  font-size: 16.5px !important;
  line-height: 1.72 !important;
}

.home-landing .feedback-form input::placeholder,
.home-landing .feedback-form textarea::placeholder{
  color: rgba(71, 85, 105, 0.58);
  font-family: 'Inter', 'Poppins', sans-serif;
  font-weight: 600;
  letter-spacing: 0;
}

.home-landing .feedback-form input:focus,
.home-landing .feedback-form textarea:focus{
  color: #071225 !important;
}

@media (max-width: 640px){
  .home-landing .feedback-form input,
  .home-landing .feedback-form textarea{
    font-size: 15.5px !important;
  }

  .home-landing .feedback-form textarea{
    font-size: 16px !important;
  }
}

/* Final top-bar refinement */
.home-landing .home-header{
  backdrop-filter: blur(14px);
}

.home-landing .home-nav{
  gap: 18px;
}

.home-landing #primaryNav{
  gap: clamp(28px, 3.2vw, 48px);
  align-items: center;
}

.home-landing #primaryNav > a{
  margin-left: 0 !important;
}

.home-landing #primaryNav > a:not(.home-nav__cta):not(.btn--ghost){
  position: relative;
  min-height: auto;
  padding: 11px 2px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  border: 0;
  border-radius: 0 !important;
  background: transparent;
  color: rgba(248, 250, 252, 0.88) !important;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: clamp(16.5px, 1.08vw, 18px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.018em;
  box-shadow: none;
  transition: color 0.18s ease, opacity 0.18s ease;
}

.home-landing #primaryNav > a:not(.home-nav__cta):not(.btn--ghost)::before{
  content: none;
}

.home-landing #primaryNav > a:not(.home-nav__cta):not(.btn--ghost)::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -7px;
  height: 2.5px;
  border-radius: 999px;
  background: #e3b94d !important;
  box-shadow: 0 5px 14px rgba(227, 185, 77, 0.36);
  opacity: 0;
  transform: scaleX(0.72);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.home-landing #primaryNav > a:not(.home-nav__cta):not(.btn--ghost):hover,
.home-landing #primaryNav > a:not(.home-nav__cta):not(.btn--ghost)[aria-current="page"]{
  transform: none;
  color: #fff8ea !important;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.home-landing #primaryNav > a:not(.home-nav__cta):not(.btn--ghost):hover::after,
.home-landing #primaryNav > a:not(.home-nav__cta):not(.btn--ghost)[aria-current="page"]::after{
  opacity: 1;
  transform: scaleX(1);
}

.home-landing .home-nav__cta{
  position: relative;
  min-height: 46px;
  padding: 0 12px 0 20px !important;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  overflow: visible;
  border-radius: 13px !important;
  border: 1px solid rgba(232, 198, 131, 0.42) !important;
  background: rgba(221, 178, 93, 0.94) !important;
  color: #071225 !important;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  box-shadow: none !important;
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.home-landing .home-nav__cta::before{
  content: none;
}

.home-landing .home-nav__cta-copy,
.home-landing .home-nav__cta-label,
.home-landing .home-nav__cta-icon{
  position: relative;
  z-index: 1;
}

.home-landing .home-nav__cta-label{
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
}

.home-landing .home-nav__cta-icon{
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px !important;
  background: rgba(7, 18, 37, 0.90) !important;
  color: #fff8ea !important;
  box-shadow: none;
  transition: transform 0.18s ease, background 0.18s ease;
}

.home-landing .home-nav__cta:hover{
  transform: translateY(-1px);
  filter: none;
  background: #e5bd70 !important;
  border-color: rgba(245, 215, 158, 0.58) !important;
  box-shadow: none !important;
}

.home-landing .home-nav__cta:hover .home-nav__cta-icon{
  transform: translateX(1px);
  background: #071225 !important;
}

.home-landing #headerAuthLink.btn--ghost{
  min-height: 48px;
  padding: 0 24px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 16px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  background: rgba(7, 18, 37, 0.24) !important;
  color: rgba(248, 250, 252, 0.94) !important;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: clamp(16.5px, 1.08vw, 18px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
  box-shadow: none;
}

.home-landing #headerAuthLink.btn--ghost:hover{
  transform: none;
  border-color: rgba(216, 173, 88, 0.42) !important;
  background: rgba(255,255,255,0.05) !important;
}

.home-landing .home-nav__logout-icon,
.home-landing .home-nav__logout-label{
  display: inline-flex;
  align-items: center;
}

.home-landing .home-nav__logout-icon{
  color: rgba(248, 250, 252, 0.96);
  font-size: 20px;
  line-height: 1;
}

.home-landing .nav-toggle{
  position: relative;
  border-radius: 999px !important;
  border: 1px solid rgba(226, 232, 240, 0.16) !important;
  background: rgba(255,255,255,0.06) !important;
  box-shadow: none;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.home-landing .nav-toggle:hover,
.home-landing .nav-toggle[aria-expanded="true"]{
  transform: none;
  border-color: rgba(216, 173, 88, 0.34) !important;
  background: rgba(255,255,255,0.09) !important;
}

.home-landing .nav-toggle-bar{
  width: 19px;
  background: #f8fafc !important;
}

@media (max-width: 900px){
  .home-landing #primaryNav{
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    gap: 8px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(226, 232, 240, 0.14) !important;
    background: rgba(7, 18, 37, 0.96) !important;
    box-shadow: 0 18px 38px rgba(2, 8, 23, 0.24) !important;
    backdrop-filter: blur(14px);
  }

  .home-landing #primaryNav > a:not(.home-nav__cta):not(.btn--ghost),
  .home-landing .home-nav__cta,
  .home-landing #headerAuthLink.btn--ghost{
    width: 100%;
    min-height: 50px;
    justify-content: center;
  }

  .home-landing .home-nav__cta{
    margin-left: 0 !important;
  }
}

@media (max-width: 520px){
  .home-landing .home-nav{
    min-height: 72px !important;
  }

  .home-landing .nav-toggle{
    width: 46px;
    height: 46px;
  }
}

@media (prefers-reduced-motion: reduce){
  .home-landing #primaryNav > a,
  .home-landing #primaryNav > a::before,
  .home-landing #primaryNav > a::after,
  .home-landing .home-nav__cta,
  .home-landing .home-nav__cta::before,
  .home-landing .home-nav__cta-icon,
  .home-landing .nav-toggle{
    transition: none !important;
  }

  .home-landing #primaryNav > a:hover,
  .home-landing .home-nav__cta:hover,
  .home-landing #headerAuthLink.btn--ghost:hover,
  .home-landing .nav-toggle:hover{
    transform: none !important;
  }
}

/* Topics page: clean premium topic library */

.topics-page .topic-library-toolbar{
  margin: 0 0 20px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}

.topics-page .topic-library-search{
  min-width: min(300px, 100%);
  flex: 0 1 310px;
  min-height: 42px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 15px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: #ffffff;
  color: #64748b;
  box-shadow:
    0 10px 24px rgba(15, 23, 42, 0.05),
    inset 0 1px 0 rgba(255,255,255,0.9);
}

.topics-page .topic-library-search:focus-within{
  border-color: rgba(0, 15, 39);
  box-shadow:
    0 0 0 3px rgba(11, 93, 215, 0.10),
    0 10px 24px rgba(15, 23, 42, 0.05),
    inset 0 1px 0 rgba(255,255,255,0.9);
}

.topics-page .topic-library-search__icon{
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
}

.topics-page .topic-library-search__icon svg{
  width: 18px;
  height: 18px;
  display: block;
}

.topics-page .topic-library-search__icon path{
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.topics-page .topic-library-search input{
  width: 100%;
  height: 40px;
  padding: 0;
  border: 0;
  outline: 0;
  box-shadow: none;
  border-radius: 0;
  background: transparent;
  color: #071225;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  appearance: none;
  -webkit-appearance: none;
}

.topics-page .topic-library-search input:focus,
.topics-page .topic-library-search input:focus-visible{
  outline: 0;
  box-shadow: none;
  border-radius: 0;
}

.topics-page .topic-library-search input::-webkit-search-decoration,
.topics-page .topic-library-search input::-webkit-search-cancel-button{
  -webkit-appearance: none;
}

.topics-page .topic-library-search input::placeholder{
  color: rgba(71, 85, 105, 0.58);
}

.topics-page .topic-library-filters{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.topics-page .topic-library-filter{
  min-height: 42px;
  padding: 0 17px;
  border-radius: 18px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: #ffffff;
  color: #334155;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04);
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.topics-page .topic-library-filter:hover{
  transform: translateY(-1px);
  border-color: rgba(11, 93, 215, 0.22);
}

.topics-page .topic-library-filter.is-active{
  border-color: rgba(7, 18, 37, 0.88);
  background: linear-gradient(145deg, #071225, #102744);
  color: #fff7e7;
  box-shadow: 0 16px 32px rgba(7, 18, 37, 0.20);
}

.topics-page .topic-library-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.topics-page .topic-library-card{
  --topic-accent: #0b5dd7;
  /* --topic-action-color: #0b3d91; */
  --topic-action-color: #071225;
  position: relative;
  min-height: 168px;
  padding: 16px 16px 16px 0px;
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 14px;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(203, 213, 225, 0.82);
  background:
    linear-gradient(145deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94));
  color: #071225;
  text-decoration: none;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.9);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.topics-page .topic-library-card:nth-child(4n + 1){ --topic-accent: #0b5dd7; }
.topics-page .topic-library-card:nth-child(4n + 2){ --topic-accent: #c99424; }
.topics-page .topic-library-card:nth-child(4n + 3){ --topic-accent: #128748; }
.topics-page .topic-library-card:nth-child(4n + 4){ --topic-accent: #6734ba; }
.topics-page .topic-library-card.is-passage{ --topic-accent: #e45c14; }
.topics-page .topic-library-card.is-pyq{ --topic-accent: #c99424; }

.topics-page .topic-library-card[hidden],
.topics-page .topic-library-empty[hidden]{
  display: none !important;
}

.topics-page .topic-library-card:hover{
  transform: translateY(-4px);
  border-color: rgba(11, 61, 145, 0.46);
  background:
    linear-gradient(145deg, #ffffff, rgba(248,250,252,0.98));
  box-shadow:
    0 26px 58px rgba(15, 23, 42, 0.12),
    0 0 0 1px rgba(11, 61, 145, 0.10),
    0 14px 34px rgba(11, 61, 145, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.95);
}

.topics-page .topic-library-card__media{
  width: 88px;
  min-height: 120px;
  align-self: center;
  justify-self: center;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,0.94), transparent 30%),
    linear-gradient(145deg, color-mix(in srgb, var(--topic-accent) 14%, #ffffff), color-mix(in srgb, var(--topic-accent) 7%, #f8fafc));
  background-size: cover;
  background-position: center;
  border: 1px solid color-mix(in srgb, var(--topic-accent) 12%, #e2e8f0);
  box-shadow: 0 14px 28px color-mix(in srgb, var(--topic-accent) 12%, rgba(15, 23, 42, 0.08));
}

.topics-page .topic-library-card__media--image{
  width: 104px;
  min-height: 126px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.topics-page .topic-library-card__media--image img{
  width: 112px;
  max-width: 126%;
  max-height: 158px;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 18px 18px rgba(15, 23, 42, 0.16));
}

.topics-page .topic-library-card__fallback{
  font-size: 42px;
  line-height: 1;
  filter: drop-shadow(0 12px 18px rgba(15,23,42,0.10));
}

.topics-page .topic-library-card__fallback--text{
  color: var(--topic-accent);
  font-family: 'Poppins', sans-serif;
  font-size: 25px;
  font-weight: 900;
  letter-spacing: -0.05em;
}

.topics-page .topic-library-card__body{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.topics-page .topic-library-card__top{
  min-height: 50px;
  display: flex;
  align-items: flex-start;
}

.topics-page .topic-library-card__top strong{
  color: #071225;
  font-family: 'Cormorant Garamond', serif;
  font-size: 25px;
  line-height: 0.98;
  letter-spacing: -0.025em;
}

.topics-page .topic-library-card__arrow{
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #ffffff;
  border: 1px solid rgba(11, 61, 145, 0.16);
  background: linear-gradient(145deg, #0d4faf, var(--topic-action-color));
  font-weight: 900;
  box-shadow: 0 10px 20px rgba(11, 61, 145, 0.18);
  transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.topics-page .topic-library-card:hover .topic-library-card__arrow{
  transform: translateX(2px);
  background: linear-gradient(145deg, #0a58ca, #082f73);
  box-shadow: 0 12px 24px rgba(11, 61, 145, 0.24);
}

.topics-page .topic-library-card__meta{
  display: grid;
  gap: 6px;
  color: #475569;
  font-size: 12.5px;
  line-height: 1.35;
  font-weight: 800;
}

.topics-page .topic-library-card__meta span{
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.topics-page .topic-library-card__meta span::before{
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--topic-action-color);
  box-shadow: 0 0 0 4px rgba(11, 61, 145, 0.10);
}

.topics-page .topic-library-card__progress{
  --topic-progress-color: #16a34a;
  display: grid;
  gap: 7px;
}

.topics-page .topic-library-card__progress.is-danger{
  --topic-progress-color: #dc2626;
}

.topics-page .topic-library-card__progress.is-warning{
  --topic-progress-color: #f97316;
}

.topics-page .topic-library-card__progress.is-attention{
  --topic-progress-color: #d8a016;
}

.topics-page .topic-library-card__progress.is-success{
  --topic-progress-color: #16a34a;
}

.topics-page .topic-library-card__progress-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
}

.topics-page .topic-library-card__progress-row span:last-child{
  color: var(--topic-progress-color);
  font-size: 10.5px;
  letter-spacing: 0.04em;
}

.topics-page .topic-library-card__progress-track{
  position: relative;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: color-mix(in srgb, var(--topic-progress-color) 13%, #e8eef6);
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
}

.topics-page .topic-library-card__progress-fill{
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--topic-progress, 0%);
  min-width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, color-mix(in srgb, var(--topic-progress-color) 72%, #ffffff), var(--topic-progress-color));
  box-shadow: 0 0 14px color-mix(in srgb, var(--topic-progress-color) 28%, transparent);
}

.topics-page .topic-library-card__footer{
  width: 100%;
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.topics-page .topic-library-card__footer-copy{
  min-width: 0;
  display: grid;
  gap: 3px;
}

.topics-page .topic-library-card__tag{
  color: var(--topic-accent);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.topics-page .topic-library-card__action{
  color: var(--topic-action-color);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.01em;
}

.topics-page .topic-library-empty{
  margin-top: 18px;
  padding: 24px;
  border-radius: 22px;
  border: 1px dashed rgba(15, 23, 42, 0.18);
  background: rgba(255,255,255,0.72);
  color: #475569;
  font-weight: 800;
  text-align: center;
}

.topics-page .subject-library-grid{
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.topics-page .subject-library-card{
  --subject-accent: #0b5dd7;
  min-height: 170px;
  padding: 20px;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 30px;
  align-items: center;
  gap: 14px;
  border-radius: 24px;
  border: 1px solid color-mix(in srgb, var(--subject-accent) 14%, rgba(15, 23, 42, 0.08));
  background:
    radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--subject-accent) 12%, transparent), transparent 36%),
    linear-gradient(145deg, #ffffff, color-mix(in srgb, var(--subject-accent) 5%, #f8fafc));
  color: #071225;
  text-decoration: none;
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.9);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.topics-page .subject-library-card:nth-child(4n + 1){ --subject-accent: #0b5dd7; }
.topics-page .subject-library-card:nth-child(4n + 2){ --subject-accent: #c99424; }
.topics-page .subject-library-card:nth-child(4n + 3){ --subject-accent: #128748; }
.topics-page .subject-library-card:nth-child(4n + 4){ --subject-accent: #6734ba; }

.topics-page .subject-library-card:hover{
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--subject-accent) 26%, rgba(15, 23, 42, 0.08));
  box-shadow: 0 26px 58px rgba(15, 23, 42, 0.12);
}

.topics-page .subject-library-card__icon{
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: color-mix(in srgb, var(--subject-accent) 10%, #ffffff);
  border: 1px solid color-mix(in srgb, var(--subject-accent) 14%, #e2e8f0);
  font-size: 30px;
}

.topics-page .subject-library-card__body{
  display: grid;
  gap: 5px;
}

.topics-page .subject-library-card__body strong{
  color: #071225;
  font-family: 'Cormorant Garamond', serif;
  font-size: 28px;
  line-height: 0.98;
}

.topics-page .subject-library-card__body span{
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

.topics-page .subject-library-card__arrow{
  color: var(--subject-accent);
  font-size: 22px;
  font-weight: 900;
  transition: transform 0.18s ease;
}

.topics-page .subject-library-card:hover .subject-library-card__arrow{
  transform: translateX(3px);
}

@media (max-width: 1180px){
  .topics-page .topic-library-grid,
  .topics-page .subject-library-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px){
  .topics-page .topic-library-toolbar{
    align-items: center;
    flex-direction: row;
  }

  .topics-page .topic-library-search{
    flex: 1 1 260px;
  }

  .topics-page .topic-library-filters{
    justify-content: flex-start;
  }

  .topics-page .topic-library-grid,
  .topics-page .subject-library-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px){
  .topics-page .topic-library-filter{
    flex: 1 1 auto;
    padding-inline: 12px;
  }

  .topics-page .topic-library-grid,
  .topics-page .subject-library-grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .topics-page .topic-library-card{
    min-height: 150px;
    grid-template-columns: 92px minmax(0, 1fr);
    padding: 14px;
    gap: 12px;
  }

  .topics-page .topic-library-card__media{
    width: 76px;
    min-height: 112px;
    border-radius: 18px;
  }

  .topics-page .topic-library-card__media--image{
    width: 92px;
    min-height: 112px;
  }

  .topics-page .topic-library-card__media--image img{
    width: 98px;
    max-height: 114px;
  }

  .topics-page .topic-library-card__top strong{
    font-size: 23px;
  }

  .topics-page .topic-library-card__top{
    min-height: 46px;
  }

  .topics-page .topic-library-card__footer{
    align-items: center;
    flex-direction: row;
    gap: 10px;
  }

  .topics-page .subject-library-card{
    min-height: 132px;
    grid-template-columns: 58px minmax(0, 1fr) 24px;
    padding: 17px;
  }

  .topics-page .subject-library-card__icon{
    width: 58px;
    height: 58px;
    border-radius: 18px;
  }
}

@media (prefers-reduced-motion: reduce){
  .topics-page .topic-library-card,
  .topics-page .topic-library-card__arrow,
  .topics-page .topic-library-filter,
  .topics-page .subject-library-card,
  .topics-page .subject-library-card__arrow{
    transition: none !important;
  }

  .topics-page .topic-library-card:hover,
  .topics-page .topic-library-filter:hover,
  .topics-page .subject-library-card:hover{
    transform: none !important;
  }
}


body:not(.home-landing) .header{
  background: linear-gradient(180deg, rgba(3, 10, 24, 0.98), rgba(7, 18, 37, 0.96));
  border-bottom: 1px solid rgba(226, 232, 240, 0.14);
  box-shadow: 0 18px 44px rgba(2, 8, 23, 0.24);
  backdrop-filter: blur(14px);
}

body:not(.home-landing) .nav{
  min-height: 72px;
  gap: 18px;
}

body:not(.home-landing) .logo{
  letter-spacing: 0.02em;
}

body:not(.home-landing) #primaryNav{
  gap: clamp(28px, 3.2vw, 48px);
  align-items: center;
}

body:not(.home-landing) #primaryNav > a{
  margin-left: 0 !important;
}

body:not(.home-landing) #primaryNav > a:not(.btn){
  position: relative;
  min-height: auto;
  padding: 11px 2px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  border: 0;
  border-radius: 0 !important;
  background: transparent;
  color: rgba(248, 250, 252, 0.88) !important;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: clamp(16.5px, 1.08vw, 18px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.018em;
  box-shadow: none;
  transition: color 0.18s ease, opacity 0.18s ease;
}

body:not(.home-landing) #primaryNav > a:not(.btn)::before{
  content: none;
}

body:not(.home-landing) #primaryNav > a:not(.btn)::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -7px;
  height: 2.5px;
  border-radius: 999px;
  background: #e3b94d !important;
  box-shadow: 0 5px 14px rgba(227, 185, 77, 0.36);
  opacity: 0;
  transform: scaleX(0.72);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

body:not(.home-landing) #primaryNav > a:not(.btn):hover,
body:not(.home-landing) #primaryNav > a:not(.btn)[aria-current="page"]{
  transform: none;
  border-color: transparent;
  background: transparent;
  color: #fff8ea !important;
  box-shadow: none;
}

body:not(.home-landing) #primaryNav > a:not(.btn):hover::after,
body:not(.home-landing) #primaryNav > a:not(.btn)[aria-current="page"]::after{
  opacity: 1;
  transform: scaleX(1);
}

body:not(.home-landing) .home-nav__cta{
  position: relative;
  min-height: 46px;
  padding: 0 12px 0 20px !important;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  overflow: visible;
  border-radius: 13px !important;
  border: 1px solid rgba(232, 198, 131, 0.42) !important;
  background: rgba(221, 178, 93, 0.94) !important;
  color: #071225 !important;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  box-shadow: none !important;
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

body:not(.home-landing) .home-nav__cta::before{
  content: none;
}

body:not(.home-landing) .home-nav__cta-copy,
body:not(.home-landing) .home-nav__cta-label,
body:not(.home-landing) .home-nav__cta-icon{
  position: relative;
  z-index: 1;
}

body:not(.home-landing) .home-nav__cta-label{
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
}

body:not(.home-landing) .home-nav__cta-icon{
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px !important;
  background: rgba(7, 18, 37, 0.90) !important;
  color: #fff8ea !important;
  box-shadow: none;
  transition: transform 0.18s ease, background 0.18s ease;
}

body:not(.home-landing) .home-nav__cta:hover{
  transform: translateY(-1px);
  filter: none;
  background: #e5bd70 !important;
  border-color: rgba(245, 215, 158, 0.58) !important;
  box-shadow: none !important;
}

body:not(.home-landing) .home-nav__cta:hover .home-nav__cta-icon{
  transform: translateX(1px);
  background: #071225 !important;
}

body:not(.home-landing) #primaryNav > .btn--ghost{
  min-height: 48px;
  padding: 0 24px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 16px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  background: rgba(7, 18, 37, 0.24) !important;
  color: rgba(248, 250, 252, 0.94) !important;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: clamp(16.5px, 1.08vw, 18px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
  box-shadow: none;
}

body:not(.home-landing) #primaryNav > .btn--ghost:hover{
  transform: none;
  border-color: rgba(216, 173, 88, 0.42) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

body:not(.home-landing) .home-nav__logout-icon,
body:not(.home-landing) .home-nav__logout-label{
  display: inline-flex;
  align-items: center;
}

body:not(.home-landing) .home-nav__logout-icon{
  color: rgba(248, 250, 252, 0.96);
  font-size: 20px;
  line-height: 1;
}

body:not(.home-landing) .nav-toggle{
  position: relative;
  border-radius: 999px !important;
  border: 1px solid rgba(226, 232, 240, 0.16) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: none;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

body:not(.home-landing) .nav-toggle:hover,
body:not(.home-landing) .nav-toggle[aria-expanded="true"]{
  transform: none;
  border-color: rgba(216, 173, 88, 0.34) !important;
  background: rgba(255, 255, 255, 0.09) !important;
}

body:not(.home-landing) .nav-toggle-bar{
  width: 19px;
  background: #f8fafc !important;
}

body:not(.home-landing) .hub-page,
body:not(.home-landing) .current-library-page,
body:not(.home-landing) .community-page{
  background:
    radial-gradient(circle at 50% 0%, rgba(224, 191, 135, 0.11), transparent 28%),
    linear-gradient(180deg, #f6f0e7 0%, #f7f2ea 42%, #fbfaf7 100%);
}

body:not(.home-landing) .hub-page > .container,
body:not(.home-landing) .current-library-page > .container,
body:not(.home-landing) .community-page > .container{
  width: min(92%, 1140px);
}

body:not(.home-landing) .hub-hero:not(.dashboard-hero),
body:not(.home-landing) .mock-hero,
body:not(.home-landing) .instructions-hero,
body:not(.home-landing) .result-hero,
body:not(.home-landing) .review-hero,
body:not(.home-landing) .current-library-hero,
body:not(.home-landing) .community-page__hero{
  border-radius: 28px;
  border: 1px solid rgba(224, 191, 135, 0.22);
  background:
    radial-gradient(circle at 88% 8%, rgba(224, 191, 135, 0.22), transparent 28%),
    radial-gradient(circle at 4% 4%, rgba(74, 144, 226, 0.14), transparent 34%),
    linear-gradient(135deg, #071225 0%, #0a1b34 56%, #081327 100%);
  color: #fff8ee;
  box-shadow:
    0 28px 62px rgba(7, 18, 37, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

body:not(.home-landing) .hub-hero__grid{
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.8fr);
  gap: 28px;
  align-items: end;
}

body:not(.home-landing) .hub-hero__copy,
body:not(.home-landing) .current-library-hero p,
body:not(.home-landing) .community-page__hero p{
  color: rgba(248, 241, 232, 0.82);
}

body:not(.home-landing) .hub-hero__stats{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body:not(.home-landing) .hub-stat{
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(224, 191, 135, 0.16);
}

body:not(.home-landing) .hub-stat__label{
  color: rgba(248, 241, 232, 0.7);
}

body:not(.home-landing) .hub-stat__value{
  color: #fff8ee;
}

body:not(.home-landing) .current-library-shell{
  max-width: 1080px;
}

body:not(.home-landing) .current-library-hero{
  padding: clamp(26px, 3vw, 38px);
}

body:not(.home-landing) .current-library-hero h1{
  font-size: clamp(42px, 5vw, 66px);
}

body:not(.home-landing) .current-library-hero__stats{
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

body:not(.home-landing) .current-library-hero__stats span{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(224, 191, 135, 0.16);
  color: rgba(248, 241, 232, 0.78);
  font-size: 13px;
  font-weight: 800;
}

body:not(.home-landing) .current-library-hero__stats strong{
  color: #fff8ee;
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  line-height: 1;
}

body:not(.home-landing) .current-library-stack{
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
}

body:not(.home-landing) .current-library-card{
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 112px;
  padding: 18px 20px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 0 0, rgba(7, 18, 37, 0.045), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(250, 247, 241, 0.98));
  border: 1px solid rgba(7, 18, 37, 0.1);
}

body:not(.home-landing) .current-library-card::before{
  width: 4px;
  background: linear-gradient(180deg, #d3a54f, #8c642a);
}

body:not(.home-landing) .current-library-card::after{
  content: none;
}

body:not(.home-landing) .current-library-card__icon,
body:not(.home-landing) .current-library-empty__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  color: #0b5dd7;
  background: linear-gradient(145deg, rgba(11, 93, 215, 0.09), rgba(255, 255, 255, 0.96));
  border: 1px solid rgba(11, 93, 215, 0.13);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.07);
}

body:not(.home-landing) .current-library-hero--must + .current-library-section .current-library-card__icon,
body:not(.home-landing) .current-library-hero--must + .current-library-section .current-library-empty__icon,
body:not(.home-landing) .must-know-page .current-library-card__icon,
body:not(.home-landing) .must-know-page .current-library-empty__icon{
  color: #c7922b;
  background: linear-gradient(145deg, rgba(199, 146, 43, 0.12), rgba(255, 255, 255, 0.96));
  border-color: rgba(199, 146, 43, 0.16);
}

body:not(.home-landing) .current-library-card__icon i,
body:not(.home-landing) .current-library-empty__icon i{
  font-size: 28px;
  line-height: 1;
}

body:not(.home-landing) .current-library-card__body{
  min-width: 0;
  display: grid;
  gap: 5px;
}

body:not(.home-landing) .current-library-card .paper-card__eyebrow{
  margin: 0;
  display: inline-flex;
}

body:not(.home-landing) .current-library-card__title{
  color: #08142a;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(25px, 2.8vw, 34px);
  font-weight: 700;
  line-height: 1;
}

body:not(.home-landing) .current-library-card__meta{
  color: rgba(22, 34, 51, 0.65);
  font-size: 13px;
  font-weight: 800;
}

body:not(.home-landing) .current-library-card__action{
  color: #0a1b34;
  font-size: 13px;
  font-weight: 900;
}

body:not(.home-landing) .current-library-empty{
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 34px 24px;
  border-radius: 24px;
}

body:not(.home-landing) .current-library-empty h2{
  margin: 0;
  color: #08142a;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(30px, 4vw, 42px);
  line-height: 1;
}

body:not(.home-landing) .current-library-empty p{
  margin: 0;
  max-width: 48ch;
  color: rgba(22, 34, 51, 0.68);
}

body:not(.home-landing) .previous-papers-page .paper-card,
body:not(.home-landing) .defense-careers-page .paper-card,
body:not(.home-landing) .defense-careers-page .career-decision-card,
body:not(.home-landing) .defense-careers-page .route-card{
  background:
    radial-gradient(circle at 0 0, rgba(7, 18, 37, 0.04), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(250, 247, 241, 0.98));
  border-color: rgba(7, 18, 37, 0.1);
}

body:not(.home-landing) .previous-papers-page .paper-card,
body:not(.home-landing) .defense-careers-page .paper-card{
  display: flex;
  flex-direction: column;
  gap: 14px;
}

body:not(.home-landing) .previous-papers-page .paper-card__actions,
body:not(.home-landing) .defense-careers-page .paper-card__actions{
  margin-top: auto;
}

body:not(.home-landing) .previous-papers-page .paper-card__actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body:not(.home-landing) .previous-papers-page .paper-card__action-buttons{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

body:not(.home-landing) .previous-papers-page .paper-card__cutoff{
  margin-left: auto;
  min-height: 42px;
  max-width: min(100%, 260px);
  padding: 8px 13px 8px 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 14px;
  border: 1px solid rgba(199, 146, 43, 0.24);
  background:
    radial-gradient(circle at 100% 0%, rgba(224, 191, 135, 0.2), transparent 38%),
    linear-gradient(135deg, rgba(255, 250, 241, 0.98), rgba(250, 247, 241, 0.96));
  color: #071225;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

body:not(.home-landing) .previous-papers-page .paper-card__cutoff span{
  color: rgba(7, 18, 37, 0.58);
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  white-space: nowrap;
}

body:not(.home-landing) .previous-papers-page .paper-card__cutoff strong{
  color: #0a1b34;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: 15.5px;
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: -0.025em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
  text-align: right;
}

body:not(.home-landing) .previous-papers-section{
  margin-top: 18px;
}

body:not(.home-landing) .defense-careers-page .career-decision-card span{
  color: #0a1b34;
  background: rgba(224, 191, 135, 0.18);
  border: 1px solid rgba(199, 146, 43, 0.18);
}

body:not(.home-landing) .current-library-page .current-library-hero,
body:not(.home-landing) .community-page .community-page__hero{
  border-color: rgba(224, 191, 135, 0.22);
  background:
    radial-gradient(circle at 88% 8%, rgba(224, 191, 135, 0.22), transparent 28%),
    radial-gradient(circle at 4% 4%, rgba(74, 144, 226, 0.14), transparent 34%),
    linear-gradient(135deg, #071225 0%, #0a1b34 56%, #081327 100%);
  box-shadow:
    0 28px 62px rgba(7, 18, 37, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

body:not(.home-landing) .current-library-page .current-library-card,
body:not(.home-landing) .current-library-page .current-library-empty{
  background:
    radial-gradient(circle at 0 0, rgba(7, 18, 37, 0.045), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(250, 247, 241, 0.98));
  border-color: rgba(7, 18, 37, 0.1);
}

@media (max-width: 760px){
  body:not(.home-landing) .nav{
    min-height: 72px;
  }

  body:not(.home-landing) #primaryNav{
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    gap: 8px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(226, 232, 240, 0.14) !important;
    background: rgba(7, 18, 37, 0.96) !important;
    box-shadow: 0 18px 38px rgba(2, 8, 23, 0.24) !important;
    backdrop-filter: blur(14px);
  }

  body:not(.home-landing) #primaryNav > a:not(.btn),
  body:not(.home-landing) .home-nav__cta,
  body:not(.home-landing) #primaryNav > .btn--ghost{
    width: 100%;
    min-height: 50px;
    justify-content: center;
  }

  body:not(.home-landing) .home-nav__cta{
    margin-left: 0 !important;
  }

  body:not(.home-landing) .hub-hero__grid{
    grid-template-columns: 1fr;
  }

  body:not(.home-landing) .hub-hero__stats{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body:not(.home-landing) .current-library-card{
    grid-template-columns: 52px minmax(0, 1fr);
    padding-right: 18px;
  }

  body:not(.home-landing) .current-library-card__action{
    grid-column: 2;
  }
}

@media (max-width: 520px){
  body:not(.home-landing) .nav-toggle{
    width: 46px;
    height: 46px;
  }

  body:not(.home-landing) .hub-hero:not(.dashboard-hero),
  body:not(.home-landing) .current-library-hero,
  body:not(.home-landing) .community-page__hero{
    border-radius: 22px;
  }

  body:not(.home-landing) .hub-hero__stats{
    grid-template-columns: 1fr;
  }

  body:not(.home-landing) .current-library-hero{
    padding: 24px 20px;
  }

  body:not(.home-landing) .current-library-card{
    min-height: 104px;
    gap: 13px;
  }

}

body:not(.home-landing) .cc-page-heading.cc-page-heading{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 16px 24px;
  /* margin: 0 0 20px; */
  padding: 8px 2px 18px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

body:not(.home-landing) .cc-page-heading.cc-page-heading--compact{
  align-items: center;
}

body:not(.home-landing) .cc-page-heading .cc-page-heading__copy{
  display: grid;
  gap: 10px;
  align-content: start;
}

body:not(.home-landing) .cc-page-heading .cc-page-heading__pill{
  width: fit-content;
  min-height: 32px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(199, 146, 43, 0.22);
  background:
    radial-gradient(circle at 0 0, rgba(224, 191, 135, 0.24), transparent 44%),
    linear-gradient(135deg, rgba(255, 250, 241, 0.98), rgba(250, 247, 241, 0.96));
  color: #9a6b1f;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

body:not(.home-landing) .cc-page-heading.cc-page-heading h1{
  margin: 0;
  color: #071225;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(42px, 5vw, 52px);
  font-weight: 700;
  line-height: 0.999;
  letter-spacing: -0.035em;
}

body:not(.home-landing) .cc-page-heading .cc-page-heading__back.cc-page-heading__back{
  min-height: 46px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 16px;
  border: 1px solid rgba(7, 18, 37, 0.14);
  background:
    radial-gradient(circle at 12% 16%, rgba(224, 191, 135, 0.18), transparent 38%),
    linear-gradient(135deg, #071225, #0b1f3d);
  color: #fff8ea;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 14px 28px rgba(7, 18, 37, 0.14);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

body:not(.home-landing) .cc-page-heading .cc-page-heading__back span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #e8bd62;
  font-size: 17px;
  font-weight: 900;
  line-height: 0;
  transform: translateY(-1px);
  transition: transform 0.18s ease;
}

body:not(.home-landing) .cc-page-heading .cc-page-heading__back strong{
  font: inherit;
}

body:not(.home-landing) .cc-page-heading .cc-page-heading__back:hover{
  transform: translateY(-1px);
  border-color: rgba(199, 146, 43, 0.42);
  box-shadow: 0 18px 34px rgba(7, 18, 37, 0.18);
}

body:not(.home-landing) .cc-page-heading .cc-page-heading__back:hover span{
  transform: translate(-2px, -1px);
}

@media (max-width: 520px){
  body:not(.home-landing) .cc-page-heading.cc-page-heading{
    grid-template-columns: 1fr;
    align-items: start;
    padding: 4px 0 16px;
  }

  body:not(.home-landing) .cc-page-heading.cc-page-heading--compact{
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  body:not(.home-landing) .cc-page-heading.cc-page-heading h1{
    font-size: clamp(36px, 12vw, 46px);
  }

  body:not(.home-landing) .cc-page-heading .cc-page-heading__back.cc-page-heading__back{
    width: fit-content;
  }

  body:not(.home-landing) .cc-page-heading.cc-page-heading--compact .cc-page-heading__back{
    justify-self: end;
  }
}

body:not(.home-landing) .mock-result-page > .container{
  width: min(1240px, calc(100% - 42px));
  max-width: none;
  display: grid;
  gap: 22px;
}

body:not(.home-landing) .mock-result-heading h1{
  max-width: 820px;
}

body:not(.home-landing) .result-overview-card{
  position: relative;
  display: grid;
  grid-template-columns: minmax(230px, 0.56fr) minmax(0, 2fr);
  gap: 12px;
  align-items: stretch;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  color: #071225;
  box-shadow: none;
}

body:not(.home-landing) .result-overview-card::after{
  display: none;
}

body:not(.home-landing) .result-overview-card__score,
body:not(.home-landing) .result-overview-stat{
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(7, 18, 37, 0.08);
  box-shadow: 0 18px 42px rgba(7, 18, 37, 0.08);
}

body:not(.home-landing) .result-overview-card__score{
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 88px;
  padding: 13px 18px;
  border-color: rgba(224, 191, 135, 0.24);
  background:
    radial-gradient(circle at 88% 0%, rgba(224, 191, 135, 0.2), transparent 34%),
    linear-gradient(135deg, #071225 0%, #0b1f3d 62%, #081327 100%);
  color: #fff8ee;
  box-shadow:
    0 22px 52px rgba(7, 18, 37, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

body:not(.home-landing) .result-overview-card__score span,
body:not(.home-landing) .result-overview-stat span,
body:not(.home-landing) .result-card-head__eyebrow{
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
  line-height: 1.1;
  text-transform: uppercase;
}

body:not(.home-landing) .result-overview-card__score span,
body:not(.home-landing) .result-overview-stat span{
  color: #9a6b1f;
}

body:not(.home-landing) .result-overview-card__score strong{
  color: #f6dfb2;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(34px, 4vw, 46px);
  line-height: 0.9;
  letter-spacing: -0.08em;
}

body:not(.home-landing) .result-overview-card__score em{
  color: rgba(255, 248, 238, 0.82);
  font-style: normal;
  font-size: 13px;
  font-weight: 800;
}

body:not(.home-landing) .result-overview-card__stats{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body:not(.home-landing) .result-overview-stat{
  display: grid;
  align-content: center;
  gap: 6px;
  min-height: 88px;
  padding: 12px 14px;
  background:
    radial-gradient(circle at 12% 0%, rgba(224, 191, 135, 0.08), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
}

body:not(.home-landing) .result-overview-stat strong{
  color: #071225;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(16px, 1.45vw, 20px);
  line-height: 1.08;
  letter-spacing: -0.04em;
  overflow-wrap: anywhere;
}

body:not(.home-landing) .mock-result-page .result-grid{
  grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
  gap: 20px;
  margin: 0;
}

body:not(.home-landing) .mock-result-page .result-score-card,
body:not(.home-landing) .mock-result-page .result-panel{
  padding: clamp(20px, 2.4vw, 26px);
  border-radius: 26px;
  border-color: rgba(7, 18, 37, 0.08);
  background:
    radial-gradient(circle at 0 0, rgba(224, 191, 135, 0.07), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.995), rgba(248, 250, 252, 0.98));
  box-shadow: 0 18px 42px rgba(7, 18, 37, 0.075);
}

body:not(.home-landing) .mock-result-page .result-card-head{
  display: grid;
  gap: 7px;
}

body:not(.home-landing) .mock-result-page .result-card-head__eyebrow{
  color: #b47c29;
}

body:not(.home-landing) .mock-result-page .result-card-head h2{
  color: #071225;
  font-size: clamp(28px, 3.2vw, 38px);
  line-height: 1;
}

body:not(.home-landing) .mock-result-page .result-outcome-chips{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

body:not(.home-landing) .mock-result-page .result-outcome-chip{
  min-height: 44px;
  padding: 10px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 900;
  text-align: center;
  border: 1px solid rgba(7, 18, 37, 0.08);
}

body:not(.home-landing) .mock-result-page .result-outcome-chip.is-correct{
  color: #12673e;
  background: linear-gradient(180deg, rgba(219, 250, 229, 0.9), rgba(245, 255, 249, 0.96));
  border-color: rgba(22, 163, 74, 0.18);
}

body:not(.home-landing) .mock-result-page .result-outcome-chip.is-wrong{
  color: #9b2d20;
  background: linear-gradient(180deg, rgba(255, 231, 226, 0.9), rgba(255, 248, 246, 0.96));
  border-color: rgba(220, 38, 38, 0.16);
}

body:not(.home-landing) .mock-result-page .result-outcome-chip.is-skipped{
  color: #8a5c11;
  background: linear-gradient(180deg, rgba(255, 244, 216, 0.92), rgba(255, 251, 242, 0.96));
  border-color: rgba(217, 119, 6, 0.16);
}

body:not(.home-landing) .mock-result-page .result-summary-list{
  margin-top: 16px;
  padding: 0;
  list-style: none;
}

body:not(.home-landing) .mock-result-page .result-summary-list li{
  position: relative;
  padding: 12px 12px 12px 34px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(7, 18, 37, 0.07);
  color: rgba(7, 18, 37, 0.76);
}

body:not(.home-landing) .mock-result-page .result-summary-list li::before{
  content: "";
  position: absolute;
  top: 17px;
  left: 15px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c7922b;
  box-shadow: 0 0 0 4px rgba(199, 146, 43, 0.12);
}

body:not(.home-landing) .mock-result-page .mock-card__actions{
  margin-top: 18px;
  gap: 12px;
}

body:not(.home-landing) .mock-result-page .mock-card__actions .btn{
  min-height: 46px;
  padding-inline: 18px;
  border-radius: 16px;
  font-weight: 900;
}

body:not(.home-landing) .mock-result-page .mock-card__actions .btn--primary{
  border-color: rgba(7, 18, 37, 0.14);
  background:
    radial-gradient(circle at 12% 16%, rgba(224, 191, 135, 0.18), transparent 38%),
    linear-gradient(135deg, #071225, #0b1f3d);
  color: #fff8ea;
  box-shadow: 0 14px 28px rgba(7, 18, 37, 0.14);
}

body:not(.home-landing) .mock-result-page .mock-card__actions .btn--outline{
  border-color: rgba(7, 18, 37, 0.12);
  background: rgba(255, 255, 255, 0.86);
  color: #071225;
}

body:not(.home-landing) .mock-result-page .result-section-list{
  gap: 10px;
  margin-top: 16px;
}

body:not(.home-landing) .mock-result-page .result-section-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 15px 16px;
  border-radius: 18px;
  border-color: rgba(7, 18, 37, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

body:not(.home-landing) .mock-result-page .result-section-row strong{
  color: #071225;
  font-family: 'Cormorant Garamond', serif;
  font-size: 25px;
  line-height: 1;
}

body:not(.home-landing) .mock-result-page .result-panel__copy{
  color: rgba(7, 18, 37, 0.62);
  font-size: 13px;
  line-height: 1.55;
}

body:not(.home-landing) .mock-result-page .section-score{
  min-width: 54px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  color: #fff8ea;
  background: linear-gradient(145deg, #071225, #0b1f3d);
  box-shadow: 0 12px 22px rgba(199, 146, 43, 0.18);
}

body:not(.home-landing) .mock-result-page .result-analysis-panel{
  margin-bottom: 0;
}

body:not(.home-landing) .mock-result-page .result-ranking-grid{
  gap: 12px;
  margin-top: 16px;
}

body:not(.home-landing) .mock-result-page .ranking-card{
  padding: 16px;
  border-radius: 18px;
  border-color: rgba(7, 18, 37, 0.08);
  background:
    radial-gradient(circle at 0 0, rgba(224, 191, 135, 0.08), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.98));
  box-shadow: none;
}

body:not(.home-landing) .mock-result-page .ranking-card__value{
  color: #071225;
  font-family: 'Cormorant Garamond', serif;
  font-size: 38px;
  line-height: 0.95;
}

body:not(.home-landing) .mock-result-page .ranking-card__meta{
  color: rgba(7, 18, 37, 0.58);
}

body:not(.home-landing) .mock-result-page .result-distribution{
  margin-top: 18px;
  padding-top: 18px;
  border-top-color: rgba(7, 18, 37, 0.08);
}

body:not(.home-landing) .mock-result-page .result-distribution__head h3{
  color: #071225;
  font-family: 'Cormorant Garamond', serif;
  font-size: 30px;
  line-height: 1;
}

body:not(.home-landing) .mock-result-page .result-distribution-row{
  padding: 10px 0;
}

body:not(.home-landing) .mock-result-page .result-distribution-track{
  height: 13px;
  background: rgba(7, 18, 37, 0.08);
}

body:not(.home-landing) .mock-result-page .result-distribution-track span{
  background: linear-gradient(90deg, #071225, #be8a45);
}

body:not(.home-landing) .mock-result-page .result-distribution-row.is-current .result-distribution-label{
  color: #9a6b1f;
}

body:not(.home-landing) .mock-result-page .result-distribution-row.is-current .result-distribution-track{
  background: rgba(199, 146, 43, 0.16);
}

body:not(.home-landing) .mock-result-page .result-distribution-row.is-current .result-distribution-track span{
  background: linear-gradient(90deg, #071225, #be8a45, #e8bd62);
}

@media (max-width: 980px){
  body:not(.home-landing) .result-overview-card,
  body:not(.home-landing) .mock-result-page .result-grid{
    grid-template-columns: 1fr;
  }

  body:not(.home-landing) .result-overview-card__stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px){
  body:not(.home-landing) .result-overview-card{
    padding: 0;
  }

  body:not(.home-landing) .result-overview-card__stats,
  body:not(.home-landing) .mock-result-page .result-outcome-chips{
    grid-template-columns: 1fr;
  }

  body:not(.home-landing) .result-overview-card__score{
    min-height: 132px;
  }

  body:not(.home-landing) .mock-result-page .mock-card__actions .btn{
    width: 100%;
  }

  body:not(.home-landing) .mock-result-page .result-section-row{
    align-items: flex-start;
  }

  body:not(.home-landing) .mock-result-page .result-distribution-row{
    grid-template-columns: 1fr auto;
  }

  body:not(.home-landing) .mock-result-page .result-distribution-track{
    grid-column: 1 / -1;
  }
}

/* Mock tests page: topics-style heading with metrics below */
.mock-tests-heading{
  display: grid;
  gap: 18px;
  margin: 0 0 24px;
  padding: 8px 2px 22px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.mock-tests-heading__copy{
  display: grid;
  gap: 8px;
  align-content: start;
}

.mock-tests-heading__eyebrow{
  width: fit-content;
  margin: 0;
  color: #0d3f91;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.mock-tests-heading h1{
  max-width: 860px;
  margin: 0;
  color: #071225;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(42px, 5vw, 62px);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.035em;
}

.mock-tests-heading__stats{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.mock-tests-heading__stat{
  min-height: 104px;
  padding: 17px 18px;
  display: grid;
  align-content: space-between;
  gap: 12px;
  border-radius: 22px;
  border: 1px solid rgba(15, 23, 42, 0.09);
  background:
    linear-gradient(90deg, rgba(12, 51, 120, 0.9), rgba(199, 146, 43, 0.58), rgba(199, 146, 43, 0.04)) top left / 100% 3px no-repeat,
    radial-gradient(circle at 96% 0%, rgba(199, 146, 43, 0.12), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.97));
}

.mock-tests-heading__stat-label{
  color: rgba(7, 18, 37, 0.58);
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.mock-tests-heading__stat-value{
  color: #071225;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: clamp(26px, 2.55vw, 34px);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.045em;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 760px){
  .mock-tests-heading{
    padding: 8px 0 20px;
    gap: 16px;
  }

  .mock-tests-heading__stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mock-tests-heading h1{
    max-width: 11ch;
    font-size: clamp(38px, 12vw, 48px);
  }
}

@media (max-width: 380px){
  .mock-tests-heading__stats{
    grid-template-columns: 1fr;
  }
}

/* Mock instructions page: same clean launch theme as the mock library */
.mock-launch-heading{
  display: grid;
  gap: 18px;
  margin: 0 0 24px;
  padding: 8px 2px 22px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.mock-launch-heading__top{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 16px 24px;
}

.mock-launch-heading__copy{
  display: grid;
  gap: 8px;
  align-content: start;
}

.mock-launch-heading__eyebrow{
  width: fit-content;
  margin: 0;
  color: #0d3f91;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.mock-launch-heading h1{
  max-width: 880px;
  margin: 0;
  color: #071225;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(42px, 5vw, 62px);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.035em;
}

.mock-launch-heading__actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.mock-launch-heading__actions form{
  margin: 0;
}

.mock-launch-heading__actions .btn{
  min-height: 46px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.01em;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.mock-launch-heading__actions .btn--primary{
  border: 1px solid rgba(199, 146, 43, 0.3);
  background:
    linear-gradient(135deg, #e8bd62, #c7922b);
  color: #071225;
  box-shadow:
    0 14px 28px rgba(199, 146, 43, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

.mock-launch-heading__actions .btn--primary:hover{
  transform: translateY(-1px);
  background: linear-gradient(135deg, #efc975, #cf9b35);
  box-shadow:
    0 18px 34px rgba(199, 146, 43, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

.mock-launch-heading__actions .btn--outline{
  border: 1px solid rgba(7, 18, 37, 0.14);
  background: rgba(255, 255, 255, 0.72);
  color: #071225;
  box-shadow:
    0 12px 24px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.mock-launch-heading__actions .btn--outline:hover{
  transform: translateY(-1px);
  border-color: rgba(199, 146, 43, 0.26);
  background: rgba(255, 250, 240, 0.94);
  color: #071225;
  box-shadow:
    0 16px 30px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.mock-launch-heading__stats{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.mock-launch-heading__stat{
  min-height: 104px;
  padding: 17px 18px;
  display: grid;
  align-content: space-between;
  gap: 12px;
  border-radius: 22px;
  border: 1px solid rgba(15, 23, 42, 0.09);
  background:
    linear-gradient(90deg, rgba(12, 51, 120, 0.9), rgba(199, 146, 43, 0.58), rgba(199, 146, 43, 0.04)) top left / 100% 3px no-repeat,
    radial-gradient(circle at 96% 0%, rgba(199, 146, 43, 0.12), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.97));
  /* box-shadow:
    0 16px 36px rgba(15, 23, 42, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.9); */
}

.mock-launch-heading__stat-label{
  color: rgba(7, 18, 37, 0.58);
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.mock-launch-heading__stat-value{
  color: #071225;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: clamp(25px, 2.45vw, 33px);
  font-weight: 800;
  line-height: 0.96;
  letter-spacing: -0.045em;
  font-variant-numeric: tabular-nums;
}

.mock-launch-heading__stat:last-child .mock-launch-heading__stat-value{
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.mock-launch-heading ~ .hub-summary-grid{
  gap: 16px;
  margin-bottom: 18px;
}

.mock-launch-heading ~ .hub-summary-grid .summary-panel,
.mock-launch-heading ~ .summary-panel{
  border-radius: 24px;
  border: 1px solid rgba(15, 23, 42, 0.09);
  background:
    radial-gradient(circle at 100% 0%, rgba(199, 146, 43, 0.1), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(250, 247, 241, 0.98));
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.mock-launch-heading ~ .hub-summary-grid .summary-panel h2,
.mock-launch-heading ~ .summary-panel h2{
  margin-bottom: 14px;
  color: #071225;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(28px, 3vw, 34px);
  line-height: 0.98;
  letter-spacing: -0.035em;
}

.mock-launch-heading ~ .hub-summary-grid .summary-list,
.mock-launch-heading ~ .summary-panel .summary-list{
  padding-left: 0;
  list-style: none;
  gap: 10px;
}

.mock-launch-heading ~ .hub-summary-grid .summary-list li,
.mock-launch-heading ~ .summary-panel .summary-list li{
  position: relative;
  padding: 11px 13px 11px 34px;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.64);
  color: rgba(7, 18, 37, 0.72);
  line-height: 1.45;
}

.mock-launch-heading ~ .hub-summary-grid .summary-list li::before,
.mock-launch-heading ~ .summary-panel .summary-list li::before{
  content: "";
  position: absolute;
  left: 14px;
  top: 1.08em;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #c7922b;
  box-shadow: 0 0 0 4px rgba(199, 146, 43, 0.12);
}

@media (max-width: 760px){
  .mock-launch-heading{
    padding: 8px 0 20px;
    gap: 16px;
  }

  .mock-launch-heading__top{
    grid-template-columns: 1fr;
    align-items: start;
  }

  .mock-launch-heading__actions{
    justify-content: stretch;
  }

  .mock-launch-heading__actions .btn,
  .mock-launch-heading__actions form{
    width: 100%;
  }

  .mock-launch-heading__stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mock-launch-heading h1{
    font-size: clamp(38px, 12vw, 48px);
  }
}

@media (max-width: 380px){
  .mock-launch-heading__stats{
    grid-template-columns: 1fr;
  }
}

/* My Preparation final polish: landing-aligned cards and cleaner dashboard hierarchy */
body:not(.home-landing) .my-preparation-page .dashboard-hero__main{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__back.cc-page-heading__back{
  position: absolute;
  top: clamp(18px, 2vw, 26px);
  right: clamp(18px, 2.4vw, 30px);
  z-index: 3;
  width: fit-content;
  min-height: 46px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 16px;
  border: 1px solid rgba(7, 18, 37, 0.14);
  color: #fff8ea;
  background:
    radial-gradient(circle at 12% 16%, rgba(224, 191, 135, 0.18), transparent 38%),
    linear-gradient(135deg, #071225, #0b1f3d);
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 14px 28px rgba(7, 18, 37, 0.14);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__back.cc-page-heading__back span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #e8bd62;
  font-size: 17px;
  font-weight: 900;
  line-height: 0;
  transform: translateY(-1px);
  transition: transform 0.18s ease;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__back.cc-page-heading__back strong{
  font: inherit;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__back.cc-page-heading__back:hover{
  transform: translateY(-1px);
  border-color: rgba(199, 146, 43, 0.42);
  box-shadow: 0 18px 34px rgba(7, 18, 37, 0.18);
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__back.cc-page-heading__back:hover span{
  transform: translate(-2px, -1px);
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__status{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__status-card,
body:not(.home-landing) .my-preparation-page .dashboard-quickstat{
  min-height: 66px;
  padding: 12px 14px;
  display: grid;
  align-content: center;
}

body:not(.home-landing) .my-preparation-page .dashboard-hero__status-card strong{
  margin: 0;
  font-size: 14px;
  line-height: 1.25;
}

body:not(.home-landing) .my-preparation-page .dashboard-quickstat__value{
  font-size: 20px;
}

body:not(.home-landing) .my-preparation-page .dashboard-actions{
  padding: 22px;
  background:
    radial-gradient(circle at 8% 0%, rgba(201, 148, 36, 0.06), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.97));
}

body:not(.home-landing) .my-preparation-page .dashboard-action-grid{
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card{
  --action-color: #071225;
  --action-tint: rgba(7, 18, 37, 0.055);
  min-height: 176px;
  padding: 17px 42px 17px 17px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  align-content: start;
  align-items: start;
  gap: 8px;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(7, 18, 37, 0.1);
  background:
    radial-gradient(circle at 18% 24%, var(--action-tint), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.97));
  color: #08142a;
  box-shadow:
    0 16px 40px rgba(15, 23, 42, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
  text-align: left;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card::before{
  content: none;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card::after{
  content: "\2192";
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: auto;
  height: auto;
  color: var(--action-color);
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  background: transparent;
  text-shadow: 0 10px 18px color-mix(in srgb, var(--action-color) 28%, transparent);
  transition: transform 0.18s ease;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card:hover{
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--action-color) 24%, #dbe3ed);
  box-shadow:
    0 24px 54px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card:hover::after{
  transform: translateX(3px);
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card--practice,
body:not(.home-landing) .my-preparation-page .dashboard-action-card--mock{
  --action-color: #c99424;
  --action-tint: rgba(199, 146, 43, 0.13);
  border-color: rgba(217, 140, 16, 0.34);
  background:
    radial-gradient(circle at 18% 24%, rgba(199, 146, 43, 0.16), transparent 38%),
    radial-gradient(circle at 92% 100%, rgba(229, 184, 77, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(255, 249, 237, 0.97));
  box-shadow:
    0 18px 44px rgba(120, 78, 20, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card__icon{
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  color: var(--action-color);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--action-color) 10%, #ffffff), #ffffff);
  border: 1px solid color-mix(in srgb, var(--action-color) 12%, #e2e8f0);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card__icon i{
  font-size: 29px;
  line-height: 1;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card__title{
  color: #08142a;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(20px, 1.65vw, 24px);
  line-height: 1.06;
  letter-spacing: 0;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card__meta{
  max-width: none;
  color: rgba(22, 34, 51, 0.68);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.42;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card__cta{
  align-self: end;
  padding-right: 28px;
  color: var(--action-color);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
}

body:not(.home-landing) .my-preparation-page .dashboard-action-card--practice .dashboard-action-card__cta,
body:not(.home-landing) .my-preparation-page .dashboard-action-card--mock .dashboard-action-card__cta{
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  text-decoration-color: color-mix(in srgb, var(--action-color) 38%, transparent);
  text-underline-offset: 5px;
}

body:not(.home-landing) .my-preparation-page .insight-card{
  min-height: 150px;
  padding: 22px;
  color: #071225;
  background:
    radial-gradient(circle at 10% 0%, rgba(199, 146, 43, 0.07), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.97));
  border: 1px solid rgba(7, 18, 37, 0.1);
  box-shadow:
    0 18px 42px rgba(15, 23, 42, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

body:not(.home-landing) .my-preparation-page .insight-card::before{
  width: 0;
}

body:not(.home-landing) .my-preparation-page .insight-card::after{
  content: "";
  position: absolute;
  right: -44px;
  bottom: -54px;
  width: 132px;
  height: 132px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201, 148, 36, 0.13), transparent 68%);
  pointer-events: none;
}

body:not(.home-landing) .my-preparation-page .insight-card__label{
  color: rgba(7, 18, 37, 0.56);
}

body:not(.home-landing) .my-preparation-page .insight-card__value{
  color: #071225;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(34px, 3.4vw, 46px);
  line-height: 0.95;
}

body:not(.home-landing) .my-preparation-page .insight-card__meta{
  color: rgba(22, 34, 51, 0.66);
}

body:not(.home-landing) .my-preparation-page .subject-performance{
  display: grid;
  gap: 9px;
}

body:not(.home-landing) .my-preparation-page .subject-row{
  min-height: 68px;
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 17px;
  border: 1px solid rgba(18, 43, 75, 0.11);
  background:
    radial-gradient(circle at 12% 0%, rgba(18, 61, 117, 0.09), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 242, 233, 0.9));
  box-shadow:
    0 16px 34px rgba(18, 31, 49, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

body:not(.home-landing) .my-preparation-page .subject-row__top{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

body:not(.home-landing) .my-preparation-page .subject-row__title{
  min-width: 0;
  color: var(--prep-ink);
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  line-height: 1;
  letter-spacing: -0.02em;
}

body:not(.home-landing) .my-preparation-page .subject-row__meta{
  min-height: 21px;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: #123d75;
  background: rgba(18, 61, 117, 0.07);
  border: 1px solid rgba(18, 61, 117, 0.08);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body:not(.home-landing) .my-preparation-page .subject-row .progress-track{
  height: 5px;
}

body:not(.home-landing) .my-preparation-page .subject-row .progress-fill{
  background: linear-gradient(90deg, var(--prep-gold), #123d75);
}

body:not(.home-landing) .my-preparation-page .subject-row .progress-meta{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  color: rgba(22, 34, 51, 0.62);
}

body:not(.home-landing) .my-preparation-page .subject-row .progress-meta span{
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  border-radius: 11px;
  background: rgba(18, 31, 49, 0.045);
  font-size: 8.5px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}

@media (max-width: 1180px){
  body:not(.home-landing) .my-preparation-page .dashboard-action-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px){
  body:not(.home-landing) .my-preparation-page .dashboard-hero__status{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body:not(.home-landing) .my-preparation-page .dashboard-action-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px){
  body:not(.home-landing) .my-preparation-page .dashboard-hero__back.cc-page-heading__back{
    position: static;
    margin: 0 0 12px auto;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-hero__status,
  body:not(.home-landing) .my-preparation-page .dashboard-action-grid,
  body:not(.home-landing) .my-preparation-page .subject-row .progress-meta{
    grid-template-columns: 1fr;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-action-card{
    min-height: 132px;
    grid-template-columns: 58px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 8px 14px;
    padding: 17px 42px 17px 17px;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-action-card__icon{
    grid-row: 1 / 4;
    width: 58px;
    height: 58px;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-action-card__title,
  body:not(.home-landing) .my-preparation-page .dashboard-action-card__meta,
  body:not(.home-landing) .my-preparation-page .dashboard-action-card__cta{
    grid-column: 2;
  }

  body:not(.home-landing) .my-preparation-page .dashboard-action-card__cta{
    min-height: 30px;
    display: inline-flex;
    align-items: center;
  }

  body:not(.home-landing) .my-preparation-page .subject-row__top{
    grid-template-columns: 1fr;
    justify-items: start;
  }
}