.test-list-card--attempted{border-color:#e1e6e8;background:#f1f3f4;box-shadow:none;opacity:.72}.test-list-card--attempted:hover{transform:none;box-shadow:none}.test-attempted-label{padding:.42rem .7rem;border:1px solid #cdd4d7;border-radius:7px;color:#68758a;background:#e4e8ea;font-size:.72rem;font-weight:850}.attempt-extension{width:68px;min-height:auto!important}.performance-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;border-bottom:1px solid #e5edef}.performance-row:last-child{border-bottom:0}.performance-row strong,.performance-row small{display:block}.performance-row small{margin-top:.15rem;color:#718091;font-size:.73rem}.performance-row b{min-width:58px;padding:.35rem .45rem;border-radius:7px;color:#087f7a;background:#e4f6f3;text-align:center;font-size:.8rem}

:root {
  --ink: #172033;
  --muted: #667085;
  --brand: #4f46e5;
  --brand-dark: #3730a3;
  --surface: #ffffff;
  --canvas: #f6f7fb;
  --line: #e6e8f0;
  --success: #168451;
  --warning: #b45309;
}

* { box-sizing: border-box; }
body {
  min-height: 100vh;
  color: var(--ink);
  background: var(--canvas);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
a { text-decoration: none; }
.app-nav { background: #121a2d; padding: .85rem 0; box-shadow: 0 1px 0 rgba(255,255,255,.08); }
.brand-mark { width: 34px; height: 34px; border-radius: 10px; display: inline-grid; place-items: center; color: white; background: linear-gradient(135deg, #756df3, #4f46e5); font-weight: 800; }
.brand-name { color: white; font-weight: 700; letter-spacing: -.02em; }
.nav-link-custom { color: #b8c0d4; font-size: .9rem; font-weight: 600; padding: .45rem .7rem; border-radius: 8px; }
.nav-link-custom:hover, .nav-link-custom.active { color: white; background: rgba(255,255,255,.1); }
.nav-locked { opacity: .42; cursor: not-allowed; }
.avatar { width: 32px; height: 32px; background: #dfe2ff; color: var(--brand-dark); border-radius: 50%; display: grid; place-items: center; font-size: .78rem; font-weight: 800; }
.page-shell { padding: 2.5rem 0 4rem; }
.eyebrow { color: var(--brand); font-size: .75rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.page-title { font-size: clamp(1.7rem, 3vw, 2.35rem); font-weight: 750; letter-spacing: -.045em; margin: .3rem 0; }
.page-subtitle { color: var(--muted); margin: 0; }
.surface-card { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 4px 18px rgba(16,24,40,.035); }
.metric-card { padding: 1.25rem; height: 100%; }
.metric-label { color: var(--muted); font-size: .83rem; font-weight: 600; }
.metric-value { font-size: 1.8rem; font-weight: 800; letter-spacing: -.05em; margin-top: .35rem; }
.pending-metric { color: var(--ink); border-color: #f3d4a7; background: #fffbf5; transition: transform .18s, box-shadow .18s; }
.pending-metric:hover { color: var(--ink); transform: translateY(-2px); box-shadow: 0 10px 28px rgba(16,24,40,.08); }
.pending-metric small { color: var(--warning); font-weight: 800; }
.metric-icon { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: #eeefff; color: var(--brand); font-size: 1.2rem; }
.btn-brand { border: 0; color: white; background: var(--brand); padding: .65rem 1rem; font-weight: 700; border-radius: 9px; }
.btn-brand:hover { color: white; background: var(--brand-dark); }
.btn-soft { color: var(--brand); background: #eeefff; border: 0; padding: .65rem 1rem; font-weight: 700; border-radius: 9px; }
.btn-soft:hover { color: var(--brand-dark); background: #e1e2ff; }
.alert { border: 0; border-radius: 10px; }
.table-pro { margin: 0; }
.table-pro thead th { background: #f8f9fc; color: #596275; border-bottom: 1px solid var(--line); font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; padding: 1rem 1.25rem; }
.table-pro td { padding: 1rem 1.25rem; border-color: var(--line); vertical-align: middle; }
.score-pill { background: #ebfbf2; color: var(--success); border-radius: 99px; padding: .3rem .65rem; font-weight: 750; font-size: .8rem; }
.status-pill { border-radius: 99px; padding: .28rem .58rem; font-weight: 700; font-size: .73rem; }
.status-ready { background: #e9f9f0; color: var(--success); }.status-pending { background: #fff4e5; color: var(--warning); }
.filter-chip { color: #475467; background: #f7f8fc; border: 1px solid var(--line); border-radius: 99px; padding: .42rem .75rem; font-size: .82rem; font-weight: 700; }
.filter-chip:hover { color: var(--brand-dark); border-color: #bbb8fa; }.filter-chip.active { color: white; border-color: var(--brand); background: var(--brand); }.filter-chip span { margin-left: .25rem; opacity: .75; }
.detail-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; margin: 0; }.detail-list div { border-top: 1px solid var(--line); padding-top: .75rem; }.detail-list dt { color: var(--muted); font-size: .75rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }.detail-list dd { margin: .3rem 0 0; color: var(--ink); font-weight: 650; overflow-wrap: anywhere; }
.note-list { display: grid; gap: .7rem; }.admin-note { padding: .85rem 1rem; background: #f8f9fc; border: 1px solid var(--line); border-radius: 10px; }.admin-note p { overflow-wrap: anywhere; }.admin-note span { color: var(--muted); font-size: .77rem; font-weight: 600; }
.empty-state { text-align: center; padding: 3rem 1.5rem; color: var(--muted); }
.empty-icon { margin: 0 auto 1rem; width: 54px; height: 54px; border-radius: 15px; display:grid; place-items:center; background: #eeefff; color: var(--brand); font-size: 1.5rem; }
.section-heading { font-size: 1rem; font-weight: 800; margin: 0; }
.landing-hero { margin-top: 1rem; }
.landing-copy { padding: clamp(2rem, 6vw, 5rem); }
.landing-copy h1 { max-width: 650px; font-size: clamp(2.4rem, 5vw, 4.5rem); line-height: 1; letter-spacing: -.065em; font-weight: 800; }
.landing-copy > p:not(.eyebrow) { color: var(--muted); max-width: 560px; font-size: 1.05rem; margin-top: 1.5rem; }
.landing-panel { padding: clamp(2rem, 5vw, 4rem); color: white; background: radial-gradient(circle at 20% 20%, #817bf4 0, transparent 30%), #121a2d; }
.landing-panel h2 { font-size: 2rem; font-weight: 800; letter-spacing: -.05em; margin-top: 4rem; }.landing-panel p { color: #c0c8e6; }
.landing-orb { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px; background: rgba(255,255,255,.12); font-weight: 800; font-size: 1.15rem; }
.landing-feature { padding: 1.4rem; height: 100%; }.landing-feature h2, .admin-action h2 { font-size: 1rem; font-weight: 800; margin: 1rem 0 .4rem; }.landing-feature p, .admin-action p { color: var(--muted); font-size: .9rem; margin: 0; }
.admin-action { padding: 1.4rem; color: var(--ink); height: 100%; transition: transform .18s, box-shadow .18s; }.admin-action:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(16,24,40,.08); color: var(--ink); }.admin-action span { color: var(--brand); font-size: .85rem; font-weight: 800; display: inline-block; margin-top: 1rem; }
.result-hero { padding: clamp(1.5rem, 4vw, 3rem); display: flex; align-items: center; justify-content: space-between; gap: 2rem; }.result-score { min-width: 145px; text-align: center; border-radius: 16px; padding: 1rem; color: var(--brand-dark); background: #eeefff; }.result-score span { font-size: 2.7rem; line-height: 1; font-weight: 850; letter-spacing: -.08em; }.result-score small { font-weight: 700; }.result-score p { margin: .35rem 0 0; font-weight: 800; }.review-card { padding: 1.25rem; margin-bottom: .85rem; }.review-option { min-height: 52px; display: flex; align-items: center; gap: .65rem; padding: .7rem .8rem; border: 1px solid var(--line); border-radius: 9px; font-size: .88rem; }.review-option strong { color: var(--muted); }.review-option small { margin-left: auto; color: var(--success); font-weight: 800; font-size: .68rem; }.review-option.correct { color: #0d683f; background: #ecfdf3; border-color: #a6e7c1; }.review-option.incorrect { color: #b42318; background: #fff4f3; border-color: #f9c8c4; }.review-option.incorrect small { color: #b42318; }.status-wrong { color: #b42318; background: #fff0ef; }.explanation { margin-top: 1rem; padding: .85rem 1rem; color: #344054; background: #f7f8fc; border-left: 3px solid #8b87f6; border-radius: 0 8px 8px 0; font-size: .9rem; }.explanation strong { color: var(--brand-dark); }.explanation p { margin: .2rem 0 0; }
.math-help { padding: 1.25rem; }.math-help > p { color: var(--muted); font-size: .88rem; margin-top: .5rem; }.math-help code { display: block; margin-top: 1rem; padding: .55rem .65rem; color: #4338ca; background: #f3f2ff; border-radius: 7px; white-space: normal; }.math-help code + span { display: block; margin: .3rem 0; color: var(--muted); font-size: .76rem; }.math-preview { min-height: 80px; padding: .8rem; color: #344054; background: #f8f9fc; border: 1px dashed #c9c7ff; border-radius: 8px; font-size: .9rem; }
mjx-container { max-width: 100%; overflow-x: auto; overflow-y: hidden; padding: .1rem 0; }
.numeric-review { display: flex; flex-wrap: wrap; gap: .75rem; padding: .85rem 1rem; color: #344054; background: #f7f8fc; border-radius: 8px; font-size: .9rem; }.numeric-review strong { color: var(--brand-dark); }
.management-row { display: flex; align-items: center; gap: .5rem; padding: .55rem 0; border-top: 1px solid var(--line); }
.pending-card { padding: clamp(2rem, 5vw, 4rem); }.locked-actions .btn { pointer-events: none; opacity: .55; }

/* Authentication */
.auth-page { background: #121a2d; }
.auth-page .page-shell { padding: 0; }
.auth-wrap { min-height: 100vh; display: grid; grid-template-columns: 1.1fr .9fr; }
.auth-promo { color: white; padding: clamp(2rem, 7vw, 7rem); background: radial-gradient(circle at 20% 20%, #675ff4 0, transparent 27%), #121a2d; }
.auth-promo h1 { max-width: 530px; font-size: clamp(2.2rem, 4vw, 4rem); font-weight: 800; letter-spacing: -.06em; margin-top: 4rem; }
.auth-promo p { max-width: 430px; color: #bdc5df; font-size: 1.05rem; }
.auth-panel { background: white; display: grid; place-items: center; padding: 2rem; }
.auth-form { width: min(100%, 390px); }
.form-label { font-weight: 700; color: #344054; font-size: .88rem; }
.form-control, .form-select { min-height: 45px; border-color: #d9ddea; border-radius: 9px; }
.form-control:focus, .form-select:focus { border-color: #8b87f6; box-shadow: 0 0 0 .2rem rgba(79,70,229,.12); }
.password-control { position: relative; }.password-control .form-control { padding-right: 3rem; }.password-toggle { position: absolute; top: 50%; right: .7rem; width: 32px; height: 32px; padding: 0; border: 0; color: #667085; background: transparent; transform: translateY(-50%); }.password-toggle:hover, .password-toggle.is-visible { color: var(--brand); }.password-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.password-last-character { position: absolute; z-index: 2; bottom: calc(100% - 5px); display: grid; min-width: 25px; height: 25px; padding: 0 .35rem; place-items: center; color: white; background: #3730a3; border-radius: 7px; font-size: .78rem; font-weight: 800; opacity: 0; pointer-events: none; transform: translateX(-35%) translateY(5px) scale(.82); transition: opacity .12s ease, transform .12s ease; }.password-last-character::after { position: absolute; bottom: -4px; width: 8px; height: 8px; content: ''; background: #3730a3; transform: rotate(45deg); }.password-last-character.show { opacity: 1; transform: translateX(-35%) translateY(0) scale(1); }

/* Final landing page */
.landing-page { background: #f8f8fd; }.landing-page .page-shell { padding: 1.25rem 0 3rem; }.landing-final-hero { position: relative; overflow: hidden; padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid #e7e5ff; border-radius: 28px; background: linear-gradient(130deg, #fff 0%, #fbfaff 56%, #eeedff 100%); }.landing-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); align-items: center; gap: clamp(2rem, 6vw, 6rem); }.landing-kicker { display: flex; align-items: center; gap: .55rem; color: #5751c9; font-size: .76rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.landing-kicker span { width: 9px; height: 9px; border-radius: 50%; background: #f59e0b; box-shadow: 0 0 0 5px #fff4d8; }.landing-main h1 { margin: 1.1rem 0 1.35rem; color: #171735; font-size: clamp(2.9rem, 6vw, 5.7rem); font-weight: 850; letter-spacing: -.075em; line-height: .94; }.landing-main h1 em { color: #5952db; font-style: normal; }.landing-lead { max-width: 570px; color: #65677d; font-size: 1.07rem; line-height: 1.7; }.btn-landing-outline { color: #393459; border: 1px solid #dad8ed; background: #fff; font-weight: 700; }.btn-landing-outline:hover { color: #393459; border-color: #b9b5e8; background: #f7f6ff; }.landing-founders { display: flex; align-items: center; gap: .85rem; margin-top: 2.6rem; color: #7a7b90; font-size: .8rem; }.landing-founders strong { display: block; margin-top: .15rem; color: #34344f; font-size: .88rem; }.founder-line { width: 34px; height: 1px; background: #bbb9db; }.landing-visual { position: relative; min-height: 410px; }.visual-glow { position: absolute; border-radius: 50%; filter: blur(2px); }.glow-one { width: 260px; height: 260px; top: 22px; right: 20px; background: #dad8ff; }.glow-two { width: 150px; height: 150px; bottom: 4px; left: 20px; background: #ffe9bd; }.study-card { position: relative; z-index: 1; box-shadow: 0 22px 50px rgba(55, 48, 163, .13); }.study-card-main { position: absolute; top: 35px; right: 25px; width: min(100%, 390px); padding: 1.4rem; border: 1px solid rgba(255,255,255,.9); border-radius: 22px; background: rgba(255,255,255,.88); backdrop-filter: blur(8px); }.study-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.1rem; }.study-overline { color: #777391; font-size: .66rem; font-weight: 850; letter-spacing: .1em; }.study-card h2 { margin: .25rem 0 0; font-size: 1.25rem; font-weight: 800; }.study-badge { color: #067647; background: #e8faef; border-radius: 99px; padding: .28rem .5rem; font-size: .68rem; font-weight: 800; white-space: nowrap; }.study-item { display: flex; align-items: center; gap: .75rem; padding: .72rem 0; border-top: 1px solid #edecf4; }.study-item.muted { opacity: .57; }.study-icon { display: grid; place-items: center; width: 30px; height: 30px; color: #554ed0; background: #efeeff; border-radius: 9px; font-size: .69rem; font-weight: 850; }.study-item strong, .study-item small { display: block; }.study-item strong { color: #32324c; font-size: .82rem; }.study-item small { margin-top: .12rem; color: #7a7b8e; font-size: .7rem; }.study-check { margin-left: auto; color: #138a54; font-weight: 900; }.study-progress { margin-top: .75rem; padding-top: 1rem; border-top: 1px solid #edecf4; }.study-progress div { display: flex; justify-content: space-between; color: #66677d; font-size: .72rem; font-weight: 700; }.study-progress i { display: block; height: 7px; margin-top: .55rem; overflow: hidden; background: #e6e5f1; border-radius: 99px; }.study-progress b { display: block; width: 72%; height: 100%; background: linear-gradient(90deg, #5d55df, #8a84ff); border-radius: inherit; }.score-float { position: absolute; bottom: 30px; left: 0; width: 175px; padding: 1rem 1.15rem; border-radius: 18px; background: #1d1b3c; color: white; }.score-float span, .score-float small { display: block; color: #c8c6e5; font-size: .7rem; }.score-float strong { display: block; margin: .2rem 0; font-size: 1.7rem; letter-spacing: -.06em; }.score-float strong span { display: inline; font-size: .8rem; }.academy-float { position: absolute; top: 0; left: 0; display: flex; align-items: center; gap: .6rem; padding: .65rem .8rem; border-radius: 15px; background: #fff; }.academy-float .brand-mark { width: 30px; height: 30px; font-size: .72rem; }.academy-float strong, .academy-float small { display: block; }.academy-float strong { color: #34344f; font-size: .72rem; }.academy-float small { color: #85859a; font-size: .65rem; }.landing-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 1.1rem 0 5rem; padding: 1.3rem 1.5rem; border-radius: 18px; background: #eeedfb; }.landing-proof div { padding-left: 1rem; border-left: 2px solid #b6b2f4; }.landing-proof strong, .landing-proof span { display: block; }.landing-proof strong { color: #343251; font-size: .84rem; }.landing-proof span { margin-top: .22rem; color: #75738c; font-size: .76rem; }.landing-path { margin-bottom: 5rem; }.landing-section-heading { max-width: 560px; margin-bottom: 1.6rem; }.landing-section-heading h2 { color: #22213d; font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 820; letter-spacing: -.06em; }.path-card { height: 100%; padding: 1.7rem; border: 1px solid #e8e7f1; border-radius: 18px; background: #fff; }.path-card span { color: #5c55da; font-size: .75rem; font-weight: 850; }.path-card h3 { margin: 1.1rem 0 .65rem; color: #303047; font-size: 1.05rem; font-weight: 800; }.path-card p { margin: 0; color: #73748a; font-size: .9rem; line-height: 1.6; }.landing-closing { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: clamp(1.8rem, 4vw, 3.2rem); border-radius: 24px; color: #fff; background: radial-gradient(circle at 10% 0%, #7770ff 0, transparent 34%), #1a183a; }.landing-closing h2 { max-width: 610px; margin: .35rem 0 0; font-size: clamp(1.7rem, 3.5vw, 2.8rem); font-weight: 800; letter-spacing: -.055em; }.btn-landing-dark { color: #fff; border: 1px solid rgba(255,255,255,.26); background: transparent; }.btn-landing-dark:hover { color: #fff; background: rgba(255,255,255,.1); }

/* Tests and quiz */
.test-card { padding: 1.15rem 1.25rem; transition: transform .18s, box-shadow .18s; }
.test-card:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(16,24,40,.08); }
.test-meta { color: var(--muted); font-size: .84rem; }
.subject-heading { font-size: 1.1rem; font-weight: 800; margin: 2rem 0 .8rem; }
.chapter-label { color: var(--muted); font-size: .8rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; margin-bottom: .6rem; }
.quiz-layout { max-width: 1100px; }
.quiz-header { padding: 1rem 1.25rem; }
.test-instructions { padding: .75rem .9rem; color: #344054; background: #f7f8fc; border-left: 3px solid #8b87f6; border-radius: 0 8px 8px 0; font-size: .88rem; }.test-instructions strong { color: var(--brand-dark); }.test-instructions p { white-space: pre-line; margin: .2rem 0 0; }
.timer { color: #b42318; font-weight: 800; font-variant-numeric: tabular-nums; }
.question-card { padding: 1.5rem; margin-top: 1rem; }
.question-text { font-size: 1.05rem; font-weight: 750; }
.option { border: 1px solid var(--line) !important; padding: .85rem 1rem !important; transition: border-color .15s, background .15s; }
.option:hover { background: #f7f7ff !important; border-color: #aaa7f8 !important; }
.palette-card { padding: 1rem; }
.palette-btn { width: 36px; height: 36px; padding: 0; border-radius: 8px; font-weight: 700; }
.question-number { width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; color: var(--brand); background: #eeefff; border-radius: 9px; font-size: .82rem; font-weight: 800; }
.option-letter { width: 24px; height: 24px; flex: 0 0 24px; display: grid; place-items: center; color: var(--muted); background: #f1f3f8; border-radius: 50%; font-size: .72rem; font-weight: 800; }.option:has(input:checked) { background: #f4f3ff !important; border-color: #908cf8 !important; }.option:has(input:checked) .option-letter { color: white; background: var(--brand); }
.quiz-progress { height: 7px; background: #e8eaf2; }.quiz-progress .progress-bar { background: var(--brand); }.btn-review { color: white; background: #7c3aed; border-color: #7c3aed; }.btn-review:hover { color: white; background: #6d28d9; }.palette-legend { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; color: var(--muted); font-size: .78rem; }.legend-dot { display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-right: .3rem; }.legend-dot.answered { background: #198754; }.legend-dot.visited { background: #6c757d; }.legend-dot.reviewing { background: #7c3aed; }

@media (max-width: 767px) {
  .page-shell { padding: 1.5rem 0 3rem; }
  .auth-wrap { grid-template-columns: 1fr; }
  .auth-promo { display: none; }
  .nav-links { display: none !important; }
  .result-hero { align-items: flex-start; flex-direction: column; }.result-score { width: 100%; }
  .detail-list { grid-template-columns: 1fr; }
  .landing-page .page-shell { padding: .75rem 0 2rem; }.landing-final-hero { padding: 1.5rem; border-radius: 20px; }.landing-grid { grid-template-columns: 1fr; }.landing-visual { min-height: 355px; }.study-card-main { top: 35px; right: 0; }.score-float { bottom: 12px; }.landing-proof { grid-template-columns: 1fr; margin-bottom: 3.3rem; }.landing-closing { align-items: flex-start; flex-direction: column; gap: 1.4rem; }
}
.landing-proof a{padding-left:1rem;border-left:2px solid #b6b2f4;color:inherit;text-decoration:none}.landing-proof a:hover strong{color:#4f46e5}.results-gallery-hero{max-width:760px;margin:1.5rem auto 3rem;text-align:center}.results-gallery-hero h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em;margin:.4rem 0 1rem}.results-gallery-hero p:last-child{color:#64748b;font-size:1.05rem}.academy-result-card{height:100%;overflow:hidden;background:#fff;border:1px solid #e6e9f2;border-radius:20px;box-shadow:0 12px 30px rgba(15,23,42,.07);transition:transform .2s ease,box-shadow .2s ease}.academy-result-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(15,23,42,.12)}.academy-result-card img{width:100%;height:260px;display:block;object-fit:cover;background:#eef2ff}.academy-result-card-body{padding:1.25rem}.result-exam{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4f46e5}.result-year{font-size:.85rem;color:#64748b}.academy-result-card h2{font-size:1.25rem;margin:.8rem 0 .25rem}.academy-result-card p{color:#64748b;margin-bottom:1rem}.result-percentile{font-size:1.75rem;line-height:1;color:#172554}.result-percentile small{font-size:.8rem;color:#64748b;font-weight:600}.admin-result-list{display:grid;gap:.75rem}.admin-result-item{display:flex;align-items:center;gap:.85rem;padding:.7rem;border:1px solid #e6e9f2;border-radius:12px}.admin-result-item img{width:52px;height:52px;border-radius:10px;object-fit:cover;background:#eef2ff}.empty-state{padding:4rem 1rem;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px}.empty-state h2{font-size:1.35rem}
.announcement-section{margin-top:1.5rem}.announcement-list{display:grid;gap:.8rem}.announcement-card{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.1rem;background:#fff;border:1px solid #e5e7eb;border-radius:14px}.announcement-card h3{font-size:1rem;margin:0 0 .35rem}.announcement-card p{white-space:pre-line;margin:0 0 .5rem;color:#475569}.announcement-card time{font-size:.8rem;color:#64748b;white-space:nowrap}
.material-card{height:100%;display:flex;gap:1rem;padding:1.15rem;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 6px 18px rgba(15,23,42,.04)}.material-icon{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e0e7ff;color:#3730a3;font-size:.78rem;font-weight:800}.material-card-body{min-width:0}.material-card h2{font-size:1.1rem;margin:.55rem 0 .45rem}.material-card p,.material-admin-item p{white-space:pre-line;color:#64748b;margin:0}.material-card time{display:block;margin-top:.65rem;color:#64748b;font-size:.8rem}.material-tags{display:flex;flex-wrap:wrap;gap:.35rem}.material-tags span{font-size:.72rem;font-weight:700;color:#4f46e5;background:#eef2ff;border-radius:99px;padding:.2rem .45rem}.material-admin-list{display:grid;gap:.75rem}.material-admin-item{display:flex;align-items:flex-start;gap:1rem;padding:.9rem;border:1px solid #e5e7eb;border-radius:12px}.material-admin-item strong{display:block;margin:.45rem 0 .2rem}
.attendance-register{display:grid;gap:.65rem}.attendance-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem .9rem;border:1px solid #e5e7eb;border-radius:12px}.attendance-row small{display:block;color:#64748b;margin-top:.12rem}.attendance-row select{width:120px}.attendance-history{display:grid;gap:.65rem}.attendance-history div{display:flex;justify-content:space-between;gap:.5rem;padding-bottom:.65rem;border-bottom:1px solid #eef2f7}.attendance-history span{font-size:.82rem;color:#64748b;text-align:right}

/* Premium application refresh */
:root{--ink:#15203a;--muted:#66728a;--brand:#5b53df;--brand-dark:#4038b7;--canvas:#f3f5fb;--line:#e4e8f1;--surface:#fff}body{background:radial-gradient(circle at 8% -10%,#e4e6ff 0,transparent 26rem),radial-gradient(circle at 96% 5%,#e2f4ff 0,transparent 24rem),var(--canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-nav{position:sticky;top:0;z-index:100;background:rgba(15,23,42,.94);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px rgba(15,23,42,.12);backdrop-filter:blur(16px)}.app-nav .container{min-height:42px}.brand-mark{border-radius:12px;box-shadow:0 8px 16px rgba(91,83,223,.28)}.brand-name{letter-spacing:-.035em}.nav-link-custom{font-size:.78rem;padding:.5rem .62rem;white-space:nowrap;transition:background .18s,color .18s,transform .18s}.nav-link-custom:hover{transform:translateY(-1px)}.nav-link-custom.active{background:rgba(129,140,248,.23);box-shadow:inset 0 0 0 1px rgba(199,210,254,.13)}.avatar{border:2px solid rgba(255,255,255,.13);box-shadow:0 4px 12px rgba(0,0,0,.2)}.page-shell{padding:3rem 0 4.5rem}.page-header{margin-bottom:1.5rem}.page-header h1,.page-header>h1{font-size:clamp(2rem,4vw,3rem);font-weight:850;letter-spacing:-.065em;margin:.25rem 0 .5rem;color:#18213b}.eyebrow{color:#6159dc;font-size:.7rem;letter-spacing:.12em}.surface-card,.panel-card{background:rgba(255,255,255,.94);border:1px solid rgba(219,225,236,.92);border-radius:18px;box-shadow:0 12px 32px rgba(26,38,70,.055)}.panel-card{padding:1.5rem}.surface-card{overflow:hidden}.metric-card{position:relative;overflow:hidden;padding:1.35rem;border-radius:18px}.metric-card:after{position:absolute;right:-20px;bottom:-30px;width:105px;height:105px;border-radius:50%;content:"";background:radial-gradient(circle,#e4e6ff 0,rgba(228,230,255,0) 68%)}.metric-label{position:relative;z-index:1;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.metric-value{position:relative;z-index:1;color:#263253;font-size:2rem}.btn{border-radius:10px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-1px)}.btn-brand{background:linear-gradient(135deg,#6259e6,#4b42ca);box-shadow:0 8px 18px rgba(79,70,229,.23)}.btn-brand:hover{background:linear-gradient(135deg,#5148d7,#3830ad);box-shadow:0 11px 22px rgba(79,70,229,.28)}.btn-soft{background:#eeefff}.form-control,.form-select{border-color:#dfe4ef;border-radius:11px;background:#fbfcff;transition:border .18s,box-shadow .18s,background .18s}.form-control:hover,.form-select:hover{border-color:#c7cdea;background:#fff}.form-control:focus,.form-select:focus{background:#fff;border-color:#827cf0;box-shadow:0 0 0 .24rem rgba(91,83,223,.12)}textarea.form-control{min-height:110px}.table-pro thead th{background:#f5f7fc;padding:1rem 1.2rem;color:#65708a}.table-pro tbody tr{transition:background .16s}.table-pro tbody tr:hover{background:#fafbff}.table-pro td{padding:1rem 1.2rem}.status-pill{letter-spacing:.02em}.empty-state{border-radius:18px;background:rgba(255,255,255,.64);border:1px dashed #cbd3e2}.announcement-card,.attendance-row,.material-admin-item{border-color:#e5e9f2;background:linear-gradient(115deg,#fff,#fbfcff)}.material-card{border-radius:18px;transition:transform .2s,box-shadow .2s}.material-card:hover,.academy-result-card:hover,.test-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(30,41,59,.11)}.question-card,.review-card{border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 10px 26px rgba(26,38,70,.06)}.option{border-radius:12px!important}.auth-panel{background:radial-gradient(circle at 100% 0,#eef0ff 0,transparent 22rem),#fff}.auth-form{padding:1rem}.auth-form .btn-brand{min-height:48px}.landing-page{background:#f8f8fd}
@media (max-width:991px){.app-nav .container{align-items:flex-start!important;flex-wrap:wrap;padding-top:.65rem;padding-bottom:.65rem}.nav-links{order:3;width:100%;overflow-x:auto;display:flex!important;padding-bottom:.2rem}.app-nav .container>div:last-child{margin-left:auto}.page-shell{padding-top:2rem}}@media (max-width:575px){.page-shell{padding:1.35rem 0 3rem}.page-header h1,.page-header>h1{font-size:2rem}.panel-card{padding:1.05rem}.attendance-row,.announcement-card{align-items:flex-start;flex-direction:column}.attendance-row select{width:100%}.table-pro td,.table-pro thead th{padding:.8rem}.nav-link-custom{font-size:.74rem;padding:.45rem .55rem}.app-nav .container>div:last-child{font-size:.8rem}.app-nav .container>div:last-child .avatar{display:none}}

/* 2026 Academy Command Centre — complete visual direction */
:root{--ink:#11223b;--muted:#68758a;--brand:#087f7a;--brand-dark:#056560;--canvas:#edf2f5;--line:#d9e3e9;--surface:#ffffff;--success:#0b8b69;--warning:#c77912}body{color:var(--ink);background:linear-gradient(120deg,#f7fafb 0%,#edf3f5 46%,#e8f0f4 100%);font-family:"Aptos",Inter,ui-sans-serif,system-ui,sans-serif}.page-shell{min-height:calc(100vh - 156px);padding:3.3rem 0 4rem}.app-nav{position:relative;padding:.95rem 0;background:linear-gradient(110deg,#0b1729 0%,#112a42 52%,#0d3a46 100%);box-shadow:none;backdrop-filter:none}.app-nav:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:"";background:linear-gradient(90deg,transparent,#4ee1d3 50%,transparent);opacity:.65}.brand-mark{width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#4ee1d3,#087f7a);color:#062431;box-shadow:none;font-size:.9rem}.brand-name{font-size:1rem;font-weight:800;letter-spacing:-.045em}.nav-links{gap:.18rem!important}.nav-link-custom{position:relative;color:#b7c6d2;padding:.45rem .55rem;border-radius:6px;font-size:.73rem;font-weight:750;letter-spacing:.01em}.nav-link-custom:hover,.nav-link-custom.active{color:#fff;background:transparent;box-shadow:none;transform:none}.nav-link-custom.active:after{position:absolute;right:.55rem;bottom:-.55rem;left:.55rem;height:2px;border-radius:2px;content:"";background:#54e2d5}.avatar{background:#d0fff8;border:0;color:#075e5a}.page-header{position:relative;padding:0 0 1.25rem;margin-bottom:1.6rem;border-bottom:1px solid #dbe5ea}.page-header:after{position:absolute;bottom:-1px;left:0;width:74px;height:3px;border-radius:99px;content:"";background:linear-gradient(90deg,#f5b544,#12aaa2)}.page-header h1,.page-title{color:#112a42;font-size:clamp(2.05rem,4vw,3.15rem);font-weight:850;letter-spacing:-.07em}.eyebrow{color:#087f7a;font-size:.68rem}.surface-card,.panel-card{border:1px solid #dce6eb;border-radius:12px;background:#fff;box-shadow:0 10px 25px rgba(17,42,66,.055)}.surface-card{box-shadow:0 8px 20px rgba(17,42,66,.045)}.panel-card{padding:1.6rem}.metric-card{padding:1.35rem 1.45rem;border-top:3px solid #0f958e;border-radius:12px;background:linear-gradient(135deg,#fff 0%,#f5fcfb 100%)}.metric-card:after{right:-10px;bottom:-22px;width:92px;height:92px;background:radial-gradient(circle,#c4f4ef 0,rgba(196,244,239,0) 68%)}.metric-label{color:#66808c;font-size:.67rem;letter-spacing:.1em}.metric-value{color:#0d3041;font-size:2.15rem}.btn{border-radius:7px;font-size:.88rem;font-weight:800}.btn-brand{background:#087f7a;box-shadow:0 7px 0 #056560,0 13px 23px rgba(8,127,122,.18)}.btn-brand:hover{background:#0a928b;box-shadow:0 5px 0 #056560,0 10px 18px rgba(8,127,122,.19);transform:translateY(2px)}.btn-soft{color:#087f7a;background:#e2f5f2}.btn-soft:hover{color:#056560;background:#ccece7}.btn-outline-primary{border-color:#0b8f89;color:#087f7a}.form-label{color:#355067;font-size:.78rem;letter-spacing:.015em}.form-control,.form-select{min-height:47px;border-color:#d5e2e7;border-radius:7px;background:#f8fbfc}.form-control:focus,.form-select:focus{border-color:#19aaa1;box-shadow:0 0 0 .22rem rgba(25,170,161,.13)}.table-pro thead th{padding:1rem 1.2rem;background:#102b42;color:#d9f6f2;font-size:.66rem}.table-pro td{border-color:#e7eef1}.table-pro tbody tr:hover{background:#f2fbfa}.status-ready{background:#def6ef;color:#08765d}.status-pending{background:#fff1d8;color:#b96b08}.status-wrong{background:#ffebe7;color:#b54432}.empty-state{background:linear-gradient(135deg,#f7fcfc,#f0f7f8);border-color:#b8d9d7}.announcement-card,.attendance-row,.material-admin-item{border-radius:10px;border-left:3px solid #15a59d;background:#fff}.announcement-card h3{color:#143047}.material-card{border-radius:12px;border-top:3px solid #f3b346;box-shadow:0 12px 25px rgba(17,42,66,.06)}.material-card:hover,.academy-result-card:hover,.test-card:hover{transform:translateY(-5px);box-shadow:0 18px 32px rgba(17,42,66,.13)}.material-icon{border-radius:9px;background:#0f3147;color:#78f2e9}.material-tags span{color:#087f7a;background:#e4f6f3}.academy-result-card{border-radius:12px}.academy-result-card img{filter:saturate(.93) contrast(1.03)}.result-exam{color:#087f7a}.question-card,.review-card{border-radius:12px;border:1px solid #dce7ea;box-shadow:0 10px 25px rgba(17,42,66,.055)}.question-number{color:#087f7a;background:#dff6f2}.option{border-color:#d9e5e9!important;border-radius:8px!important}.option:hover{background:#f0fbf9!important;border-color:#78cfc8!important}.option:has(input:checked){background:#e7f8f5!important;border-color:#16a399!important}.option:has(input:checked) .option-letter{background:#087f7a}.app-footer{padding:1.35rem 0;color:#82909d;background:#0b1729;font-size:.78rem}.app-footer small{color:#5ee6da}.footer-mark{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:#4ee1d3;color:#082331;font-size:.62rem;font-weight:900}.landing-page{background:#eef4f5}.landing-page .page-shell{padding-top:1.75rem}.landing-final-hero{border:0;border-radius:0;background:linear-gradient(120deg,#0c1e32 0%,#12354b 55%,#0b7470 125%);box-shadow:0 22px 45px rgba(13,42,58,.18)}.landing-final-hero:after{position:absolute;right:-8%;bottom:-45%;width:540px;height:540px;border:1px solid rgba(135,255,246,.16);border-radius:50%;content:""}.landing-main h1{color:#fff;font-size:clamp(3rem,6vw,5.8rem)}.landing-main h1 em{color:#67ece0}.landing-lead{color:#c2d7df}.landing-kicker{color:#70e8df}.landing-kicker span{background:#f4b546;box-shadow:0 0 0 5px rgba(244,181,70,.16)}.btn-landing-outline{border-color:rgba(255,255,255,.32);color:#fff;background:transparent}.btn-landing-outline:hover{border-color:#78efe4;color:#fff;background:rgba(255,255,255,.11)}.landing-founders{color:#b7cbd3}.landing-founders strong{color:#fff}.study-card-main{border-color:rgba(156,255,246,.25);background:rgba(237,255,253,.95)}.study-icon{color:#087f7a;background:#dbf7f3}.study-progress b{background:linear-gradient(90deg,#0b827d,#54e2d5)}.score-float{background:#f4b546;color:#162c3c}.score-float span,.score-float small{color:#3e4c56}.academy-float{border:1px solid #dcebea}.landing-proof{border-radius:0;background:#102b42}.landing-proof div,.landing-proof a{border-left-color:#4ee1d3}.landing-proof strong{color:#e7ffff}.landing-proof span{color:#afcbd2}.landing-path{margin-top:5rem}.landing-section-heading h2{color:#112a42}.path-card{border-radius:0;border-top:3px solid #12a59d;box-shadow:0 9px 20px rgba(17,42,66,.045)}.path-card span{color:#087f7a}.landing-closing{border-radius:0;background:linear-gradient(105deg,#0a7e78,#0d2940)}.auth-page{background:#0b1729}.auth-promo{background:linear-gradient(145deg,#0b1729,#0b7772)}.auth-panel{background:#f4f8f9}.auth-form{padding:2rem;border:1px solid #dce6e9;border-radius:12px;background:#fff;box-shadow:0 20px 40px rgba(5,37,54,.1)}
@media(max-width:991px){.app-nav{position:relative}.nav-link-custom.active:after{bottom:-.1rem}.app-footer{margin-top:0}}@media(max-width:575px){.landing-final-hero{margin:0 -12px}.landing-proof{margin-left:-12px;margin-right:-12px}.app-footer .container{align-items:flex-start!important}.auth-form{padding:1.3rem}}

/* Compact administrator navigation */
.admin-overview-link{color:#d6f7f3;padding:.48rem .72rem;border:1px solid rgba(104,231,220,.28);border-radius:7px;font-size:.76rem;font-weight:800;white-space:nowrap}.admin-overview-link:hover,.admin-overview-link.active{color:#062630;background:#64e2d8}.admin-menu{position:relative}.admin-menu summary{display:flex;align-items:center;gap:.5rem;padding:.52rem .75rem;color:#fff;border:1px solid rgba(255,255,255,.17);border-radius:7px;background:rgba(255,255,255,.07);cursor:pointer;font-size:.76rem;font-weight:800;list-style:none;white-space:nowrap}.admin-menu summary::-webkit-details-marker{display:none}.admin-menu summary span{color:#60e3d8;font-size:1rem;transition:transform .18s}.admin-menu[open] summary{border-color:rgba(100,226,216,.7);background:rgba(100,226,216,.12)}.admin-menu[open] summary span{transform:rotate(180deg)}.admin-menu-panel{position:absolute;top:calc(100% + .75rem);right:0;z-index:200;width:min(680px,calc(100vw - 28px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;padding:.75rem;border:1px solid #24445a;border-radius:12px;background:#102b42;box-shadow:0 20px 45px rgba(1,12,24,.38)}.admin-menu-panel a{min-height:67px;padding:.7rem .75rem;border:1px solid rgba(159,210,213,.13);border-radius:8px;color:#e8ffff;background:rgba(255,255,255,.035);transition:background .15s,transform .15s}.admin-menu-panel a:hover{color:#fff;background:rgba(78,225,211,.14);transform:translateY(-2px)}.admin-menu-panel b,.admin-menu-panel span{display:block}.admin-menu-panel b{font-size:.78rem}.admin-menu-panel span{margin-top:.17rem;color:#9fc0c9;font-size:.66rem;font-weight:600}@media(max-width:767px){.admin-menu-panel{right:auto;left:0;grid-template-columns:repeat(2,minmax(0,1fr));width:min(470px,calc(100vw - 24px))}.admin-overview-link{display:none}.nav-links:has(.admin-menu){width:auto!important;order:initial}.app-nav .nav-links:has(.admin-menu){overflow:visible}}
.exam-mode{background:#e8eef1}.exam-mode .app-nav,.exam-mode .app-footer{display:none}.exam-mode .page-shell{padding:0}.exam-shell{max-width:1120px;padding:0 18px 3rem}.exam-topbar{display:flex;justify-content:space-between;align-items:center;padding:1.15rem 0;border-bottom:1px solid #c9d6dc}.exam-topbar p{margin:0 0 .22rem;color:#087f7a;font-size:.67rem;font-weight:900;letter-spacing:.12em}.exam-topbar h1{margin:0;color:#102b42;font-size:1.2rem;font-weight:850}.exam-header-actions{display:flex;align-items:center;gap:.85rem}.exam-timer{min-width:76px;text-align:right}.exam-timer span,.exam-timer strong{display:block}.exam-timer span{color:#64748b;font-size:.65rem;font-weight:900}.exam-timer strong{color:#b33b2b;font-size:1.55rem;font-variant-numeric:tabular-nums}.exam-submit{display:inline-flex;align-items:center;gap:.48rem;padding:.64rem .82rem;border:1px solid #d9a7a0;border-radius:8px;color:#8f3027;background:#fff;box-shadow:0 3px 0 #ead3cf,0 7px 14px rgba(107,38,30,.08);font-size:.74rem;font-weight:900;letter-spacing:.02em;transition:.18s}.exam-submit span{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;color:#fff;background:#b33b2b;font-size:.62rem}.exam-submit:hover{border-color:#b33b2b;color:#fff;background:#b33b2b;box-shadow:0 2px 0 #81271f,0 5px 12px rgba(107,38,30,.18);transform:translateY(1px)}.exam-submit:hover span{color:#8f3027;background:#fff}.exam-instructions{display:flex;gap:.8rem;margin:1rem 0;padding:.8rem 1rem;border-left:3px solid #f3b346;background:#fff8e9;color:#5d502e;font-size:.86rem}.exam-palette{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1.2rem;margin:1rem -18px 1.25rem;padding:.8rem 18px;background:#102b42;color:#fff;box-shadow:0 8px 18px rgba(16,43,66,.16)}.exam-palette small{display:block;color:#a9c8d0;font-size:.73rem}.palette-grid{display:flex;flex:1;flex-wrap:wrap;gap:.35rem}.palette-question{width:30px;height:30px;border:1px solid #7f98a5;border-radius:5px;color:#d9e7ea;background:transparent;font-size:.72rem;font-weight:800}.palette-question.visited{border-color:#d44c44;background:#d44c44;color:#fff}.palette-question.answered{border-color:#139c76;background:#139c76;color:#fff}.palette-question.review{border-color:#8353c7;background:#8353c7;color:#fff}.palette-key{display:grid;grid-template-columns:repeat(2,max-content);gap:.25rem .7rem;color:#c5d7dc;font-size:.62rem}.palette-key i{display:inline-block;width:8px;height:8px;margin-right:.18rem;border-radius:2px;background:transparent;border:1px solid #9db3bb}.palette-key .visited{background:#d44c44;border-color:#d44c44}.palette-key .answered{background:#139c76;border-color:#139c76}.palette-key .review{background:#8353c7;border-color:#8353c7}.exam-question{display:none;padding:clamp(1.3rem,4vw,2.5rem);border:1px solid #d4e0e4;background:#fff;box-shadow:0 15px 28px rgba(17,42,66,.07)}.exam-question.is-active{display:block}.question-heading{display:flex;gap:1rem;margin-bottom:2rem;font-size:1.14rem;font-weight:750;line-height:1.65}.question-heading>span{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:8px;color:#fff;background:#087f7a;font-size:.85rem}.exam-option{display:flex;align-items:flex-start;gap:.8rem;margin:.65rem 0;padding:1rem;border:1px solid #d5e1e5;border-radius:7px;cursor:pointer;transition:.15s}.exam-option:hover{border-color:#56bcb5;background:#f2fcfb}.exam-option:has(input:checked){border-color:#087f7a;background:#e5f7f4}.exam-option input{margin-top:.22rem}.exam-option span{display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;border-radius:50%;color:#536976;background:#eaf0f2;font-size:.72rem;font-weight:900}.exam-option:has(input:checked) span{color:#fff;background:#087f7a}.exam-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid #e1eaed}@media(max-width:767px){.exam-topbar{align-items:flex-start}.exam-header-actions{gap:.55rem}.exam-submit{padding:.55rem .62rem}.exam-submit span{display:none}.exam-palette{align-items:flex-start;flex-direction:column;gap:.6rem}.palette-key{display:none}.exam-actions{align-items:stretch;flex-direction:column}.exam-actions>div{display:flex;justify-content:space-between;gap:.5rem}.exam-actions .btn{flex:1}.question-heading{font-size:1rem}}
.test-wizard-head{max-width:700px;margin:0 auto 2.5rem;text-align:center}.test-wizard-head h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:850;letter-spacing:-.07em}.test-wizard-head p{color:#68758a}.wizard-steps{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.wizard-steps span{padding:.35rem .6rem;border-radius:99px;color:#7d8b97;background:#e1e8ec;font-size:.7rem;font-weight:800}.wizard-steps .active,.wizard-steps .done{color:#075e5a;background:#cceeea}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.choice-grid.two{grid-template-columns:repeat(2,1fr);max-width:700px;margin:auto}.choice-grid a{min-height:220px;padding:1.7rem;border:1px solid #d7e4e8;color:#123047;background:#fff;box-shadow:0 10px 24px rgba(17,42,66,.05);transition:.2s}.choice-grid a:hover{color:#123047;border-color:#0d9b94;transform:translateY(-5px);box-shadow:0 18px 35px rgba(17,42,66,.12)}.choice-grid span{display:grid;width:40px;height:40px;place-items:center;color:#fff;background:#087f7a;font-size:.8rem;font-weight:900}.choice-grid h2{margin:2rem 0 .55rem;font-size:1.35rem;font-weight:850}.choice-grid p{color:#718091}.test-list-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem;padding:1.25rem 1.4rem;border:1px solid #d9e5e9;background:#fff}.test-list-card h2{margin:0 0 .35rem;font-size:1.15rem;font-weight:850}.test-list-card p{margin:0;color:#718091;font-size:.85rem}.test-start-card{max-width:760px;margin:1.5rem auto;padding:clamp(1.5rem,4vw,3rem);border-top:4px solid #f3b346;background:#fff;box-shadow:0 20px 40px rgba(17,42,66,.1)}.test-start-card h1{font-size:2.2rem;font-weight:850}.start-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:1.6rem 0;background:#dce7e9}.start-metrics div{padding:1rem;background:#f5fbfb}.start-metrics span,.start-metrics strong{display:block}.start-metrics span{color:#718091;font-size:.68rem;font-weight:800;text-transform:uppercase}.start-metrics strong{margin-top:.25rem;font-size:1.25rem}.start-instructions{padding:1.1rem 1.25rem;margin-bottom:1.5rem;border-left:3px solid #087f7a;background:#eef8f7}.start-instructions h2{font-size:1rem;font-weight:850}.start-instructions li{margin:.4rem 0;color:#536878;font-size:.9rem}@media(max-width:767px){.choice-grid,.choice-grid.two{grid-template-columns:1fr}.choice-grid a{min-height:150px}.choice-grid h2{margin:1rem 0 .4rem}.test-list-card{align-items:flex-start;flex-direction:column}.start-metrics{grid-template-columns:1fr}}