/* ===== inline-style-1 ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:hidden;max-width:100vw}body{overflow-x:hidden;max-width:100vw}
body.sc-booting #s-landing{
  opacity:0!important;
  visibility:hidden!important;
}
body.sc-booting::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:9990;
  pointer-events:none;
  background:#050914;
}
:root{
  --bg:#0c0f1a;--purple:#3b82f6;--gold2:#2563eb;
  --red:#4f46e5;--red2:#6366f1;
  --green:#22c55e;--green-l:#bbf7d0;
  --err:#ef4444;--err-l:#fecaca;
  --text:#e8edf5;--muted:#8899b4;
  --border:rgba(59,130,246,0.16);--card:rgba(255,255,255,0.032);
}
html{}
body{background:var(--bg);color:var(--text);font-family:'Source Serif 4','Crimson Pro',Georgia,serif;font-size:19px;min-height:100vh;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse 70% 60% at 15% 10%,rgba(59,130,246,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 90%,rgba(79,70,229,.06) 0%,transparent 60%);pointer-events:none;}
/* ── CSS WAVE BACKGROUND ─────────────────────────── */

@media(prefers-reduced-motion:reduce){}
.essay-nav-btn{padding:14px 8px;border-radius:10px;border:1.5px solid rgba(99,102,241,.22);background:rgba(255,255,255,.02);cursor:pointer;font-family:inherit;transition:all .18s;text-align:center;color:var(--text)}
.essay-nav-btn:hover{border-color:rgba(99,102,241,.5);background:rgba(99,102,241,.07);transform:translateY(-2px)}
.essay-sel-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:4px}
.essay-q-btn{padding:12px 8px;border-radius:8px;border:1.5px solid rgba(79,142,247,.18);background:transparent;color:var(--muted);cursor:pointer;font-family:'Crimson Pro',serif;font-size:13px;line-height:1.4;transition:all .18s;text-align:center}
.essay-q-btn:hover{border-color:rgba(79,142,247,.45);color:var(--text)}
.essay-q-btn.sel{border-color:var(--purple);background:rgba(79,142,247,.1);color:var(--purple);font-weight:600}
.essay-textarea{width:100%;min-height:220px;background:rgba(255,255,255,.03);border:1.5px solid rgba(59,130,246,.18);border-radius:10px;color:var(--text);font-family:'Source Serif 4',Georgia,serif;font-size:15px;line-height:1.7;padding:16px;resize:vertical;outline:none;transition:border-color .18s}
.essay-textarea:focus{border-color:rgba(59,130,246,.5);background:rgba(59,130,246,.03)}
.doc-block{background:rgba(255,255,255,.03);border-left:3px solid rgba(99,102,241,.5);border-radius:0 8px 8px 0;padding:14px 16px;margin-bottom:10px;font-size:14px;line-height:1.6}
.doc-block-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#a78bfa;margin-bottom:6px;font-weight:600}
.doc-block-text{color:rgba(232,237,245,.82);font-style:italic}
.rubric-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid rgba(59,130,246,.08)}
.rubric-row:last-child{border-bottom:none}
.rubric-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:2px}
.rubric-badge.earned{background:rgba(34,197,94,.15);border:1.5px solid rgba(34,197,94,.4);color:#4ade80}
.rubric-badge.missed{background:rgba(239,68,68,.12);border:1.5px solid rgba(239,68,68,.35);color:#f87171}
.rubric-badge.partial{background:rgba(251,191,36,.12);border:1.5px solid rgba(251,191,36,.35);color:#fbbf24}
.rubric-criterion{font-size:14px;font-weight:600;color:var(--text);margin-bottom:3px}
.rubric-feedback{font-size:13px;color:var(--muted);line-height:1.5}
.score-ring{width:90px;height:90px;margin:0 auto 12px;position:relative}
.score-ring svg{transform:rotate(-90deg)}
.score-ring-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:26px;font-weight:900}
.weakness-chip{display:inline-block;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:20px;padding:4px 12px;font-size:12px;color:#f87171;margin:3px}
.strength-chip{display:inline-block;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:20px;padding:4px 12px;font-size:12px;color:#4ade80;margin:3px}
.saq-part-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--purple);font-weight:600;margin-bottom:8px}
.saq-part-q{font-size:15px;color:var(--text);line-height:1.6;margin-bottom:10px;padding:10px 14px;background:rgba(255,255,255,.02);border-radius:8px;border-left:3px solid rgba(59,130,246,.3)}
.essay-grade-btn{width:100%;padding:14px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#3b82f6);border:none;color:#fff;font-family:'Playfair Display',serif;font-size:16px;font-weight:700;cursor:pointer;margin-top:8px;letter-spacing:.5px;transition:opacity .18s}
.essay-grade-btn:hover{opacity:.9}
.essay-grade-btn:disabled{opacity:.5;cursor:not-allowed}
.grading-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:8px}
@keyframes spin{to{transform:rotate(360deg)}}
.response-annotated{background:rgba(255,255,255,.02);border:1px solid rgba(59,130,246,.14);border-radius:10px;padding:16px;font-size:14px;line-height:1.8;color:rgba(232,237,245,.75);margin-top:8px;white-space:pre-wrap;word-break:break-word}
.response-annotated mark.weak{background:rgba(239,68,68,.18);color:#fca5a5;border-radius:3px;padding:1px 2px}
.response-annotated mark.strong{background:rgba(34,197,94,.15);color:#86efac;border-radius:3px;padding:1px 2px}

#app{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center}
header{width:100%;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(59,130,246,.12);flex-shrink:0;position:static;top:auto;background:rgba(12,15,26,.95);backdrop-filter:blur(16px);z-index:100;}
.logo{display:flex;align-items:center;gap:10px}
.logo-star{color:var(--purple);font-size:18px}
.logo-name{font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:var(--text);letter-spacing:.3px}
.logo-sub{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);margin-top:2px}
nav{display:none}
.nav-btn{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);background:transparent;border:1px solid rgba(79,142,247,.15);border-radius:6px;padding:6px 11px;cursor:pointer;font-family:inherit;transition:all .18s;}
.nav-btn:hover,.nav-btn.active{color:var(--purple);border-color:rgba(79,142,247,.4);background:rgba(79,142,247,.06)}
#install-banner{width:100%;background:linear-gradient(135deg,rgba(79,70,229,.25),rgba(79,142,247,.12));border-bottom:1px solid rgba(79,142,247,.2);padding:12px 20px;display:none;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:99;}
#install-banner p{font-size:14px;color:var(--text);line-height:1.4}
#install-banner p strong{color:var(--purple)}
.install-actions{display:flex;gap:8px;flex-shrink:0}
.btn-install{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;border:none;border-radius:7px;padding:8px 16px;font-family:'Playfair Display',serif;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;}
.btn-dismiss{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--muted);border-radius:7px;padding:8px 12px;cursor:pointer;font-size:13px;font-family:inherit}
.sec{display:none;width:100%;max-width:1100px;padding:0 32px}
.sec.on{display:block!important}
#s-sat.sat-screen-active > :not(.sec.on){display:none!important}
#s-sat-quiz .card,#s-sat-results .card,#s-sat-pt-results .card,#s-pt-transition .card,#s-drills-quiz .card{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  animation:none!important;
}
.hero{text-align:center;padding:44px 0 28px;animation:fadeUp .7s ease both}
.eyebrow{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--muted);margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:12px}
.eyebrow::before,.eyebrow::after{content:'';display:block;height:1px;width:36px;background:linear-gradient(90deg,transparent,var(--purple2))}
.eyebrow::after{transform:scaleX(-1)}
h1{font-family:'Playfair Display',serif;font-size:clamp(38px,9vw,74px);font-weight:900;line-height:1;color:var(--text);margin-bottom:4px}
h1 em{color:var(--purple);font-style:normal}
.hero-sub{font-size:18px;color:var(--muted);margin:12px 0 28px;font-style:italic;line-height:1.6}
.card{background:rgba(255,255,255,.038);border:1px solid rgba(59,130,246,.14);border-radius:14px;padding:28px 32px;margin-bottom:20px;animation:fadeUp .45s ease both;position:relative;overflow:hidden}
.card::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.03) 50%,transparent 60%);transform:translateX(-100%);transition:transform .8s;pointer-events:none}
.card:hover::after{transform:translateX(100%)}
.card-title{font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--purple);letter-spacing:.5px;margin-bottom:16px;display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(59,130,246,.1)}

.period-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}
.p-btn{padding:10px 6px;border-radius:8px;border:1.5px solid rgba(79,142,247,.2);background:transparent;color:var(--muted);cursor:pointer;font-family:'Crimson Pro',serif;font-size:13px;line-height:1.3;transition:all .18s;text-align:center}
.p-btn:hover{border-color:rgba(79,142,247,.5);color:var(--text);background:rgba(79,142,247,.05)}
.p-btn.sel{border-color:var(--purple);background:rgba(79,142,247,.12);color:var(--purple);font-weight:600}
.p-btn.all-btn{grid-column:1/-1;font-size:14px;padding:10px}
.period-hint{font-size:13px;color:var(--muted);font-style:italic;margin-top:6px;text-align:center}
.count-row{margin-bottom:6px}
.count-num{font-family:'Playfair Display',serif;font-size:32px;font-weight:700;color:var(--purple);min-width:40px;text-align:center}
input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;outline:none;cursor:pointer;background:linear-gradient(90deg,var(--purple2) var(--pct,50%),rgba(79,142,247,.15) var(--pct,50%))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--purple);border:2px solid var(--bg);box-shadow:0 0 8px rgba(79,142,247,.5);cursor:pointer}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:2px solid var(--bg);background:var(--purple);cursor:pointer}
.count-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:0 10px;margin-top:5px}
.slider-wrap{position:relative;width:100%}
.avail-note{font-size:13px;color:var(--muted);font-style:italic;margin-top:8px;text-align:center;min-height:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:#fff;border:none;border-radius:8px;padding:13px 32px;font-family:'Playfair Display',serif;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:.3px;box-shadow:0 2px 12px rgba(79,70,229,.3);transition:all .18s}
.btn:hover{background:var(--red2);box-shadow:0 4px 20px rgba(79,70,229,.45);transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.btn.full{width:100%}
.btn-outline{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--purple);border:1.5px solid rgba(79,142,247,.35);border-radius:10px;padding:12px 18px;font-family:'Playfair Display',serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .18s}
.btn-outline:hover{border-color:var(--purple);background:rgba(79,142,247,.08)}
.start-wrap{text-align:center;padding:6px 0 24px}
.prog-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.prog-lbl{font-size:12px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}
.score-pill{font-family:'Playfair Display',serif;font-size:14px;font-weight:700;color:var(--purple);background:rgba(79,142,247,.1);padding:3px 14px;border-radius:20px;border:1px solid rgba(79,142,247,.2)}
.prog-bar{height:4px;background:rgba(79,142,247,.1);border-radius:2px;margin-bottom:22px;overflow:hidden}
.prog-fill{height:100%;background:linear-gradient(90deg,var(--red2),var(--purple));border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1)}
.badge{display:inline-block;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--purple2);background:rgba(79,142,247,.08);padding:5px 14px;border-radius:4px;border:1px solid rgba(79,142,247,.18);margin-bottom:14px}
.stimulus-box{background:rgba(79,142,247,.04);border:1px solid rgba(79,142,247,.25);border-left:4px solid var(--purple2);border-radius:10px;padding:18px 22px;margin-bottom:14px}
.stimulus-source{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--purple2);margin-bottom:10px;font-style:normal}
.stimulus-text{font-size:15px;line-height:1.75;color:#e2ddd5;font-style:italic}
.stimulus-tag{display:inline-block;font-size:10px;letter-spacing:2px;text-transform:uppercase;background:rgba(79,142,247,.12);color:var(--purple2);border:1px solid rgba(79,142,247,.25);border-radius:4px;padding:3px 10px;margin-bottom:12px}
.match-tag{display:inline-block;font-size:10px;letter-spacing:2px;text-transform:uppercase;background:rgba(79,142,247,.1);color:#4f8ef7;border:1px solid rgba(79,142,247,.25);border-radius:4px;padding:3px 10px;margin-bottom:12px}
.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.match-col{display:flex;flex-direction:column;gap:8px}
.match-col-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:4px;text-align:center}
.match-item{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.4;color:var(--text);cursor:pointer;transition:all .18s;text-align:center;min-height:54px;display:flex;align-items:center;justify-content:center}
.match-item:hover:not(.matched-correct):not(.matched-wrong):not(.dimmed){border-color:rgba(79,142,247,.45);background:rgba(79,142,247,.07)}
.match-item.sel-left{border-color:#4f8ef7;background:rgba(79,142,247,.13);color:#c7d9ff}
.match-item.matched-correct{border-color:var(--green)!important;background:rgba(34,197,94,.1)!important;color:var(--green-l)!important;cursor:default}
.match-item.matched-wrong{border-color:var(--err)!important;background:rgba(239,68,68,.1)!important;color:var(--err-l)!important;cursor:default}
.match-item.dimmed{opacity:.3;cursor:default}
.match-score-txt{font-size:13px;color:var(--muted);text-align:center;margin-bottom:10px}
@media(max-width:500px){.match-grid{grid-template-columns:1fr}}
.q-box{background:rgba(255,255,255,.02);border:1px solid rgba(79,142,247,.1);border-radius:12px;padding:20px 24px;margin-bottom:14px}
.q-text{font-size:21px;line-height:1.75;color:var(--text)}
.choices{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.choice{display:flex;gap:14px;align-items:flex-start;width:100%;text-align:left;font-size:17px;padding:13px 16px;border-radius:10px;border:1.5px solid rgba(79,142,247,.22);background:transparent;color:var(--text);font-family:'Crimson Pro',serif;font-size:16px;line-height:1.5;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.choice:hover:not(:disabled){border-color:rgba(79,142,247,.55);background:rgba(79,142,247,.05)}
.choice:disabled{cursor:default}
.choice.correct{border-color:#22c55e!important;background:rgba(34,197,94,.14)!important;color:#166534!important}
.choice.wrong{border-color:#ef4444!important;background:rgba(239,68,68,.13)!important;color:#991b1b!important}
.choice.dim{opacity:0.28!important;color:inherit!important}
.key{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--purple2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--purple2);transition:color .18s,border-color .18s}
.correct .key{color:var(--green);border-color:var(--green)}
.wrong   .key{color:var(--err);border-color:var(--err)}
.dim     .key{color:#3a3632;border-color:#3a3632}
.expl{border-radius:10px;padding:16px 20px;margin-bottom:14px;font-size:18px;line-height:1.65;color:#d6d3d1;animation:fadeUp .3s ease}
.expl.ok{background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.22)}
.expl.bad{background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.22)}
.verdict{font-weight:700;font-size:16px}
.verdict.ok{color:#4ade80}.verdict.bad{color:var(--err)}
.r-score{font-family:'Playfair Display',serif;font-size:70px;font-weight:900;color:var(--purple);line-height:1;margin-bottom:4px}
.r-grade{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;margin-bottom:6px}
.r-msg{color:var(--muted);font-style:italic;font-size:16px;margin-bottom:16px}
.r-xp-bar-wrap{background:rgba(79,142,247,.1);border-radius:4px;height:8px;overflow:hidden;margin-top:6px}
.r-xp-bar{height:100%;background:linear-gradient(90deg,var(--purple2),var(--purple));border-radius:4px;transition:width 1s ease}
.r-xp-label{font-size:12px;color:var(--muted);margin-top:5px;letter-spacing:1px}
.rev-hdr{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.rev-item{display:block;border-radius:10px;padding:14px 18px;margin-bottom:10px;border:1px solid}
.rev-item.ok{background:rgba(34,197,94,.05);border-color:rgba(34,197,94,.18)}
.rev-item.bad{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.18)}
.rev-period{font-size:11px;color:var(--muted);margin-bottom:3px;letter-spacing:1px}
.rev-q{font-size:17px;color:#e8edf8;line-height:1.4;margin-bottom:8px;font-weight:600}
.rev-ans{font-size:13px;margin-bottom:8px}
.rev-expl{font-size:16px;line-height:1.7;color:#a8bdd4;border-top:1px solid rgba(255,255,255,.07);padding-top:8px;margin-top:4px}
.result-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.level-banner{background:linear-gradient(135deg,rgba(79,70,229,.25),rgba(79,142,247,.1));border:1px solid rgba(79,142,247,.25);border-radius:14px;padding:22px 26px;margin-bottom:20px;text-align:center;}
.level-icon{font-size:48px;margin-bottom:8px}
.level-name{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:var(--purple);margin-bottom:4px}
.level-xp{font-size:13px;color:var(--muted);margin-bottom:12px;letter-spacing:1px}
.lv-bar-wrap{background:rgba(79,142,247,.1);border-radius:4px;height:8px;overflow:hidden}
.lv-bar{height:100%;background:linear-gradient(90deg,var(--purple2),var(--purple));border-radius:4px;transition:width .8s ease}
.lv-next{font-size:12px;color:var(--muted);margin-top:6px;text-align:right}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
.stat-box{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 8px;text-align:center}
.stat-box-num{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:var(--purple)}
.stat-box-lbl{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:3px}
.ach-section{margin-bottom:26px}
.ach-section-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ach-section-title{font-family:'Playfair Display',serif;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase}
.ach-section-count{font-size:11px;color:var(--muted);letter-spacing:1px;white-space:nowrap}
.ach-section-line{flex:1;height:1px;opacity:.25}
.ach-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ach-item{background:rgba(255,255,255,.028);border:1px solid rgba(59,130,246,.13);border-radius:10px;padding:14px 14px 14px 14px;display:flex;gap:11px;align-items:flex-start;transition:all .2s;position:relative;overflow:hidden}
.ach-item.earned{opacity:1}
.ach-item.locked{opacity:.32;filter:grayscale(.75)}
.ach-item.locked:hover{opacity:.48}
.ach-rarity-bar{position:absolute;top:0;left:0;right:0;height:3px}
.ach-rarity-badge{display:inline-block;font-size:9px;letter-spacing:2px;text-transform:uppercase;font-weight:700;padding:2px 8px;border-radius:4px;margin-bottom:5px}
.ach-icon{font-size:26px;flex-shrink:0;margin-top:6px}
.ach-name{font-family:'Playfair Display',serif;font-size:13px;font-weight:700;margin-bottom:3px}
.ach-item.locked .ach-name{color:var(--muted)}
.ach-desc{font-size:14px;color:var(--muted);line-height:1.55}
.ach-earned-tag{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--green);margin-top:5px}
@keyframes mythicShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.rarity-mythic .ach-rarity-bar{background:linear-gradient(90deg,#f472b6,#a78bfa,#4f8ef7,#34d399,#a78bfa,#f472b6);background-size:300% 100%;animation:mythicShimmer 4s ease infinite}
.rarity-legendary .ach-rarity-bar{background:linear-gradient(90deg,#8b5cf6,#a78bfa,#ddd6fe)}
.rarity-epic .ach-rarity-bar{background:linear-gradient(90deg,#4f46e5,#a78bfa)}
.rarity-rare .ach-rarity-bar{background:linear-gradient(90deg,#2f6dd4,#4f8ef7)}
.rarity-common .ach-rarity-bar{background:rgba(148,163,184,.5)}
.ach-item.earned.rarity-mythic{border-color:rgba(244,114,182,.5)}
.ach-item.earned.rarity-legendary{border-color:rgba(167,139,250,.4)}
.ach-item.earned.rarity-epic{border-color:rgba(167,139,250,.45)}
.ach-item.earned.rarity-rare{border-color:rgba(79,142,247,.4)}
.ach-item.earned.rarity-common{border-color:rgba(148,163,184,.35)}
#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(80px);background:rgba(18,16,24,.96);border:1px solid rgba(79,142,247,.3);border-radius:14px;padding:14px 22px;z-index:999;font-size:15px;color:var(--text);text-align:center;backdrop-filter:blur(12px);max-width:320px;width:88%;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .35s;opacity:0;pointer-events:none;}
#toast.show{transform:translateX(-50%) translateY(0);opacity:1}
#toast .t-icon{font-size:26px;margin-bottom:4px}
#toast .t-title{font-family:'Playfair Display',serif;font-weight:700;color:var(--purple);font-size:15px}
#toast .t-desc{font-size:13px;color:var(--muted);margin-top:2px}
footer{width:100%;padding:22px 24px;border-top:1px solid var(--border);text-align:center;color:var(--muted);font-size:13px;letter-spacing:1px;margin-top:auto}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.sat-hub{text-align:center;padding:44px 0 28px;animation:fadeUp .6s ease both}
.sat-nav-tabs{display:flex;gap:8px;margin-bottom:28px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:12px;padding:6px}
.sat-tab{flex:1;padding:10px 8px;border-radius:8px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-family:'Playfair Display',serif;font-size:13px;font-weight:700;letter-spacing:.5px;transition:all .2s;text-align:center}
.sat-tab:hover{color:var(--text)}
.sat-tab.active-eng{background:rgba(79,142,247,.15);color:#4f8ef7;border:1px solid rgba(79,142,247,.3)}
.sat-tab.active-math{background:rgba(167,139,250,.15);color:#a78bfa;border:1px solid rgba(167,139,250,.3)}
.sat-tab.active-overview{background:rgba(79,142,247,.12);color:var(--purple);border:1px solid rgba(79,142,247,.25)}

.sat-unit-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:24px}
.sat-unit-card{border:1px solid rgba(59,130,246,.15);border-radius:10px;padding:20px 22px;cursor:pointer;background:var(--card);transition:all .22s;position:relative;overflow:hidden;}
.sat-unit-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px;transition:opacity .2s;opacity:0}
.sat-unit-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.35)}
.sat-unit-card.eng-unit{border-color:rgba(79,142,247,.25)}.sat-unit-card.eng-unit::before{background:#4f8ef7;opacity:1}
.sat-unit-card.math-unit{border-color:rgba(167,139,250,.25)}.sat-unit-card.math-unit::before{background:#a78bfa;opacity:1}
.sat-unit-card.eng-unit:hover{border-color:#4f8ef7;background:rgba(79,142,247,.05)}
.sat-unit-card.math-unit:hover{border-color:#a78bfa;background:rgba(167,139,250,.05)}
.sat-unit-card.featured{border-color:rgba(79,142,247,.4)!important}.sat-unit-card.featured::after,.concept-chip.featured::after{content:' HIGH YIELD';position:absolute;top:10px;right:10px;font-size:9px;letter-spacing:2px;color:var(--purple);background:rgba(79,142,247,.12);border:1px solid rgba(79,142,247,.25);border-radius:4px;padding:2px 8px}
.unit-card-header{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.unit-icon{font-size:28px;flex-shrink:0}
.unit-title{font-family:'Playfair Display',serif;font-size:16px;font-weight:700}
.eng-unit .unit-title{color:#4f8ef7}.math-unit .unit-title{color:#a78bfa}
.unit-desc{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:10px}
.unit-tags{display:flex;flex-wrap:wrap;gap:5px}
.unit-tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:4px;border:1px solid}
.unit-tag.eng{background:rgba(79,142,247,.07);color:#7dd3fc;border-color:rgba(79,142,247,.2)}
.unit-tag.math{background:rgba(167,139,250,.07);color:#c4b5fd;border-color:rgba(167,139,250,.2)}
.unit-q-count{font-size:11px;color:var(--muted);margin-top:8px;font-style:italic}

.overview-section{margin-bottom:28px}
.overview-title{font-family:'Playfair Display',serif;font-size:17px;font-weight:700;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}
.overview-title.eng{color:#4f8ef7}.overview-title.math{color:#a78bfa}
.concept-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.concept-chip{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 14px;transition:all .18s}
.concept-chip.eng{border-left:3px solid rgba(79,142,247,.5)}.concept-chip.math{border-left:3px solid rgba(167,139,250,.5)}
.concept-chip-name{font-size:13px;font-weight:600;margin-bottom:3px}
.concept-chip.eng .concept-chip-name{color:#7dd3fc}.concept-chip.math .concept-chip-name{color:#c4b5fd}
.concept-chip-pct{font-size:11px;color:var(--purple);font-style:italic}
.concept-chip-desc{font-size:11px;color:var(--muted);line-height:1.4;margin-top:3px}
.score-guide{background:rgba(79,142,247,.04);border:1px solid rgba(79,142,247,.18);border-radius:12px;padding:18px 22px;margin-bottom:20px}
.score-guide-title{font-family:'Playfair Display',serif;font-size:13px;color:var(--purple);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}
.score-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(79,142,247,.08);font-size:13px}
.score-row:last-child{border-bottom:none}
.score-range{color:var(--purple);font-family:'Playfair Display',serif;font-weight:700}
.score-label{color:var(--muted)}

.sat-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 28px}
.sat-card{border:1.5px solid var(--border);border-radius:14px;padding:32px 20px;cursor:pointer;background:var(--card);transition:all .22s;text-align:center}
.sat-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.35)}
.sat-card.english{border-color:rgba(79,142,247,.3)}.sat-card.english:hover{border-color:#4f8ef7;background:rgba(79,142,247,.06)}
.sat-card.math{border-color:rgba(167,139,250,.3)}.sat-card.math:hover{border-color:#a78bfa;background:rgba(167,139,250,.06)}
.sat-card-icon{font-size:40px;margin-bottom:12px}
.sat-card-title{font-family:'Playfair Display',serif;font-size:20px;font-weight:700;margin-bottom:6px}
.sat-card.english .sat-card-title{color:#4f8ef7}.sat-card.math .sat-card-title{color:#a78bfa}
.sat-card-desc{font-size:14px;color:var(--muted);line-height:1.5}
.sat-q-tag{display:inline-block;font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:3px 10px;border-radius:4px;margin-bottom:12px}
.sat-q-tag.eng{background:rgba(79,142,247,.1);color:#4f8ef7;border:1px solid rgba(79,142,247,.25)}
.sat-q-tag.mth{background:rgba(167,139,250,.1);color:#a78bfa;border:1px solid rgba(167,139,250,.25)}
.sat-passage{font-size:16px;background:rgba(255,255,255,.025);border:1px solid rgba(79,142,247,.18);border-left:4px solid #4f8ef7;border-radius:10px;padding:16px 20px;margin-bottom:14px;font-size:15px;line-height:1.75;color:#e2ddd5;font-style:italic}
.sat-passage-src{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#4f8ef7;margin-bottom:10px;font-style:normal}
.sat-formula{background:rgba(167,139,250,.06);border:1px solid rgba(167,139,250,.2);border-radius:8px;padding:12px 18px;margin-bottom:14px;font-family:'Courier New',monospace;font-size:15px;color:#c4b5fd;text-align:center}
.sat-section-header{text-align:center;margin-bottom:20px;padding:16px 0 0}
.sat-section-header h2{font-family:'Playfair Display',serif;font-size:clamp(26px,6vw,44px);font-weight:900}
.sat-section-header h2 em{font-style:normal}
.sat-section-header h2.eng-h{color:#4f8ef7}.sat-section-header h2.math-h{color:#a78bfa}
.sat-quiz-unit-tag{display:inline-block;font-size:10px;letter-spacing:3px;text-transform:uppercase;padding:4px 12px;border-radius:4px;margin-bottom:8px}
.sat-quiz-unit-tag.eng{background:rgba(79,142,247,.12);color:#4f8ef7;border:1px solid rgba(79,142,247,.25)}
.sat-quiz-unit-tag.math{background:rgba(167,139,250,.12);color:#a78bfa;border:1px solid rgba(167,139,250,.25)}
@media(max-width:500px){.sat-cards{grid-template-columns:1fr}.concept-grid{grid-template-columns:1fr}}

@media(max-width:560px){
  header{padding:12px 14px}
  .card{padding:18px 14px}
  .period-grid{grid-template-columns:repeat(2,1fr)}
  .p-btn.all-btn{grid-column:1/-1}
  .ach-grid{grid-template-columns:1fr}
  .result-actions{flex-direction:column}
  .stats-grid{grid-template-columns:repeat(3,1fr)}
}

.pt-hero{text-align:center;padding:36px 0 24px;animation:fadeUp .6s ease both}
.pt-tab-active{background:linear-gradient(135deg,rgba(79,142,247,.2),rgba(201,149,42,.1))!important;color:var(--purple)!important;border-color:rgba(79,142,247,.5)!important}
.pt-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.pt-info-box{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}
.pt-info-num{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:var(--purple)}
.pt-info-lbl{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:3px}
.pt-section-divider{border:none;border-top:1px solid var(--border);margin:20px 0;position:relative}
.pt-section-divider::after{content:attr(data-label);position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--bg);padding:0 12px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.pt-progress-section{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}

.score-display-wrap{padding:28px 0 20px;text-align:center}
.score-section-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
.score-section-box{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:20px 16px;text-align:center}
.score-section-box.eng-box{border-color:rgba(79,142,247,.3)}
.score-section-box.math-box{border-color:rgba(167,139,250,.3)}
.score-section-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}
.score-section-box.eng-box .score-section-label{color:#4f8ef7}
.score-section-box.math-box .score-section-label{color:#a78bfa}
.score-section-num{font-family:'Playfair Display',serif;font-size:38px;font-weight:900;line-height:1}
.score-section-box.eng-box .score-section-num{color:#4f8ef7}
.score-section-box.math-box .score-section-num{color:#a78bfa}
.score-section-sub{font-size:12px;color:var(--muted);margin-top:4px}
.total-score-display{font-family:'Playfair Display',serif;font-size:72px;font-weight:900;color:var(--purple);line-height:1;margin-bottom:4px}
.total-score-label{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.score-percentile{font-size:15px;color:var(--text);margin-bottom:20px;font-style:italic}

.breakdown-section{margin-bottom:22px}
.breakdown-title{font-family:'Playfair Display',serif;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.breakdown-title.eng{color:#4f8ef7}.breakdown-title.math{color:#a78bfa}
.breakdown-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.breakdown-label{font-size:12px;color:var(--muted);width:160px;flex-shrink:0;line-height:1.3}
.breakdown-bar-wrap{flex:1;height:10px;background:rgba(255,255,255,.05);border-radius:5px;overflow:hidden}
.breakdown-bar{height:100%;border-radius:5px;transition:width 1s cubic-bezier(.4,0,.2,1)}
.breakdown-bar.eng{background:linear-gradient(90deg,#2f6dd4,#4f8ef7)}
.breakdown-bar.math{background:linear-gradient(90deg,#6366f1,#a78bfa)}
.breakdown-bar.low{background:linear-gradient(90deg,#6366f1,#ef4444)}
.breakdown-bar.mid{background:linear-gradient(90deg,#7c3aed,#a78bfa)}
.breakdown-pct{font-size:12px;font-weight:700;width:36px;text-align:right;flex-shrink:0}

.study-plan{background:rgba(79,142,247,.04);border:1px solid rgba(79,142,247,.18);border-radius:14px;padding:22px;margin-bottom:20px}
.study-plan-title{font-family:'Playfair Display',serif;font-size:15px;font-weight:700;color:var(--purple);margin-bottom:14px;letter-spacing:1px}
.study-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(79,142,247,.1)}
.study-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.study-priority{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;font-family:'Playfair Display',serif}
.study-priority.high{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}
.study-priority.med{background:rgba(167,139,250,.12);color:#a78bfa;border:1px solid rgba(167,139,250,.25)}
.study-priority.good{background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.25)}
.study-item-text{flex:1}
.study-item-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}
.study-item-desc{font-size:12px;color:var(--muted);line-height:1.45}

@media(max-width:500px){.pt-info-grid{grid-template-columns:1fr 1fr}.score-section-row{grid-template-columns:1fr 1fr}.breakdown-label{width:120px}}

.fc-deck-tabs{display:flex;gap:10px;margin-bottom:22px}
.fc-deck-btn{flex:1;padding:11px 0;border-radius:10px;border:1.5px solid rgba(79,142,247,.25);background:transparent;color:var(--muted);font-family:'Playfair Display',serif;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.5px;transition:all .2s}
.fc-deck-btn.active{background:linear-gradient(135deg,var(--red),var(--red2));border-color:transparent;color:#fff;box-shadow:0 4px 18px rgba(79,70,229,.4)}

.fc-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.fc-counter{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.fc-progress-wrap{flex:1;height:3px;background:rgba(79,142,247,.1);border-radius:2px;margin:0 16px;overflow:hidden}
.fc-progress-fill{height:100%;background:linear-gradient(90deg,var(--red2),var(--purple));border-radius:2px;transition:width .4s ease}
.fc-score-pill{font-size:12px;font-family:'Playfair Display',serif;font-weight:700;color:var(--purple);background:rgba(79,142,247,.1);padding:3px 12px;border-radius:20px;border:1px solid rgba(79,142,247,.2)}

.fc-scene{width:100%;perspective:1000px;margin-bottom:20px}
.fc-card{width:100%;min-height:240px;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);cursor:pointer;user-select:none}
.fc-card.flipped{transform:rotateY(180deg)}
.fc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 32px;text-align:center}
.fc-front{background:linear-gradient(145deg,rgba(79,142,247,.08),rgba(79,70,229,.06));border:1.5px solid rgba(79,142,247,.3)}
.fc-back{background:linear-gradient(145deg,rgba(79,70,229,.1),rgba(79,142,247,.06));border:1.5px solid rgba(99,102,241,.35);transform:rotateY(180deg)}

.fc-tap-hint{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:rgba(79,142,247,.5);margin-bottom:14px}
.fc-word{font-family:'Playfair Display',serif;font-size:clamp(26px,6vw,42px);font-weight:900;color:var(--text);line-height:1.15;margin-bottom:10px}
.fc-pos{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--purple);opacity:.7}
.fc-def{font-size:20px;line-height:1.75;color:var(--text);margin-bottom:14px;font-style:italic}
.fc-ex{font-size:15px;color:var(--muted);line-height:1.55;border-top:1px solid rgba(79,142,247,.15);padding-top:12px;margin-top:2px}
.fc-ex::before{content:'e.g. ';color:var(--purple);font-style:normal;font-size:11px;letter-spacing:1px;text-transform:uppercase}

.fc-root-label{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--purple);margin-bottom:8px;opacity:.8}
.fc-root-word{font-family:'Playfair Display',serif;font-size:clamp(30px,7vw,48px);font-weight:900;color:var(--text);margin-bottom:6px}
.fc-root-meaning{font-size:16px;color:var(--muted);font-style:italic}
.fc-root-examples{font-size:13px;color:var(--text);line-height:1.7;margin-top:12px;border-top:1px solid rgba(79,142,247,.15);padding-top:12px;width:100%}

.fc-controls{display:flex;gap:10px;margin-bottom:22px}
.fc-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:10px;border:1.5px solid rgba(79,142,247,.25);background:transparent;color:var(--muted);font-family:'Crimson Pro',serif;font-size:15px;cursor:pointer;transition:all .18s}
.fc-btn:hover{border-color:rgba(79,142,247,.5);color:var(--text);background:rgba(79,142,247,.05)}
.fc-btn.fc-knew{border-color:rgba(34,197,94,.3);color:#4ade80}
.fc-btn.fc-knew:hover{background:rgba(34,197,94,.07)}
.fc-btn.fc-again{border-color:rgba(239,68,68,.25);color:#f87171}
.fc-btn.fc-again:hover{background:rgba(239,68,68,.06)}
.fc-btn:disabled{opacity:.35;cursor:not-allowed}

.fc-shuffle-row{display:flex;gap:10px;margin-bottom:14px}
.fc-shuffle-btn{flex:1;padding:9px;border-radius:8px;border:1px solid rgba(79,142,247,.2);background:transparent;color:var(--muted);font-size:13px;cursor:pointer;font-family:'Crimson Pro',serif;transition:all .18s}
.fc-shuffle-btn:hover{border-color:rgba(79,142,247,.45);color:var(--text)}

.fc-done-box{text-align:center;padding:40px 20px;background:rgba(79,142,247,.04);border:1.5px solid rgba(79,142,247,.2);border-radius:18px;margin-bottom:20px}
.fc-done-icon{font-size:52px;margin-bottom:12px}
.fc-done-title{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:var(--purple);margin-bottom:6px}
.fc-done-sub{font-size:14px;color:var(--muted);line-height:1.55}
.fc-stats-row{display:flex;gap:12px;justify-content:center;margin:18px 0}
.fc-stat{text-align:center}
.fc-stat-num{font-family:'Playfair Display',serif;font-size:28px;font-weight:700}
.fc-stat-lbl{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:2px}

.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:transparent;border:1.5px solid rgba(79,142,247,.2);border-radius:8px;cursor:pointer;padding:0;transition:border-color .18s,background .18s;flex-shrink:0}
.hamburger:hover{border-color:rgba(79,142,247,.5);background:rgba(79,142,247,.07)}
.hamburger span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;transition:all .28s cubic-bezier(.4,0,.2,1)}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:199;opacity:0;pointer-events:none;transition:opacity .28s ease;backdrop-filter:blur(3px)}
.drawer-overlay.open{opacity:1;pointer-events:all}

.drawer{position:fixed;top:0;right:0;bottom:0;width:265px;background:rgba(12,15,26,.98);border-left:1px solid rgba(59,130,246,.12);z-index:200;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;backdrop-filter:blur(20px)}
.drawer.open{transform:translateX(0)}

.drawer-header{display:flex;align-items:center;gap:10px;padding:20px 20px 16px;border-bottom:1px solid rgba(79,142,247,.12)}
.drawer-close{margin-left:auto;background:transparent;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .18s}
.drawer-close:hover{color:var(--text)}

.drawer-links{display:flex;flex-direction:column;gap:4px;padding:16px 12px;flex:1;overflow-y:auto;overscroll-behavior:contain}
.drawer-btn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 16px;border-radius:10px;border:none;background:transparent;color:var(--muted);font-family:'Source Serif 4',serif;font-size:18px;cursor:pointer;transition:all .18s;letter-spacing:.3px}
.drawer-btn:hover{background:rgba(79,142,247,.08);color:var(--text)}
.drawer-btn.active{background:rgba(79,142,247,.12);color:var(--purple);font-weight:600}
.drawer-btn.sub-item{padding-left:36px;font-size:16px}
.drawer-btn::before{content:'-';font-size:13px;opacity:.35;margin-right:2px}
.drawer-btn.sub-item::before{opacity:.45}
body.menu-open{overflow:hidden!important}

.lp-hero{text-align:center;padding:72px 24px 60px;max-width:900px;margin:0 auto}
.lp-badge{display:inline-block;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--purple);background:rgba(79,142,247,.1);border:1px solid rgba(79,142,247,.25);border-radius:20px;padding:5px 16px;margin-bottom:24px;font-weight:600}
.lp-h1{font-family:'Playfair Display',serif;font-size:clamp(34px,8vw,62px);font-weight:900;line-height:1.12;margin-bottom:20px;letter-spacing:0}
.lp-h1 em{color:var(--purple);font-style:normal}
.lp-sub{font-size:clamp(15px,3vw,18px);color:var(--muted);line-height:1.7;max-width:560px;margin:0 auto 36px}
.lp-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}

.lp-section{padding:56px 24px;max-width:1100px;margin:0 auto}
.lp-section-title{font-family:'Playfair Display',serif;font-size:clamp(24px,5vw,36px);font-weight:900;line-height:1.2;margin-bottom:12px}
.lp-divider{width:100%;height:1px;background:var(--border);opacity:.5}

.lp-feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.lp-feat-icon{font-size:28px;margin-bottom:12px}
.lp-feat-title{font-family:'Playfair Display',serif;font-weight:700;font-size:15px;color:var(--text);margin-bottom:6px}
.lp-feat-desc{font-size:15px;color:var(--muted);line-height:1.65}
.lp-path-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px;text-align:left}
.lp-path-top{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.lp-path-icon{font-size:24px;line-height:1}
.lp-path-title{font-family:'Playfair Display',serif;font-size:17px;font-weight:800;color:var(--text)}
.lp-path-desc{font-size:14px;color:var(--muted);line-height:1.55;margin-bottom:12px}
.lp-path-action{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--purple);font-weight:700}
.lp-start-list{display:grid;grid-template-columns:1fr;gap:10px}
.lp-start-num{width:34px;height:34px;border-radius:8px;border:1px solid rgba(79,142,247,.24);background:rgba(79,142,247,.08);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-weight:900;color:var(--purple)}
.lp-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lp-status-kicker{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--purple);margin-bottom:6px}
.lp-status-title{font-family:'Playfair Display',serif;font-size:17px;font-weight:800;margin-bottom:6px}
.lp-status-copy{font-size:14px;color:var(--muted);line-height:1.55}

.lp-steps{display:flex;flex-direction:column;gap:0}
.lp-step{display:flex;gap:20px;align-items:flex-start;padding:24px 0;border-bottom:1px solid rgba(79,142,247,.08)}
.lp-step:last-child{border-bottom:none}
.lp-step-num{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--red2));display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-weight:900;font-size:16px;color:#fff;flex-shrink:0}
.lp-step-title{font-family:'Playfair Display',serif;font-weight:700;font-size:15px;color:var(--text);margin-bottom:4px}
.lp-step-desc{font-size:15px;color:var(--muted);line-height:1.65}

.lp-sat-block{background:linear-gradient(135deg,rgba(79,142,247,.07),rgba(79,70,229,.08));border:1.5px solid rgba(79,142,247,.2);border-radius:18px;padding:36px 32px;margin-bottom:16px}
.lp-sat-title{font-family:'Playfair Display',serif;font-size:clamp(22px,4vw,30px);font-weight:900;margin-bottom:12px}
.lp-sat-title em{color:var(--purple);font-style:normal}
.lp-sat-desc{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:24px;max-width:520px}
.lp-sat-pills{display:flex;flex-wrap:wrap;gap:8px}
.lp-sat-pill{font-size:12px;padding:6px 14px;border-radius:20px;background:rgba(79,142,247,.1);border:1px solid rgba(79,142,247,.25);color:var(--purple);letter-spacing:.5px}

.lp-final-cta{text-align:center;padding:72px 24px 80px;background:linear-gradient(180deg,transparent,rgba(79,142,247,.05))}
.lp-final-title{font-family:'Playfair Display',serif;font-size:clamp(26px,6vw,44px);font-weight:900;margin-bottom:14px;line-height:1.2}
.lp-final-sub{font-size:15px;color:var(--muted);margin-bottom:32px;line-height:1.6;max-width:440px;margin-left:auto;margin-right:auto}

@media(max-width:520px){
  .lp-cta-row{flex-direction:column;align-items:center}
  
  
  .lp-sat-block{padding:24px 20px}
  .lp-path-grid,.lp-status-grid{grid-template-columns:1fr}
}

.auth-divider{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase}

.strategy-card{background:linear-gradient(135deg,rgba(79,142,247,.06),rgba(79,70,229,.08));border:1.5px solid rgba(79,142,247,.25);border-radius:16px;padding:24px;margin-bottom:16px}
.strategy-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.strategy-title{font-family:'Playfair Display',serif;font-size:15px;font-weight:700;color:var(--text);letter-spacing:.5px}
.strategy-score-big{font-family:'Playfair Display',serif;font-size:48px;font-weight:900;line-height:1}
.strategy-score-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-top:4px}
.strategy-grade{font-size:13px;font-style:italic;margin-top:4px}
.strategy-components{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.strategy-comp-row{display:flex;align-items:center;gap:10px}
.strategy-comp-icon{font-size:16px;width:24px;text-align:center;flex-shrink:0}
.strategy-comp-label{font-size:14px;color:var(--muted);width:145px;flex-shrink:0}
.strategy-comp-bar-wrap{flex:1;height:8px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden}
.strategy-comp-bar{height:100%;border-radius:4px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}
.strategy-comp-score{font-size:12px;font-weight:700;width:34px;text-align:right;flex-shrink:0}
.strategy-comp-insight{font-size:14px;color:var(--muted);font-style:italic;margin-top:2px;padding-left:34px}
.strategy-lost-points{background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:14px 16px;margin-top:14px;text-align:center}
.strategy-lost-num{font-family:'Playfair Display',serif;font-size:28px;font-weight:900;color:#f87171;margin-bottom:2px}
.strategy-lost-label{font-size:12px;color:var(--muted);line-height:1.4}
.strategy-timer-badge{position:absolute;top:10px;right:12px;font-size:11px;letter-spacing:1px;font-family:'Crimson Pro',serif;color:var(--muted);display:flex;align-items:center;gap:4px}
.strategy-timer-badge.slow{color:#a78bfa}
.strategy-timer-badge.fast{color:#4ade80}

.drill-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;border-radius:12px;border:1.5px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;transition:all .18s;font-family:'Crimson Pro',serif;line-height:1.2}
.drill-btn:hover{transform:translateY(-2px)}
.drill-btn.solve{border-color:rgba(74,222,128,.3)}
.drill-btn.solve:hover{background:rgba(74,222,128,.08);border-color:rgba(74,222,128,.6)}
.drill-btn.skip{border-color:rgba(167,139,250,.3)}
.drill-btn.skip:hover{background:rgba(167,139,250,.06);border-color:rgba(167,139,250,.6)}
.drill-btn.guess{border-color:rgba(248,113,113,.3)}
.drill-btn.guess:hover{background:rgba(248,113,113,.06);border-color:rgba(248,113,113,.6)}
.drill-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.drill-btn.chosen.solve{background:rgba(74,222,128,.12);border-color:#4ade80}
.drill-btn.chosen.skip{background:rgba(167,139,250,.1);border-color:#a78bfa}
.drill-btn.chosen.guess{background:rgba(248,113,113,.1);border-color:#f87171}

.profile-overthinker{color:#f87171}
.profile-rusher{color:#a78bfa}
.profile-balanced{color:#4ade80}
.profile-inconsistent{color:#a78bfa}
.dr-stat-box{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px;text-align:center}
.dr-stat-num{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;margin-bottom:2px}
.dr-stat-lbl{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}

.time-chart{display:flex;align-items:flex-end;gap:4px;height:80px;margin:16px 0 6px;padding:0 4px}
.time-bar{flex:1;border-radius:3px 3px 0 0;min-height:4px;position:relative;transition:height .6s ease;cursor:default}
.time-bar-label{font-size:9px;text-align:center;color:var(--muted);margin-top:4px}
.time-chart-labels{display:flex;gap:4px;padding:0 4px}
.time-chart-label{flex:1;font-size:9px;text-align:center;color:var(--muted);overflow:hidden;white-space:nowrap}

.pt-timer{display:flex;align-items:center;gap:8px;font-family:'Playfair Display',serif;font-weight:700;font-size:18px;color:var(--text);padding:6px 14px;border-radius:8px;background:rgba(79,142,247,.08);border:1px solid rgba(79,142,247,.2);transition:all .3s}
.pt-timer.warn{background:rgba(167,139,250,.1);border-color:rgba(167,139,250,.3);color:#a78bfa}
.pt-timer.danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35);color:#f87171;animation:timerPulse 1s ease infinite}
@keyframes timerPulse{0%,100%{opacity:1}50%{opacity:.6}}
.pt-module-badge{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.pt-module-label{font-family:'Playfair Display',serif;font-size:15px;font-weight:700}

.module-transition{text-align:center;padding:40px 20px}
.module-transition-icon{font-size:56px;margin-bottom:16px}
.module-transition-title{font-family:'Playfair Display',serif;font-size:26px;font-weight:900;margin-bottom:10px}
.module-transition-sub{font-size:16px;color:var(--muted);line-height:1.6;margin-bottom:28px;max-width:400px;margin-left:auto;margin-right:auto}
.module-difficulty-tag{display:inline-block;padding:6px 18px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:20px}
.difficulty-hard{background:rgba(239,68,68,.12);color:#f87171;border:1px solid rgba(239,68,68,.3)}
.difficulty-standard{background:rgba(74,222,128,.1);color:#4ade80;border:1px solid rgba(74,222,128,.25)}

.fc-swipe-hint{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:8px;opacity:.6;font-style:italic}

@media(max-width:480px){
  body{font-size:17px}
  h1{font-size:clamp(30px,9vw,52px)!important}
  .card{padding:20px 18px}
  .q-text{font-size:18px}
  .choice{font-size:16px;padding:12px 14px}
  .expl{font-size:16px}
  .card-title{font-size:15px}
  .lp-h1{font-size:clamp(28px,9vw,48px)!important}
  
  .score-section-num{font-size:30px!important}
  .total-score-display{font-size:58px!important}
  .drawer{width:100%}
  .strategy-comp-label{width:110px;font-size:12px}
  .fc-word{font-size:clamp(22px,7vw,38px)!important}
  .sat-unit-card{padding:16px 14px}
  .ach-grid{grid-template-columns:1fr}
}
@media(max-width:360px){
  .lp-cta-row{flex-direction:column}
  .pt-info-grid{grid-template-columns:1fr 1fr}
}

body{
  background:var(--bg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.55;
  transition:background .2s,color .2s;
}
header{box-shadow:0 1px 0 rgba(59,130,246,.12);border-bottom:none}
.logo-name,.logo-sub,.drawer-btn,
h1,.lp-h1,.lp-section-title,.card-title,.unit-title,.r-score,.r-grade,.level-name,
.card,

.btn,
.btn-outline:hover,

#s-quiz,#s-sat-quiz,#s-drills-quiz{max-width:1100px}
#s-quiz .card,#s-sat-quiz .card,#s-drills-quiz .card{
  background:#0f172a;border:1px solid rgba(148,163,184,.18);padding:0;overflow:hidden;
}
#s-quiz .prog-row,#s-sat-quiz .prog-row,#s-drills-quiz .prog-row{
  min-height:58px;margin:0;padding:12px 18px;border-bottom:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.035);
}
#s-quiz .prog-bar,#s-sat-quiz .prog-bar,#s-drills-quiz .prog-bar{margin:0;height:5px;border-radius:0;background:rgba(148,163,184,.20)}
#s-quiz .badge,#s-sat-quiz #sq-tag,#s-drills-quiz #dq-tag{margin:18px 22px 0}
#s-quiz .q-box,#s-sat-quiz .q-box,#s-drills-quiz .q-box{
  margin:18px 22px 14px;background:transparent;border:0;border-radius:0;padding:0;
}
#s-quiz .q-text,#s-sat-quiz .q-text,#s-drills-quiz .q-text{
  font-size:20px;line-height:1.65;color:var(--text);
}
#s-quiz .choices,#s-sat-quiz .choices{padding:0 22px 18px;gap:10px}
.choice{
  background:#ffffff;color:#0f172a;border:1px solid #d8e0ef;border-radius:8px;font-size:16px;padding:14px 16px;box-shadow:none;
  transition:border-color .18s,background .18s,color .18s,opacity .18s,transform .12s;
}
.choice:hover:not(:disabled){background:#f8fafc;border-color:#111827}
.choice .key{
  width:28px;height:28px;border-radius:6px;border-color:#111827!important;color:#111827!important;background:#fff;font-weight:800;
}
.choice.correct{border-color:#22c55e!important;background:rgba(34,197,94,.14)!important;color:#166534!important;transform:scale(1.01)}
.choice.correct .key{border-color:#22c55e!important;color:#22c55e!important;background:rgba(34,197,94,.15)!important}
.choice.wrong{border-color:#ef4444!important;background:rgba(239,68,68,.13)!important;color:#991b1b!important}
.choice.wrong .key{border-color:#ef4444!important;color:#ef4444!important;background:rgba(239,68,68,.15)!important}
.choice.dim{opacity:0.28!important;pointer-events:none}
#s-quiz .expl,#s-sat-quiz .expl{margin:0 22px 18px}
#s-quiz .btn.full,#s-sat-quiz .btn.full,#s-drills-quiz .btn.full{width:calc(100% - 44px);margin:0 22px 22px}
.test-top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.test-exit-btn,.test-pause-btn{
  border:1px solid rgba(79,142,247,.35);background:rgba(79,142,247,.10);color:var(--purple);
  border-radius:8px;padding:8px 12px;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;
}
.test-pause-btn{border-color:rgba(167,139,250,.45);background:rgba(167,139,250,.12);color:#a78bfa}
.test-exit-btn:hover,.test-pause-btn:hover{filter:brightness(1.12)}
.pt-timer{
  background:rgba(79,142,247,.12);border-color:rgba(79,142,247,.42);color:var(--purple);border-radius:8px;
}
.score-pill{
  background:transparent;border-color:rgba(148,163,184,.28);color:var(--text);border-radius:8px;
}
.sat-passage,.stimulus-box{
  background:#ffffff;color:#172033;border-color:#d8e0ef;border-left-color:#3b82f6;
}
.sat-passage-src,.stimulus-source{color:#2563eb}

@media(max-width:560px){
  #s-quiz .prog-row,#s-sat-quiz .prog-row,#s-drills-quiz .prog-row{align-items:flex-start;gap:10px}
  .test-top-actions{justify-content:flex-start}
}

.drawer-section-label{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);padding:14px 16px 4px;opacity:.6;font-weight:600}
.drawer-footer{border-top:1px solid rgba(59,130,246,.1);padding:16px 12px;margin-top:auto}
.drawer-theme-row{display:flex;align-items:center;justify-content:space-between;padding:4px 4px}

@keyframes float1{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-18px) rotate(3deg)}}
@keyframes float2{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-24px) rotate(-4deg)}}
@keyframes float3{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-14px) rotate(6deg)}}
@keyframes spinSlow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes counterUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

.stat-counter{font-family:'Playfair Display',serif;font-size:42px;font-weight:900;animation:counterUp .8s ease both}
.stat-counter-label{font-size:13px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

.gradient-headline{background:linear-gradient(135deg,#e8edf5,#3b82f6,#a78bfa,#e8edf5);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite}

.progress-ring{transform:rotate(-90deg)}
.progress-ring-fill{stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1);stroke-linecap:round}

.q-streak-bar{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;color:var(--muted)}
.q-streak-flame{font-size:16px;animation:float1 2s ease-in-out infinite}

@keyframes scoreReveal{
  0%{transform:scale(.4) rotateY(90deg);opacity:0}
  60%{transform:scale(1.1) rotateY(-5deg)}
  100%{transform:scale(1) rotateY(0);opacity:1}
}
.r-score,.r-total-score{animation:scoreReveal .8s cubic-bezier(.4,0,.2,1) both}

.hiw-step{display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:12px;border:1px solid rgba(59,130,246,.1);background:rgba(255,255,255,.02);transition:all .3s;margin-bottom:10px}
.hiw-step:hover{border-color:rgba(59,130,246,.35);background:rgba(59,130,246,.04);transform:translateX(4px)}
.hiw-num{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--red2));display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-weight:900;font-size:16px;color:#fff;flex-shrink:0;box-shadow:0 4px 14px rgba(79,70,229,.35)}
.hiw-connector{width:1px;height:20px;background:linear-gradient(to bottom,rgba(79,70,229,.4),transparent);margin-left:19px}

.lp-sat-pill{transition:all .2s;cursor:default}
.lp-sat-pill:hover{transform:translateY(-2px) scale(1.05);background:rgba(79,142,247,.2)}

.cube-3d{width:60px;height:60px;perspective:200px;margin:0 auto}
.cube-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:rotateCube 8s linear infinite}
.cube-face{position:absolute;width:60px;height:60px;border:1px solid rgba(59,130,246,.4);background:rgba(59,130,246,.06);display:flex;align-items:center;justify-content:center;font-size:20px;backdrop-filter:blur(4px)}
.face-front{transform:translateZ(30px)}
.face-back{transform:rotateY(180deg) translateZ(30px)}
.face-left{transform:rotateY(-90deg) translateZ(30px)}
.face-right{transform:rotateY(90deg) translateZ(30px)}
.face-top{transform:rotateX(90deg) translateZ(30px)}
.face-bottom{transform:rotateX(-90deg) translateZ(30px)}
@keyframes rotateCube{0%{transform:rotateX(0) rotateY(0)}100%{transform:rotateX(360deg) rotateY(360deg)}}

.card-3d{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;transform-style:preserve-3d;cursor:pointer}
.card-3d:hover{transform:perspective(600px) rotateX(5deg) rotateY(-5deg) translateY(-4px);box-shadow:8px 16px 32px rgba(59,130,246,.2),-4px -4px 16px rgba(79,70,229,.15)}

.badge-3d{display:inline-block;animation:float3D 6s ease-in-out infinite;transform-style:preserve-3d}

.flip-in{animation:flip3D .7s cubic-bezier(.4,0,.2,1) both}

.prog-bar-3d{height:8px;background:rgba(255,255,255,.05);border-radius:4px;overflow:visible;position:relative}
.prog-bar-3d .prog-fill{box-shadow:0 2px 8px rgba(59,130,246,.5),0 0 16px rgba(59,130,246,.2);transition:width .6s cubic-bezier(.4,0,.2,1)}

.holo-card{position:relative;overflow:hidden}
.holo-card::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.04) 50%,transparent 60%);transform:translateX(-100%);transition:transform .6s}
.holo-card:hover::after{transform:translateX(100%)}

.text-3d{text-shadow:2px 2px 0 rgba(59,130,246,.3),4px 4px 0 rgba(79,70,229,.15),6px 6px 12px rgba(0,0,0,.3)}

#s-sat-quiz .card:first-child,#s-quiz .card:first-child{
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(59,130,246,.03));
}
.q-text{text-shadow:0 1px 3px rgba(0,0,0,.3)}
.r-score{animation:flip3D .8s ease both;display:block}
.r-total-score{animation:flip3D .9s .1s ease both}

.compass-wrap{position:relative;width:160px;height:160px;filter:drop-shadow(0 0 20px rgba(59,130,246,.25))}
.compass-ring{position:absolute;inset:0;animation:spinSlow 30s linear infinite}
.compass-needle{transform-origin:80px 80px;animation:compassNeedle 6s ease-in-out infinite}
@keyframes compassNeedle{
  0%,100%{transform:rotate(0deg)}
  20%{transform:rotate(12deg)}
  40%{transform:rotate(-8deg)}
  60%{transform:rotate(5deg)}
  80%{transform:rotate(-3deg)}
}
.cube-inside-compass{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:60px;height:60px;
}
.cube-inside-compass .cube-3d{width:52px;height:52px;perspective:180px}
.cube-inside-compass .cube-face{width:52px;height:52px;font-size:17px}
.cube-inside-compass .face-front{transform:translateZ(26px)}
.cube-inside-compass .face-back{transform:rotateY(180deg) translateZ(26px)}
.cube-inside-compass .face-left{transform:rotateY(-90deg) translateZ(26px)}
.cube-inside-compass .face-right{transform:rotateY(90deg) translateZ(26px)}
.cube-inside-compass .face-top{transform:rotateX(90deg) translateZ(26px)}
.cube-inside-compass .face-bottom{transform:rotateX(-90deg) translateZ(26px)}

@media(max-width:480px){}

:root {
  --bg: #080c18; --bg2: #0d1221; --bg3: #111827;
  --purple: #8b5cf6; --purple2: #7c3aed; --purple-l: #ddd6fe;
  --blue: #3b82f6; --blue2: #2563eb;
  --indigo: #6366f1; --indigo2: #4f46e5;
  --green: #22c55e; --green-l: #bbf7d0;
  --err: #ef4444; --err-l: #fecaca;
  --text: #f1f5f9; --muted: #94a3b8; --muted2: #64748b;
  --border: rgba(167,139,250,.14); --card: rgba(255,255,255,.035);
}
body { background: var(--bg); background-image: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(99,102,241,.18) 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 90% 80%, rgba(139,92,246,.06) 0%, transparent 55%); }
body::before { background: radial-gradient(ellipse 60% 45% at 15% 10%, rgba(99,102,241,.12) 0%, transparent 55%), radial-gradient(ellipse 50% 40% at 85% 85%, rgba(139,92,246,.07) 0%, transparent 55%); }
header { background: rgba(8,12,24,.92); border-bottom: 1px solid rgba(139,92,246,.12); box-shadow: 0 1px 20px rgba(0,0,0,.4); }
.logo-star { color: var(--purple); filter: drop-shadow(0 0 6px rgba(139,92,246,.5)); }
.eyebrow::before,.eyebrow::after { background: linear-gradient(90deg, transparent, var(--purple)); }
.lp-badge { color: var(--purple); background: rgba(139,92,246,.1); border-color: rgba(139,92,246,.25); }
.gradient-headline { background: linear-gradient(135deg,#f1f5f9,#8b5cf6,#a78bfa,#f1f5f9); background-size:300% 300%; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; animation:gradientShift 6s ease infinite; }
.card { background: linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.018)); border: 1px solid rgba(139,92,246,.1); box-shadow: 0 4px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.04); border-radius:16px; }
.card-title { color: var(--purple); border-bottom-color: rgba(139,92,246,.12); }
.lp-status-kicker { color: var(--purple); }
.btn,
.btn:hover,
h1 em,.score-pill { color: var(--purple); }
.lp-h1 em { color: var(--purple); }
.count-num,.r-score { color: var(--purple); }
.badge { color:var(--purple); border-color:rgba(139,92,246,.2); background:rgba(139,92,246,.08); }
.prog-fill { background: linear-gradient(90deg,var(--indigo),var(--purple)); }
input[type=range] { background:linear-gradient(90deg,var(--purple2) var(--pct,50%),rgba(139,92,246,.15) var(--pct,50%)); }
input[type=range]::-webkit-slider-thumb { background:var(--purple); box-shadow:0 0 10px rgba(139,92,246,.6); }
.drawer { background:linear-gradient(180deg,rgba(10,14,26,.98),rgba(8,12,24,.98)); border-right:1px solid rgba(139,92,246,.1); }
.drawer-btn:hover { background:rgba(139,92,246,.06); }
.drawer-btn.active { background:rgba(139,92,246,.1); color:var(--purple); }
.fc-front { background:linear-gradient(145deg,rgba(17,24,39,.95),rgba(13,18,33,.9)); border:1px solid rgba(139,92,246,.15); box-shadow:0 8px 32px rgba(0,0,0,.3); }
.fc-back { background:linear-gradient(145deg,rgba(79,70,229,.15),rgba(139,92,246,.08)); border:1.5px solid rgba(139,92,246,.2); }
.compass-wrap { filter:drop-shadow(0 0 28px rgba(139,92,246,.25)) drop-shadow(0 0 50px rgba(99,102,241,.15)); }
.cube-face { background:rgba(139,92,246,.06); border-color:rgba(139,92,246,.3); }

.lp-divider { height:1px; background:linear-gradient(90deg,transparent,rgba(139,92,246,.2) 30%,rgba(99,102,241,.2) 70%,transparent); opacity:1; border:none; }
.lp-sat-pill { border-color:rgba(139,92,246,.2); color:var(--purple); background:rgba(139,92,246,.08); }
.lp-sat-pill:hover { background:rgba(139,92,246,.18); transform:translateY(-3px) scale(1.06); }
.lp-sat-block { border-color:rgba(139,92,246,.2); }
.r-score { color:var(--purple); filter:drop-shadow(0 2px 8px rgba(139,92,246,.4)); }
.hiw-step:hover { border-color:rgba(139,92,246,.3); background:rgba(139,92,246,.04); }
.lp-start-num { background:linear-gradient(135deg,var(--indigo2),var(--indigo)); border-color:rgba(139,92,246,.2); }
.nav-btn:hover,.nav-btn.active{color:var(--purple);border-color:rgba(139,92,246,.4);background:rgba(139,92,246,.06)}

#s-school, #s-gpa {
  margin-left: auto;
  margin-right: auto;
}

#tool-page-root{
  display:none;
  width:100%;
  max-width:1180px;
  padding:0 32px 32px;
}
#tool-page-root.on{
  display:block;
}
@media(max-width:640px){
  #tool-page-root{padding:0 16px 24px;}
}

:root{
  --bg:#08090f;
  --bg-soft:#0c0e16;
  --text:#e6e9f2;
  --muted:#8a92a6;
  --primary:#3b82f6;
  --primary-2:#4f46e5;
  --accent:#6366f1;
  --border:rgba(99,102,241,.18);
  --border-strong:rgba(99,102,241,.34);
  --grid-line:rgba(99,102,241,.08);
  --gradient-brand:linear-gradient(135deg,#3b82f6 0%,#4f46e5 100%);
  --glow-primary:0 0 32px rgba(59,130,246,.32);
  --shadow-tech:0 1px 0 rgba(255,255,255,.04) inset, 0 30px 60px -30px rgba(0,0,0,.8);
  --purple:#3b82f6;
  --red:#3b82f6;--red2:#4f46e5;
}
body{
  background:var(--bg)!important;
  color:var(--text)!important;
  font-family:'Source Serif 4',Georgia,serif!important;
}
body::before{
  background:
    radial-gradient(ellipse 70% 60% at 15% 10%, rgba(59,130,246,.10) 0%, transparent 60%),
    radial-gradient(ellipse 60% 50% at 85% 90%, rgba(79,70,229,.08) 0%, transparent 60%)!important;
}
.bg-orbs,

.font-mono-ui{font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:.04em}
.bc-grid-bg{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 30%, #000 30%, transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%, #000 30%, transparent 80%);
}
.bc-label{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted);
}
.bc-pill{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  padding:6px 12px;border-radius:3px;border:1px solid var(--border);
  color:var(--text);background:rgba(255,255,255,.02);
}
.bc-pill-live::before{
  content:'';width:8px;height:8px;border-radius:999px;
  background:var(--primary);
  box-shadow:0 0 0 4px rgba(59,130,246,.18), 0 0 12px var(--primary);
  animation:bcPulse 1.6s ease-in-out infinite;
}
@keyframes bcPulse{
  0%,100%{box-shadow:0 0 0 4px rgba(59,130,246,.18),0 0 12px var(--primary)}
  50%   {box-shadow:0 0 0 8px rgba(59,130,246,.06),0 0 18px var(--primary)}
}
.bc-text-gradient{
  background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.bc-card{
  position:relative;border:1px solid var(--border);background:rgba(12,15,24,.6);
  backdrop-filter:blur(8px);border-radius:3px;box-shadow:var(--shadow-tech);
}
.bc-tick{position:absolute;width:10px;height:10px;border-color:rgba(59,130,246,.7)}
.bc-tick.tl{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}
.bc-tick.tr{top:-1px;right:-1px;border-top:1px solid;border-right:1px solid}
.bc-tick.bl{bottom:-1px;left:-1px;border-bottom:1px solid;border-left:1px solid}
.bc-tick.br{bottom:-1px;right:-1px;border-bottom:1px solid;border-right:1px solid}

header{
  background:rgba(8,9,15,.85)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid var(--border)!important;
  padding:14px 28px!important;
}
.logo-name{
  font-family:'JetBrains Mono',ui-monospace,monospace!important;
  font-size:15px!important;font-weight:700!important;
  letter-spacing:.18em!important;text-transform:uppercase;
}
.logo-name::after{content:'_';color:var(--primary)}
.logo-sub{font-family:'JetBrains Mono',ui-monospace,monospace!important;letter-spacing:.18em!important}
.logo-star{color:var(--primary)!important}

.hamburger span{background:var(--text)!important}

.drawer{
  background:rgba(8,9,15,.98)!important;
  border-left:1px solid var(--border)!important;
  width:300px!important;
}
.drawer-header{border-bottom:1px solid var(--border)!important}
.drawer-btn{
  font-family:'JetBrains Mono',ui-monospace,monospace!important;
  font-size:12px!important;letter-spacing:.14em!important;text-transform:uppercase!important;
  border-radius:3px!important;color:var(--muted)!important;
  padding:12px 14px!important;
}
.drawer-btn:hover{background:rgba(59,130,246,.08)!important;color:var(--text)!important}
.drawer-btn.active{
  background:rgba(59,130,246,.12)!important;color:var(--primary)!important;
  border-left:2px solid var(--primary);
}
.drawer-btn.sub-item{padding-left:30px!important;font-size:11px!important;opacity:.85}
.drawer-section-label{
  font-family:'JetBrains Mono',ui-monospace,monospace!important;
  font-size:10px!important;letter-spacing:.22em!important;
  color:var(--primary)!important;opacity:.85!important;
  padding:18px 14px 6px!important;
}
.drawer-footer{border-top:1px solid var(--border)!important}

.btn,
.btn:hover,
.btn-outline,
.btn-outline:hover,
.btn-install{
  background:var(--gradient-brand)!important;border-radius:3px!important;
  font-family:'JetBrains Mono',ui-monospace,monospace!important;
  letter-spacing:.16em!important;text-transform:uppercase!important;
}
.nav-btn{
  font-family:'JetBrains Mono',ui-monospace,monospace!important;
  border-radius:3px!important;letter-spacing:.16em!important;
  border:1px solid var(--border)!important;
}

.card,
.card::after,
.card:hover,
.card-title{
  font-family:'JetBrains Mono',ui-monospace,monospace!important;
  font-size:11px!important;letter-spacing:.2em!important;text-transform:uppercase!important;
  color:var(--primary)!important;
  border-bottom:1px solid var(--border)!important;
}
.lp-feat-title,.lp-path-title,.lp-status-title,.lp-step-title{
  font-family:'Playfair Display',Georgia,serif!important;
  letter-spacing:0!important;
}
.lp-feat-desc,.lp-path-desc,.lp-status-copy,.lp-step-desc,.hero-sub,.lp-sub,.lp-final-sub{
  font-family:'Source Serif 4',Georgia,serif!important;
  color:var(--muted)!important;
}

.hero h1,.lp-h1,.lp-final-title,.lp-section-title{
  font-family:'Playfair Display',Georgia,serif!important;
  font-weight:900!important;letter-spacing:-.01em!important;
}
.hero h1 em,.lp-h1 em,.lp-h1 .gradient-headline{
  font-style:italic!important;
  background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent!important;
}
.eyebrow,
.lp-badge{
  background:transparent!important;border:1px solid var(--border)!important;
  border-radius:3px!important;color:var(--text)!important;
  font-size:10px!important;padding:6px 12px!important;
}
.eyebrow::before,.eyebrow::after{
  background:linear-gradient(90deg,transparent,var(--primary))!important;
}

.lp-step-num{
  background:var(--gradient-brand)!important;border-radius:3px!important;
  font-family:'JetBrains Mono',ui-monospace,monospace!important;
}
.lp-start-num{
  background:rgba(59,130,246,.1)!important;border:1px solid var(--border)!important;
  border-radius:3px!important;color:var(--primary)!important;
  font-family:'JetBrains Mono',ui-monospace,monospace!important;
}

input[type="text"],input[type="email"],input[type="password"],input[type="number"],select,textarea{
  background:rgba(255,255,255,.03)!important;
  border:1px solid var(--border)!important;border-radius:3px!important;
  color:var(--text)!important;
  font-family:'Source Serif 4',Georgia,serif!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--primary)!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.18)!important;
  outline:none!important;
}

.fc-card{
  border-radius:3px!important;border:1px solid var(--border)!important;
  background:rgba(12,15,24,.7)!important;
}

.lp-final-cta{
  background:linear-gradient(180deg,transparent,rgba(59,130,246,.06))!important;
  border-top:1px solid var(--border)!important;
}

.compass-wrap{filter:drop-shadow(0 0 24px rgba(59,130,246,.35)) drop-shadow(0 0 48px rgba(79,70,229,.18))!important}
.cube-face{
  background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(79,70,229,.18))!important;
  border:1px solid rgba(59,130,246,.45)!important;
  border-radius:6px!important;
  box-shadow:0 0 18px rgba(59,130,246,.25) inset!important;
}

.bc-hero{position:relative;overflow:hidden;padding:48px 0 80px}
.bc-section{position:relative;padding:64px 0;border-top:1px solid var(--border)}
.bc-h1{
  font-family:'Playfair Display',Georgia,serif;font-weight:900;
  font-size:clamp(44px,8vw,96px);line-height:.95;letter-spacing:-.01em;
  margin:24px 0 0;
}
.bc-h2{
  font-family:'Playfair Display',Georgia,serif;font-weight:900;
  font-size:clamp(32px,6vw,64px);line-height:1;letter-spacing:-.01em;margin:0;
}
.bc-lead{
  font-family:'Source Serif 4',Georgia,serif;font-size:18px;line-height:1.6;
  color:var(--muted);max-width:640px;margin:24px 0 0;
}
.bc-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px;align-items:center}
.bc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  padding:14px 22px;border-radius:3px;cursor:pointer;border:none;
  transition:transform .18s, filter .18s, background .18s, border-color .18s;
}
.bc-btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--glow-primary)}
.bc-btn-primary:hover{transform:translateY(-1px);filter:brightness(1.08)}
.bc-btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}
.bc-btn-ghost:hover{border-color:var(--border-strong);background:rgba(99,102,241,.08)}
.bc-stack{display:grid;gap:0;border-top:1px solid var(--border)}
.bc-stack >div{
  display:grid;grid-template-columns:1fr auto;align-items:center;
  padding:14px 0;border-bottom:1px solid var(--border);
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
}
.bc-stack >div >span:first-child{color:var(--muted)}
.bc-stack >div >span:last-child{color:var(--primary);font-weight:700}
.bc-mod-row{
  display:grid;grid-template-columns:80px 1fr auto;gap:24px;align-items:start;
  padding:28px 0;border-top:1px solid var(--border);
}
.bc-mod-row:last-child{border-bottom:1px solid var(--border)}
.bc-mod-num{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:12px;letter-spacing:.18em;color:var(--primary);
}
.bc-mod-title{font-family:'Playfair Display',Georgia,serif;font-size:24px;font-weight:800;margin:0 0 6px}
.bc-mod-desc{font-family:'Source Serif 4',Georgia,serif;color:var(--muted);font-size:15px;line-height:1.6;margin:0;max-width:560px}
.bc-feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:32px}
.bc-feat{
  position:relative;padding:28px;border:1px solid var(--border);border-radius:3px;
  background:rgba(12,15,24,.6);transition:border-color .2s, transform .2s;
}
.bc-feat:hover{border-color:var(--border-strong);transform:translateY(-2px)}
.bc-feat-icon{font-size:24px;margin-bottom:14px}
.bc-feat h3{font-family:'Playfair Display',Georgia,serif;font-weight:800;font-size:20px;margin:0 0 8px}
.bc-feat p{font-family:'Source Serif 4',Georgia,serif;color:var(--muted);font-size:15px;line-height:1.6;margin:0}

@media (max-width:760px){
  .bc-mod-row{grid-template-columns:1fr;gap:8px}
  .bc-mod-row > .bc-btn-ghost{justify-self:start}
}

.sec{max-width:1180px!important}

.bc-page-head{
  position:relative;padding:48px 0 36px;margin-bottom:8px;overflow:hidden;
  border-bottom:1px solid var(--border);
}
.bc-page-head .bc-grid-bg{opacity:.55}
.bc-page-head-inner{
  position:relative;display:grid;grid-template-columns:1fr;gap:32px;align-items:center;
}
@media(min-width:880px){
  .bc-page-head-inner{grid-template-columns:1fr auto}
}
.bc-page-head .bc-label{color:var(--primary);display:inline-block}
.bc-page-head h1{
  font-family:'Playfair Display',Georgia,serif!important;
  font-weight:900!important;font-style:normal!important;
  font-size:clamp(40px,7vw,80px)!important;line-height:.95!important;
  letter-spacing:-.01em!important;margin:14px 0 0!important;
  text-shadow:none!important;color:var(--text)!important;
}
.bc-page-head h1 em,.bc-page-head h1 .accent{
  font-style:italic;
  background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent!important;
}
.bc-page-head .bc-page-sub{
  font-family:'Source Serif 4',Georgia,serif!important;
  font-size:17px;line-height:1.6;color:var(--muted)!important;
  max-width:620px;margin:18px 0 0!important;font-style:normal!important;
}
.bc-page-head .bc-page-meta{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;
}
.bc-page-head .bc-page-meta .bc-pill{font-size:10px}

.bc-mini-orb{
  position:relative;width:200px;height:200px;flex-shrink:0;
  filter:drop-shadow(0 0 24px rgba(59,130,246,.38)) drop-shadow(0 0 56px rgba(79,70,229,.22));
}
.bc-mini-orb svg{position:absolute;inset:0}
.bc-mini-orb-core{display:none}

.sec [style*="border-radius:10px"],
.sec [style*="border-radius: 10px"],
.sec [style*="border-radius:12px"],
.sec [style*="border-radius: 12px"],
.sec [style*="border-radius:14px"],
.sec [style*="border-radius: 14px"],
.sec [style*="border-radius:16px"],
.sec [style*="border-radius: 16px"]{
  border-radius:3px!important;
}

.bc-card,.card,
.bc-card:hover,.card:hover,

.sat-tab,.fc-deck-btn,.fc-shuffle-btn,.test-exit-btn,.score-pill,
.p-btn,
.sat-tab,.fc-deck-btn{
  background:rgba(255,255,255,.02)!important;
  border:1px solid var(--border)!important;color:var(--muted)!important;
  padding:12px 16px!important;
}
.sat-tab:hover,.fc-deck-btn:hover{
  border-color:var(--border-strong)!important;color:var(--text)!important;
  background:rgba(99,102,241,.08)!important;
}
.sat-tab.active-overview,.sat-tab.active-english,.sat-tab.active-math,
.sat-tab.active-pt,.sat-tab.active-drills,.fc-deck-btn.active{
  background:var(--gradient-brand)!important;color:#fff!important;
  border:none!important;box-shadow:var(--glow-primary)!important;
}
.p-btn{
  background:rgba(255,255,255,.02)!important;border:1px solid var(--border)!important;
  color:var(--text)!important;padding:14px 12px!important;text-align:center;
}
.p-btn:hover{border-color:var(--border-strong)!important;background:rgba(99,102,241,.08)!important}
.p-btn.sel{
  background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(79,70,229,.16))!important;
  border-color:var(--primary)!important;color:var(--primary)!important;
}

.sec [style*="background:rgba(255,255,255,.02);border-radius:8px"],
.sec [style*="background:rgba(255,255,255,.02);border-radius: 8px"]{
  border:1px solid var(--border)!important;border-radius:3px!important;
}

footer{
  font-family:'JetBrains Mono',ui-monospace,monospace!important;
  font-size:11px!important;letter-spacing:.16em!important;text-transform:uppercase!important;
  color:var(--muted)!important;
  border-top:1px solid var(--border)!important;
  padding:24px!important;text-align:center;
}

.bc-replaced{display:none!important}

#s-school .card-title,#s-gpa .card-title,#s-fc .card-title{color:var(--primary)!important}

.sec h1,.sec h2,.sec h3{font-family:'Playfair Display',Georgia,serif!important}
.sec p,.sec li,.sec span{font-family:'Source Serif 4',Georgia,serif}
.sec .bc-label,.sec .bc-pill,.sec .ui-label,.sec .eyebrow,
.sec }
@media(min-width:1024px){.bc-stats-grid{grid-template-columns:repeat(4,1fr)}}
.bc-stat-cell{background:rgba(255,255,255,.03);border:1px solid rgba(59,130,246,.12);padding:32px;transition:background .18s}
.bc-stat-cell:hover{background:rgba(255,255,255,.06)}
.bc-stat-num{font-family:'Playfair Display',Georgia,serif;font-weight:900;font-size:clamp(36px,5vw,64px);line-height:1}
.bc-outcomes-grid{display:grid;gap:20px;margin-top:40px}
@media(min-width:768px){.bc-outcomes-grid{grid-template-columns:repeat(3,1fr)}}
.bc-outcome-card{padding:28px;position:relative}
.bc-outcome-top{display:flex;align-items:flex-end;gap:14px;margin-bottom:0}
.bc-outcome-num{font-family:'Playfair Display',Georgia,serif;font-weight:900;font-size:clamp(40px,6vw,68px);line-height:1}
.bc-tick{position:absolute;width:10px;height:10px;border-color:rgba(59,130,246,.7)}
.bc-tl{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}
.bc-tr{top:-1px;right:-1px;border-top:1px solid;border-right:1px solid}
.bc-bl{bottom:-1px;left:-1px;border-bottom:1px solid;border-left:1px solid}
.bc-br{bottom:-1px;right:-1px;border-bottom:1px solid;border-right:1px solid}
.bc-ach-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}
@media(min-width:640px){.bc-ach-preview-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.bc-ach-preview-grid{grid-template-columns:repeat(6,1fr)}}
.bc-ach-prev{position:relative;border:1px solid var(--border);background:rgba(12,15,24,.6);padding:16px;border-radius:3px;transition:border-color .2s,background .2s}
.bc-ach-prev:hover{border-color:var(--border-strong);background:rgba(255,255,255,.04)}
.bc-ach-bar{position:absolute;top:0;left:0;right:0;height:2px;border-radius:3px 3px 0 0}
.bc-ach-prev.rare .bc-ach-bar{background:linear-gradient(90deg,#60a5fa,#3b82f6)}
.bc-ach-prev.epic .bc-ach-bar{background:linear-gradient(90deg,#a78bfa,#7c3aed)}
.bc-ach-prev.legendary .bc-ach-bar{background:linear-gradient(90deg,#fbbf24,#f59e0b)}
.bc-ach-tier{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:2px 6px;border-radius:2px;border:1px solid;margin-top:6px}
.bc-hiw-grid{display:grid;gap:20px}
@media(min-width:768px){.bc-hiw-grid{grid-template-columns:repeat(3,1fr)}}
.bc-hiw-card{padding:32px;position:relative}
.bc-faq-wrap{max-width:768px;margin:0 auto}
.bc-faq-item{border-top:1px solid var(--border)}
.bc-faq-item:last-child{border-bottom:1px solid var(--border)}
.bc-faq-btn{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 0;background:none;border:none;cursor:pointer;color:var(--text);transition:color .18s}
.bc-faq-btn:hover{color:var(--primary)}
.bc-faq-plus{font-family:'JetBrains Mono',monospace;font-size:20px;color:var(--primary);flex-shrink:0;margin-top:2px;transition:transform .2s}
.bc-faq-plus.open{transform:rotate(45deg)}
.bc-faq-body{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}
.bc-faq-body.open{max-height:300px;padding-bottom:24px}
.bc-faq-body p{font-family:'Source Serif 4',Georgia,serif;font-size:16px;line-height:1.75;color:var(--muted)}

:root{
  --pro-bg:#050713;
  --pro-ink:#f7f9ff;
  --pro-muted:#98a3bd;
  --pro-blue:#3b82f6;
  --pro-violet:#6d5dfc;
  --pro-line:rgba(140,156,255,.18);
  --pro-line-strong:rgba(140,156,255,.34);
}
body{
  background:
    radial-gradient(circle at 78% 12%, rgba(109,93,252,.16), transparent 34rem),
    radial-gradient(circle at 12% 18%, rgba(59,130,246,.13), transparent 30rem),
    linear-gradient(135deg,#050713 0%,#070913 48%,#09071a 100%)!important;
}
body::before{opacity:.72!important}
#app{position:relative;z-index:2;background:transparent!important}
.pro-ambient-compass{
  position:fixed;
  width:min(76vw,980px);
  aspect-ratio:1;
  right:-14vw;
  top:7vh;
  z-index:1;
  pointer-events:none;
  perspective:1200px;
  opacity:.56;
  filter:drop-shadow(0 0 34px rgba(59,130,246,.22)) drop-shadow(0 0 90px rgba(109,93,252,.14));
}
.pro-compass-stage{
  position:absolute;inset:0;
  transform-style:preserve-3d;
  animation:proCompassTurn 24s linear infinite;
}
.pro-compass-disc{
  position:absolute;inset:10%;
  border-radius:50%;
  transform-style:preserve-3d;
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.28), transparent 9%),
    radial-gradient(circle at 50% 50%, rgba(59,130,246,.10), transparent 46%),
    conic-gradient(from 20deg, rgba(59,130,246,.06), rgba(109,93,252,.22), rgba(255,255,255,.09), rgba(59,130,246,.13), rgba(109,93,252,.06));
  border:1px solid rgba(170,190,255,.22);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 0 0 70px rgba(59,130,246,.18),
    0 0 140px rgba(59,130,246,.12);
  overflow:hidden;
}
.pro-compass-disc::before,
.pro-compass-disc::after{
  content:'';position:absolute;inset:7%;border-radius:50%;border:1px solid rgba(180,196,255,.22);
}
.pro-compass-disc::after{
  inset:18%;border-color:rgba(109,93,252,.22);box-shadow:inset 0 0 34px rgba(109,93,252,.10);
}
.pro-compass-svg{position:absolute;inset:0;width:100%;height:100%;transform:translateZ(38px);opacity:.95}
.pro-compass-shine{
  position:absolute;inset:-18%;
  background:linear-gradient(112deg, transparent 28%, rgba(255,255,255,.30) 43%, rgba(120,160,255,.16) 51%, transparent 67%);
  transform:translateX(-42%) rotate(8deg) translateZ(80px);
  animation:proLightSweep 5.8s ease-in-out infinite;
  mix-blend-mode:screen;
}
.pro-compass-core{
  position:absolute;left:50%;top:50%;width:17%;aspect-ratio:1;transform:translate(-50%,-50%) translateZ(88px) rotateX(58deg) rotateZ(45deg);
  transform-style:preserve-3d;
}
.pro-core-face{position:absolute;inset:0;border:1px solid rgba(190,206,255,.35);background:linear-gradient(135deg,rgba(59,130,246,.28),rgba(109,93,252,.22));box-shadow:inset 0 0 24px rgba(255,255,255,.12),0 0 34px rgba(59,130,246,.25)}
.pro-core-face:nth-child(1){transform:translateZ(30px)}
.pro-core-face:nth-child(2){transform:rotateY(180deg) translateZ(30px)}
.pro-core-face:nth-child(3){transform:rotateY(90deg) translateZ(30px)}
.pro-core-face:nth-child(4){transform:rotateY(-90deg) translateZ(30px)}
.pro-core-face:nth-child(5){transform:rotateX(90deg) translateZ(30px)}
.pro-core-face:nth-child(6){transform:rotateX(-90deg) translateZ(30px)}

@media(max-width:760px){.pro-ambient-compass{width:120vw;right:-58vw;top:12vh;opacity:.32}}
@media(prefers-reduced-motion:reduce){.pro-compass-stage,.pro-compass-shine{animation:none!important}}

header{
  background:rgba(5,7,19,.68)!important;
  border-bottom:1px solid rgba(160,176,255,.14)!important;
  box-shadow:none!important;
}
.logo-star{
  width:30px;height:30px;border:1px solid rgba(150,170,255,.22);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  color:transparent!important;position:relative;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.18),rgba(59,130,246,.10) 45%,transparent 70%);
}
.logo-star::before{content:'';width:15px;height:15px;background:currentColor;color:#60a5fa;clip-path:polygon(50% 0,62% 39%,100% 50%,62% 61%,50% 100%,38% 61%,0 50%,38% 39%);filter:drop-shadow(0 0 10px rgba(59,130,246,.7));}
.logo-mark{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:block;
  border-radius:9px;
  filter:drop-shadow(0 0 12px rgba(59,130,246,.28));
}
.drawer-header .logo-mark{
  width:28px;
  height:28px;
  flex-basis:28px;
  border-radius:8px;
}
.logo-name{letter-spacing:.12em!important}
#s-landing{max-width:1240px!important}
.bc-hero{min-height:calc(100vh - 74px);display:flex;align-items:center;padding:54px 0 78px!important;overflow:visible!important}
.bc-grid-bg{opacity:.32!important;mask-image:linear-gradient(90deg,#000 0%,transparent 88%)!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 88%)!important}
.bc-hero-grid{width:100%;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr)!important;gap:72px!important;align-items:center!important}
.bc-hero .compass-wrap{display:none!important}
.bc-pill{border-radius:999px!important;background:rgba(255,255,255,.045)!important;border-color:rgba(160,176,255,.16)!important;color:#dce5ff!important;padding:8px 14px!important}
.bc-h1{font-size:clamp(66px,9vw,128px)!important;line-height:.86!important;letter-spacing:-.045em!important;margin-top:26px!important;color:var(--pro-ink)!important;text-wrap:balance;max-width:780px}
.bc-h1 em,.bc-text-gradient{background:linear-gradient(120deg,#71a7ff 0%,#8b7cff 62%,#d9e4ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.bc-lead{font-size:clamp(18px,2vw,22px)!important;line-height:1.62!important;color:rgba(225,232,255,.72)!important;max-width:720px!important}
.bc-cta-row{gap:16px!important;margin-top:36px!important}
.bc-btn{border-radius:999px!important;padding:15px 24px!important;letter-spacing:.11em!important;box-shadow:none!important}
.bc-btn-primary{background:#f8fbff!important;color:#060817!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 0 32px rgba(120,160,255,.22)!important}
.bc-btn-primary:hover{background:#fff!important;box-shadow:0 0 46px rgba(120,160,255,.34)!important;transform:none!important}
.bc-btn-ghost{border-color:rgba(160,176,255,.20)!important;background:rgba(255,255,255,.035)!important;color:#edf3ff!important}
.bc-btn-ghost:hover{border-color:rgba(160,176,255,.40)!important;background:rgba(99,102,241,.10)!important;transform:none!important}
.bc-card{border-radius:6px!important;background:rgba(7,10,25,.50)!important;border-color:rgba(160,176,255,.16)!important;box-shadow:0 30px 90px -54px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.045)!important}
.bc-stack >div{padding:18px 0!important;border-color:rgba(160,176,255,.13)!important}
.bc-section{padding:76px 0!important;border-top:1px solid rgba(160,176,255,.13)!important}
.bc-label{color:rgba(170,184,255,.62)!important;letter-spacing:.20em!important}
.bc-h2{font-size:clamp(42px,6.4vw,82px)!important;letter-spacing:-.035em!important;text-wrap:balance;color:#f5f8ff!important}
.bc-mod-row{grid-template-columns:94px minmax(0,1fr) auto!important;padding:34px 0!important;border-color:rgba(160,176,255,.13)!important}
.bc-mod-title,.bc-feat h3{font-size:clamp(24px,2.6vw,34px)!important;letter-spacing:-.02em!important;color:#f5f8ff!important}
.bc-mod-desc,.bc-feat p{font-size:17px!important;color:rgba(225,232,255,.66)!important;max-width:680px!important}
.bc-feat-grid{gap:1px!important;background:rgba(160,176,255,.13)!important;border:1px solid rgba(160,176,255,.13)!important}
.bc-feat{border:0!important;border-radius:0!important;background:rgba(7,10,25,.46)!important;min-height:235px;padding:34px!important}
.bc-feat:hover{transform:none!important;background:rgba(10,14,33,.68)!important}
.bc-stats-grid,.bc-outcomes-grid,.bc-hiw-grid{filter:drop-shadow(0 32px 70px rgba(0,0,0,.26))}
.card,.sat-unit-card,.q-box,.choice,.expl,.strategy-card,.study-plan,.score-guide{border-radius:6px!important}
.choice{box-shadow:none!important}
#s-sat-quiz .card,#s-quiz .card,#s-drills-quiz .card{background:rgba(7,10,25,.78)!important;border-color:rgba(160,176,255,.20)!important}
#s-sat-quiz .choice,#s-quiz .choice{background:#f8fbff!important;color:#0f172a!important;border-color:#d7e0f2!important}
@media(max-width:980px){.bc-hero-grid{grid-template-columns:1fr!important}.bc-hero{min-height:auto}.bc-card{max-width:none!important}.bc-h1{font-size:clamp(54px,14vw,92px)!important}.bc-mod-row{grid-template-columns:1fr!important}}

html{background:#050713!important;min-height:100%;}
body{min-height:100vh!important;background-color:#050713!important;}
#app{min-height:100vh!important;}
.bc-hero{min-height:calc(100vh - 74px)!important;padding-top:42px!important;padding-bottom:54px!important;}
.bc-h1{font-size:clamp(58px,8.1vw,112px)!important;line-height:.88!important;max-width:720px!important;}
.bc-lead{font-size:clamp(17px,1.7vw,20px)!important;max-width:660px!important;margin-top:22px!important;}
.pro-ambient-compass{right:-10vw!important;top:12vh!important;opacity:.62!important;}
@media(max-width:980px){.bc-h1{font-size:clamp(48px,12vw,82px)!important}.bc-hero{padding-top:32px!important}.pro-ambient-compass{right:-58vw!important;opacity:.34!important}}

#s-school{max-width:min(1360px,calc(100vw - 56px))!important;margin:0 auto!important;padding:0 0 56px!important;}
#s-school .bc-page-head{margin:0 0 30px!important;border:1px solid rgba(147,197,253,.18)!important;background:radial-gradient(circle at 85% 10%,rgba(124,58,237,.24),transparent 32%),radial-gradient(circle at 12% 20%,rgba(59,130,246,.18),transparent 34%),rgba(14,18,33,.78)!important;box-shadow:0 28px 90px rgba(2,6,23,.32),inset 0 1px 0 rgba(255,255,255,.08)!important;}
#s-school .bc-page-head-inner{max-width:1180px!important;min-height:auto!important;padding:clamp(34px,5vw,72px) clamp(24px,4vw,56px)!important;}
#s-school .bc-page-sub{max-width:760px!important;font-size:clamp(17px,1.6vw,21px)!important;line-height:1.65!important;}
#s-school .bc-page-meta{gap:10px!important;flex-wrap:wrap!important;}
#s-school .bc-pill{padding:9px 13px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;}
.school-guide-jump{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:stretch;margin:0 0 26px;padding:24px;border:1px solid rgba(147,197,253,.18);border-radius:18px;background:rgba(15,23,42,.68);box-shadow:0 20px 70px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px);overflow:hidden;position:relative;}
.school-guide-jump h2{margin:0 0 8px!important;font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(28px,3vw,42px)!important;line-height:1.05!important;color:var(--text)!important;}
.school-guide-jump p{margin:0!important;color:var(--muted)!important;font-size:15px!important;line-height:1.6!important;}
.school-guide-map{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch;min-height:170px;padding:16px;border:1px solid rgba(147,197,253,.14);border-radius:16px;background:linear-gradient(135deg,rgba(8,13,28,.62),rgba(15,23,42,.42));}
.school-guide-map::before{content:'';position:absolute;left:34px;right:34px;top:50%;height:2px;background:linear-gradient(90deg,rgba(96,165,250,.08),rgba(96,165,250,.58),rgba(45,212,191,.46),rgba(96,165,250,.08));box-shadow:0 0 26px rgba(96,165,250,.28);transform:translateY(-50%);}
.school-guide-route{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:center;}
.school-guide-stop{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:132px;text-align:center;}
.school-guide-dot{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(191,219,254,.44);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.22),rgba(59,130,246,.18) 45%,rgba(15,23,42,.94));color:#dbeafe;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;font-weight:800;box-shadow:0 0 24px rgba(59,130,246,.18);}
.school-guide-stop span{font-family:'Source Serif 4',Georgia,serif;font-size:14px;font-weight:700;line-height:1.2;color:#d8e6fb;}
.school-guide-links{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:8px;}
.school-guide-links a{display:flex;align-items:center;min-height:42px;padding:10px 12px;border:1px solid rgba(147,197,253,.16);border-radius:12px;background:rgba(255,255,255,.055);color:var(--text)!important;text-decoration:none!important;font-family:'Source Serif 4',Georgia,serif!important;font-size:14px!important;font-weight:700;letter-spacing:0;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease;}
.school-guide-links a:hover,.school-guide-links a:focus-visible{border-color:rgba(96,165,250,.55);background:rgba(59,130,246,.12);box-shadow:0 0 24px rgba(96,165,250,.2);color:#bfdbfe!important;outline:none;}
#s-school > .card{margin:0 0 22px!important;padding:clamp(24px,3vw,36px)!important;border-radius:18px!important;border:1px solid rgba(147,197,253,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;box-shadow:0 18px 60px rgba(2,6,23,.18),inset 0 1px 0 rgba(255,255,255,.06)!important;}
#s-school > .card:nth-of-type(1),#s-school > .card:nth-of-type(2),#s-school > .card:nth-of-type(3){display:inline-block;width:calc(33.333% - 15px);vertical-align:top;min-height:360px;}
#s-school > .card:nth-of-type(1),#s-school > .card:nth-of-type(2){margin-right:18px!important;}
#s-school .card-title{margin-bottom:16px!important;font-size:clamp(22px,2vw,30px)!important;line-height:1.15!important;letter-spacing:0!important;color:#93c5fd!important;}
#s-school .card p,#s-school .card div{line-height:1.72;}
#s-school .card strong{font-size:1.08em;}
#s-school [style*="display:grid;grid-template-columns:1fr 1fr 1fr"]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:14px!important;}
#s-school [style*="display:flex;flex-direction:column;gap:0"] >div,#s-school [style*="display:flex;flex-direction:column;gap:8px"] >div,#s-school [style*="display:flex;flex-direction:column;gap:10px"] >div,#s-school [style*="display:flex;flex-direction:column;gap:12px"] >div{border-radius:12px!important;padding:15px 16px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(147,197,253,.10)!important;margin-bottom:8px!important;}
#s-school >div:last-child{margin-top:12px!important;}
@media(max-width:1050px){.school-guide-jump{grid-template-columns:1fr;}.school-guide-map{grid-template-columns:1fr;}.school-guide-links{grid-template-columns:repeat(2,minmax(0,1fr));}#s-school > .card:nth-of-type(1),#s-school > .card:nth-of-type(2),#s-school > .card:nth-of-type(3){display:block;width:auto;min-height:0;margin-right:0!important;}}
@media(max-width:680px){#s-school{max-width:calc(100vw - 28px)!important;}.school-guide-jump{padding:18px;border-radius:14px;}.school-guide-map{padding:12px}.school-guide-route{grid-template-columns:repeat(2,1fr)}.school-guide-map::before{display:none}.school-guide-links{grid-template-columns:1fr;}#s-school .bc-page-head-inner{padding:28px 18px!important;}#s-school > .card{padding:20px!important;border-radius:14px!important;}}

#tool-page-root.school-guide-open{max-width:min(1360px,calc(100vw - 56px))!important;padding:0 0 56px!important;}
#tool-page-root.school-guide-open .bc-page-head{margin:0 0 30px!important;border:1px solid rgba(147,197,253,.18)!important;background:radial-gradient(circle at 85% 10%,rgba(124,58,237,.24),transparent 32%),radial-gradient(circle at 12% 20%,rgba(59,130,246,.18),transparent 34%),rgba(14,18,33,.78)!important;box-shadow:0 28px 90px rgba(2,6,23,.32),inset 0 1px 0 rgba(255,255,255,.08)!important;}
#tool-page-root.school-guide-open .bc-page-head-inner{max-width:1180px!important;min-height:auto!important;padding:clamp(34px,5vw,72px) clamp(24px,4vw,56px)!important;}
#tool-page-root.school-guide-open .bc-page-sub{max-width:760px!important;font-size:clamp(17px,1.6vw,21px)!important;line-height:1.65!important;}
#tool-page-root.school-guide-open .bc-page-meta{gap:10px!important;flex-wrap:wrap!important;}
#tool-page-root.school-guide-open .bc-pill{padding:9px 13px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;}
#tool-page-root.school-guide-open > .card{margin:0 0 22px!important;padding:clamp(24px,3vw,36px)!important;border-radius:18px!important;border:1px solid rgba(147,197,253,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035))!important;box-shadow:0 18px 60px rgba(2,6,23,.18),inset 0 1px 0 rgba(255,255,255,.06)!important;}
#tool-page-root.school-guide-open > .card:nth-of-type(1),#tool-page-root.school-guide-open > .card:nth-of-type(2),#tool-page-root.school-guide-open > .card:nth-of-type(3){display:inline-block;width:calc(33.333% - 15px);vertical-align:top;min-height:360px;}
#tool-page-root.school-guide-open > .card:nth-of-type(1),#tool-page-root.school-guide-open > .card:nth-of-type(2){margin-right:18px!important;}
#tool-page-root.school-guide-open .card-title{margin-bottom:16px!important;font-size:clamp(22px,2vw,30px)!important;line-height:1.15!important;letter-spacing:0!important;color:#93c5fd!important;}
#tool-page-root.school-guide-open .card p,#tool-page-root.school-guide-open .card div{line-height:1.72;}
#tool-page-root.school-guide-open .card strong{font-size:1.08em;}
#tool-page-root.school-guide-open [style*="display:grid;grid-template-columns:1fr 1fr 1fr"]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:14px!important;}
#tool-page-root.school-guide-open [style*="display:flex;flex-direction:column;gap:0"] >div,#tool-page-root.school-guide-open [style*="display:flex;flex-direction:column;gap:8px"] >div,#tool-page-root.school-guide-open [style*="display:flex;flex-direction:column;gap:10px"] >div,#tool-page-root.school-guide-open [style*="display:flex;flex-direction:column;gap:12px"] >div{border-radius:12px!important;padding:15px 16px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(147,197,253,.10)!important;margin-bottom:8px!important;}
@media(max-width:1050px){#tool-page-root.school-guide-open{max-width:calc(100vw - 32px)!important;}#tool-page-root.school-guide-open > .card:nth-of-type(1),#tool-page-root.school-guide-open > .card:nth-of-type(2),#tool-page-root.school-guide-open > .card:nth-of-type(3){display:block;width:auto;min-height:0;margin-right:0!important;}}
@media(max-width:680px){#tool-page-root.school-guide-open{max-width:calc(100vw - 28px)!important;}#tool-page-root.school-guide-open .bc-page-head-inner{padding:28px 18px!important;}#tool-page-root.school-guide-open > .card{padding:20px!important;border-radius:14px!important;}}

:root{
  --pro-blue:#3b82f6;
  --pro-blue-soft:#93c5fd;
  --pro-purple:#8b5cf6;
  --pro-purple-soft:#c4b5fd;
  --pro-panel:rgba(10,15,30,.72);
  --pro-panel-strong:rgba(15,23,42,.9);
  --pro-border:rgba(147,197,253,.18);
  --pro-shadow:0 28px 90px rgba(2,6,23,.34);
}
body{overflow-x:hidden!important;}
.sec{max-width:min(1180px,calc(100vw - 48px));margin-left:auto;margin-right:auto;}
#s-landing.sec{max-width:none;}
#tool-page-root.on{max-width:min(1180px,calc(100vw - 48px));margin-left:auto;margin-right:auto;}

.pro-hero-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
  max-width:820px;
}
.pro-action-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:86px;
  padding:18px 18px;
  border:1px solid var(--pro-border);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  color:var(--text)!important;
  text-decoration:none!important;
  cursor:pointer;
  box-shadow:0 16px 42px rgba(2,6,23,.16),inset 0 1px 0 rgba(255,255,255,.06);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease;
}
.pro-action-card:hover,.pro-action-card:focus-visible{
  border-color:rgba(96,165,250,.62);
  background:linear-gradient(145deg,rgba(59,130,246,.17),rgba(124,58,237,.09));
  box-shadow:0 0 30px rgba(96,165,250,.22),0 18px 52px rgba(2,6,23,.2);
  outline:none;
}
.pro-action-title{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--pro-blue-soft);margin-bottom:6px;}
.pro-action-sub{font-family:'Source Serif 4',Georgia,serif;font-size:15px;line-height:1.35;color:var(--muted);}
.pro-action-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(147,197,253,.22);color:var(--pro-blue-soft);flex:0 0 auto;}

.bc-page-head-inner{position:relative;overflow:hidden;}
.pro-page-art{
  position:relative;
  width:190px;
  height:190px;
  margin-left:auto;
  perspective:900px;
  filter:drop-shadow(0 32px 70px rgba(59,130,246,.25));
  pointer-events:none;
}
.pro-page-art::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 24%,rgba(255,255,255,.28),transparent 22%),linear-gradient(135deg,rgba(59,130,246,.28),rgba(124,58,237,.18));
  border:1px solid rgba(147,197,253,.28);
  transform:rotateX(64deg) rotateZ(-18deg);
  animation:proDiscSpin 13s linear infinite;
  box-shadow:inset 0 0 34px rgba(147,197,253,.18),0 22px 70px rgba(79,70,229,.22);
}
.pro-page-art::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:84px;height:84px;
  border-radius:18px;
  transform-style:preserve-3d;
  transform:translate(-50%,-58%) rotateX(-18deg) rotateY(36deg);
  background:linear-gradient(145deg,rgba(147,197,253,.36),rgba(124,58,237,.18));
  border:1px solid rgba(219,234,254,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 18px 52px rgba(2,6,23,.3);
  animation:proCubeFloat 5.4s ease-in-out infinite;
}
.pro-page-art .pro-line{position:absolute;inset:44px;border:1px solid rgba(147,197,253,.18);border-radius:50%;transform:rotateX(64deg);}
.pro-page-art .pro-line:nth-child(2){inset:62px;border-style:dashed;animation:proDiscSpin 18s linear reverse infinite;}
.pro-page-art .pro-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:'Playfair Display',Georgia,serif;font-size:42px;font-weight:900;color:rgba(219,234,254,.82);text-shadow:0 0 24px rgba(96,165,250,.45);}
.pro-art-sat .pro-mark::before{content:"SAT";font-size:28px;letter-spacing:.04em;}
.pro-art-apush .pro-mark::before{content:"1776";font-size:24px;}
.pro-art-vocab .pro-mark::before{content:"Aa";}
.pro-art-school .pro-mark::before{content:"K-12";font-size:25px;}
.pro-art-gpa .pro-mark::before{content:"4.0";font-size:28px;}
.pro-art-ach .pro-mark::before{content:"XP";font-size:30px;}

#s-quiz,#s-sat-quiz,#s-drills-quiz,#s-pt-transition,#s-sat-results,#s-sat-pt-results,#s-results,#s-drills-results{
  max-width:min(980px,calc(100vw - 48px));
}
#s-quiz > .card,#s-sat-quiz > .card,#s-drills-quiz > .card,#s-pt-transition > .card{
  padding:clamp(22px,4vw,44px)!important;
  border-radius:20px!important;
  border:1px solid rgba(226,232,240,.24)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035))!important;
  box-shadow:var(--pro-shadow)!important;
}
.prog-row{
  align-items:center!important;
  gap:14px!important;
  padding-bottom:16px!important;
  margin-bottom:14px!important;
  border-bottom:1px solid var(--border)!important;
}
.prog-lbl,.score-pill,.pt-timer,.test-pause-btn,.test-exit-btn{
  font-family:'JetBrains Mono',ui-monospace,monospace!important;
  letter-spacing:.06em!important;
}
.q-box{
  margin:20px 0 18px!important;
  padding:clamp(18px,3vw,28px)!important;
  border-radius:16px!important;
  border:1px solid rgba(147,197,253,.16)!important;
  background:rgba(255,255,255,.045)!important;
}
.q-text{font-size:clamp(18px,2.2vw,23px)!important;line-height:1.62!important;}
.choices{display:grid!important;gap:12px!important;}
.choices button,.choice,.ans-btn{
  min-height:56px!important;
  border-radius:14px!important;
  border:1px solid rgba(226,232,240,.18)!important;
  background:rgba(255,255,255,.055)!important;
  color:var(--text)!important;
  font-size:16px!important;
  line-height:1.45!important;
  text-align:left!important;
  padding:15px 16px!important;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease!important;
}
.choices button:hover,.choice:hover,.ans-btn:hover{border-color:rgba(96,165,250,.58)!important;background:rgba(59,130,246,.12)!important;box-shadow:0 0 24px rgba(96,165,250,.16)!important;}
.expl{border-radius:16px!important;padding:18px!important;line-height:1.62!important;}
.sat-nav-tabs{position:static;top:auto;z-index:80;background:rgba(5,8,18,.88);backdrop-filter:blur(16px);padding:8px;border:1px solid var(--border);border-radius:16px;margin-bottom:18px;}
.sat-tab{border-radius:12px!important;min-height:42px!important;}
.sat-unit-grid,.concept-grid,.period-grid{gap:14px!important;}
.sat-unit-card,.concept-chip,.p-btn{border-radius:16px!important;box-shadow:0 12px 38px rgba(2,6,23,.14);}

.pro-footer{
  max-width:none!important;
  margin:0!important;
  padding:54px max(24px,calc((100vw - 1180px)/2)) 34px!important;
  text-align:left!important;
  border-top:1px solid var(--pro-border)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.65),rgba(3,7,18,.96))!important;
}
.pro-footer-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:28px;align-items:start;}
.pro-footer h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(30px,4vw,52px);line-height:1.05;margin:0 0 14px;color:var(--text);}
.pro-footer p{font-family:'Source Serif 4',Georgia,serif;color:var(--muted);font-size:16px;line-height:1.65;margin:0;}
.pro-footer-title{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--pro-blue-soft);margin-bottom:12px;}
.pro-footer a,.pro-footer button{display:block;width:100%;text-align:left;margin:8px 0;padding:10px 12px;border:1px solid var(--pro-border);border-radius:12px;background:rgba(255,255,255,.04);color:var(--text);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.06em;text-decoration:none;cursor:pointer;}
.pro-footer a:hover,.pro-footer button:hover{border-color:rgba(96,165,250,.56);box-shadow:0 0 22px rgba(96,165,250,.14);}
.pro-footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:34px;padding-top:18px;border-top:1px solid var(--border);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}

@media(max-width:980px){
  .sec,#tool-page-root.on{max-width:calc(100vw - 28px)!important;}
  .bc-hero-grid{gap:30px!important;}
  .bc-card[style*="max-width:520px"]{max-width:none!important;width:100%!important;}
  .pro-hero-actions{grid-template-columns:1fr!important;max-width:none;}
  .bc-page-head-inner{grid-template-columns:1fr!important;gap:22px!important;}
  .pro-page-art{width:140px;height:140px;margin:4px 0 0;}
  .pro-page-art::after{width:62px;height:62px;border-radius:14px;}
  .pro-page-art .pro-mark{font-size:28px;}
  .sat-nav-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important;position:relative;top:auto;}
  .sat-tab{width:100%!important;white-space:normal!important;}
  .period-grid,.sat-unit-grid,.concept-grid{grid-template-columns:1fr!important;}
  .prog-row{align-items:flex-start!important;flex-direction:column!important;}
  .test-top-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;}
  .test-top-actions > *{width:100%;justify-content:center;text-align:center;}
  .pro-footer-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  header{gap:10px!important;}
  .logo-sub{display:none!important;}
  
  .hamburger{width:42px!important;height:42px!important;}
  .drawer{width:min(88vw,330px)!important;}
  .bc-hero{padding-top:24px!important;}
  .bc-h1{font-size:clamp(44px,15vw,72px)!important;line-height:.95!important;}
  .bc-lead{font-size:17px!important;line-height:1.55!important;}
  .bc-cta-row{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;}
  .bc-btn,.btn,.btn-outline{width:100%!important;justify-content:center!important;white-space:normal!important;}
  .bc-section{padding-left:0!important;padding-right:0!important;}
  #s-quiz,#s-sat-quiz,#s-drills-quiz,#s-pt-transition,#s-sat-results,#s-sat-pt-results,#s-results,#s-drills-results{max-width:calc(100vw - 24px)!important;}
  .q-text{font-size:18px!important;}
  .choices button,.choice,.ans-btn{font-size:15px!important;padding:14px!important;}
  .pt-info-grid,.score-section-row,.stats-grid{grid-template-columns:1fr!important;}
}

.pro-action-title,.pro-action-sub{display:block;}
.pro-action-card{text-align:left;}
@media(max-width:640px){
  html,body,#app{max-width:100vw!important;overflow-x:hidden!important;}
  
  header{grid-template-columns:1fr auto!important;}
  .bc-hero{overflow:hidden!important;}
  .bc-hero-grid{max-width:100%!important;overflow:hidden!important;}
  .bc-h1{font-size:clamp(40px,13.2vw,58px)!important;line-height:1.02!important;max-width:100%!important;overflow:visible!important;}
  .bc-h1 em,.bc-h1 .bc-text-gradient{display:block!important;}
  .bc-lead{max-width:100%!important;font-size:16px!important;}
  .pro-hero-actions{gap:10px!important;margin-top:18px!important;}
  .pro-action-card{min-height:76px!important;padding:15px 16px!important;}
  .pro-action-title{font-size:11px!important;margin-bottom:5px!important;}
  .pro-action-sub{font-size:14px!important;line-height:1.35!important;}
  .pro-action-arrow{width:30px!important;height:30px!important;}
  .bc-card[style*="max-width:520px"]{display:none!important;}
}

@media(max-width:640px){
  #s-landing .bc-hero{padding-left:24px!important;padding-right:24px!important;box-sizing:border-box!important;}
  #s-landing .bc-hero-grid,#s-landing .bc-hero-grid > div{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
  #s-landing .bc-h1{font-size:clamp(36px,11.4vw,47px)!important;line-height:1.05!important;width:100%!important;max-width:100%!important;white-space:normal!important;}
  #s-landing .bc-h1 br{display:none!important;}
  #s-landing .bc-h1 em,#s-landing .bc-h1 .bc-text-gradient{display:block!important;max-width:100%!important;}
  #s-landing .bc-lead{width:100%!important;max-width:100%!important;white-space:normal!important;overflow-wrap:break-word!important;}
  #s-landing .bc-pill-live{max-width:100%!important;white-space:normal!important;line-height:1.45!important;}
}

@media(max-width:640px){
  #s-landing .bc-hero{padding-left:12px!important;padding-right:12px!important;}
  #s-landing .bc-hero-grid{width:100%!important;}
  #s-landing .bc-h1{font-size:clamp(35px,10.7vw,44px)!important;}
  #s-landing .bc-lead{font-size:15.5px!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;}
}

@media(max-width:640px){
  #s-landing .bc-lead{max-width:min(282px,calc(100vw - 76px))!important;}
  #s-landing .pro-hero-actions{max-width:min(308px,calc(100vw - 58px))!important;}
  #s-landing .pro-action-card{overflow:hidden!important;}
}

@media(min-width:980px){.bc-hero-grid{grid-template-columns:1.4fr 1fr!important}}

:root{--fixed-header-height:0px;}
#app{padding-top:0!important;}
header{
  position:static!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  z-index:220!important;
  width:100%!important;
}
.drawer-overlay{z-index:230!important;}
.drawer{z-index:240!important;}
html{}
@media(max-width:640px){
  :root{--fixed-header-height:0px;}
  header{padding:12px 14px!important;}
}
.compass-wrap{
  width:180px!important;
  height:180px!important;
}
.compass-ring{
  width:180px!important;
  height:180px!important;
  inset:0!important;
}
.cube-inside-compass{
  top:50%!important;
  left:50%!important;
  width:52px!important;
  height:52px!important;
  transform:translate(-50%,-50%)!important;
}

#s-profile{max-width:min(1220px,calc(100vw - 48px));padding-top:0}
.profile-shell{padding-bottom:60px}
.profile-hero{border:1px solid rgba(147,197,253,.18);border-radius:20px;background:linear-gradient(145deg,rgba(15,23,42,.88),rgba(12,15,26,.74));padding:clamp(24px,4vw,42px);margin:0 0 20px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:center}
.profile-hero h1{font-size:clamp(42px,7vw,76px);margin:6px 0 10px}
.profile-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}
.profile-card{border:1px solid rgba(147,197,253,.15);background:linear-gradient(145deg,rgba(255,255,255,.068),rgba(255,255,255,.026));border-radius:16px;padding:20px;box-shadow:0 10px 28px rgba(2,6,23,.18),inset 0 1px 0 rgba(255,255,255,.05)}
.profile-card.wide{grid-column:1/-1}
.profile-title{font-family:'Playfair Display',Georgia,serif;font-size:25px;font-weight:900;margin:0 0 12px}
.profile-muted{color:var(--muted);font-size:14px;line-height:1.6}
.profile-editor{display:grid;grid-template-columns:98px minmax(0,1fr);gap:16px;align-items:center}
.profile-avatar{width:98px;height:98px;border-radius:24px;border:1px solid rgba(147,197,253,.28);background:linear-gradient(135deg,rgba(59,130,246,.28),rgba(245,158,11,.18));display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:'Playfair Display',Georgia,serif;font-size:38px;font-weight:900;color:#f8fbff}
.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.profile-input{width:100%;background:rgba(255,255,255,.045);border:1px solid rgba(147,197,253,.18);border-radius:10px;color:var(--text);font-family:'Source Serif 4',Georgia,serif;font-size:15px;padding:12px 13px;outline:none}
.profile-input:focus{border-color:rgba(96,165,250,.56);box-shadow:0 0 0 3px rgba(59,130,246,.08)}
.profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.profile-chip-btn{border:1px solid rgba(147,197,253,.22);background:rgba(59,130,246,.08);color:#dbeafe;border-radius:999px;padding:8px 11px;font-family:'Playfair Display',Georgia,serif;font-size:13px;font-weight:800;cursor:pointer}
.profile-file{font-size:13px;color:var(--muted);max-width:100%}
.profile-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.profile-stat{border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:15px;background:rgba(0,0,0,.13);min-height:112px}
.profile-stat b{display:block;font-family:'Playfair Display',Georgia,serif;font-size:clamp(25px,3vw,38px);line-height:1;color:var(--text);word-break:break-word}
.profile-stat span{display:block;font-size:10px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:8px}
.profile-stat p{font-size:13px;color:var(--muted);line-height:1.45;margin-top:8px}
.profile-meter{height:9px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:11px}
.profile-meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#34d399);width:0%}
.profile-list{display:flex;flex-direction:column;gap:9px}
.profile-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding:11px 0 0}
.profile-row:first-child{border-top:0;padding-top:0}
.profile-row strong{font-size:15px;color:var(--text)}
.profile-row small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.profile-badge{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;border-radius:999px;padding:5px 8px;border:1px solid rgba(245,158,11,.28);color:#fef3c7;background:rgba(245,158,11,.09);white-space:nowrap}
.profile-empty{border:1px dashed rgba(147,197,253,.18);border-radius:12px;padding:14px;color:var(--muted);font-size:14px;line-height:1.55;background:rgba(255,255,255,.025)}
.profile-split{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.profile-mini{border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:14px;background:rgba(255,255,255,.03)}
.profile-mini b{font-family:'Playfair Display',Georgia,serif;font-size:28px;display:block}
.profile-mini span{font-size:11px;color:var(--muted);letter-spacing:1.2px;text-transform:uppercase}
@media(max-width:980px){.profile-hero,.profile-grid{grid-template-columns:1fr}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#s-profile{max-width:calc(100vw - 28px)}.profile-hero,.profile-card{padding:18px;border-radius:14px}.profile-editor{grid-template-columns:1fr}.profile-avatar{width:88px;height:88px}.profile-stat-grid,.profile-split{grid-template-columns:1fr}}

#s-college{--college-accent:#f59e0b;--college-blue:#38bdf8;--college-pink:#f472b6;--college-green:#34d399;max-width:min(1220px,calc(100vw - 48px))}
.college-studio{padding-bottom:64px;position:relative;z-index:4}
body[data-current-page="tool-page"] .pro-ambient-compass{opacity:.06!important;filter:none!important}
.college-panel{border:1px solid rgba(245,158,11,.18);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border-radius:18px;padding:clamp(22px,3vw,34px);margin:22px 0;box-shadow:0 24px 80px rgba(2,6,23,.2),inset 0 1px 0 rgba(255,255,255,.06)}
.college-panel.alt{border-color:rgba(56,189,248,.18);background:linear-gradient(145deg,rgba(14,30,55,.72),rgba(12,15,26,.72))}
.college-kicker{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--college-accent);font-weight:800;margin-bottom:10px}
.college-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(28px,4vw,48px);line-height:1.06;font-weight:900;margin:0 0 10px}
.college-copy{font-family:'Source Serif 4',Georgia,serif;color:var(--muted);font-size:16px;line-height:1.72}
.college-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.college-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.college-factor{border-top:2px solid rgba(245,158,11,.68);padding:18px 0 0;min-height:145px}
.college-factor:nth-child(2){border-color:rgba(56,189,248,.68)}.college-factor:nth-child(3){border-color:rgba(244,114,182,.68)}
.college-factor strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:21px;margin-bottom:8px;color:var(--text)}
.college-factor span{display:block;font-size:14px;color:var(--muted);line-height:1.65}
.college-plan{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:18px}
.college-plan-card{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);border-radius:14px;padding:18px}
.college-plan-card h3{font-family:'Playfair Display',Georgia,serif;font-size:22px;margin:0 0 8px}
.college-plan-card p{font-size:14px;color:var(--muted);line-height:1.6}
.college-plan-list{margin-top:10px}
.college-plan-list .college-list-item:first-child{border-top:0}
.college-controls{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr;gap:10px;margin-top:18px}
.college-input,.college-select{width:100%;background:rgba(255,255,255,.045);border:1px solid rgba(147,197,253,.18);border-radius:10px;color:var(--text);font-family:'Source Serif 4',Georgia,serif;font-size:15px;padding:12px 13px;outline:none}
.college-input:focus,.college-select:focus{border-color:rgba(245,158,11,.55);box-shadow:0 0 0 3px rgba(245,158,11,.08)}
.college-results-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 12px;color:var(--muted);font-size:13px}
.college-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.college-card{position:relative;border:1px solid rgba(147,197,253,.16);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.026));border-radius:16px;padding:20px;overflow:hidden}
.college-card::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--college-accent),var(--college-blue),var(--college-pink));opacity:.75}
.college-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}
.college-name{font-family:'Playfair Display',Georgia,serif;font-size:24px;font-weight:900;line-height:1.1}
.college-tag{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#fef3c7;border:1px solid rgba(245,158,11,.32);background:rgba(245,158,11,.11);border-radius:999px;padding:5px 9px;white-space:nowrap}
.college-meta{font-size:13px;color:var(--muted);margin-top:6px}
.college-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}
.college-stat{border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:10px;background:rgba(0,0,0,.12)}
.college-stat b{display:block;font-family:'Playfair Display',Georgia,serif;font-size:18px;color:var(--text);line-height:1.05}
.college-stat span{display:block;font-size:10px;color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;margin-top:4px}
.college-major-row{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.college-major{font-size:12px;color:#bae6fd;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.22);border-radius:999px;padding:4px 9px}
.college-note{font-size:14px;line-height:1.58;color:rgba(232,237,245,.78);border-top:1px solid rgba(255,255,255,.08);padding-top:12px;margin-top:12px}
.college-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.college-mini-btn{border:1px solid rgba(245,158,11,.32);background:rgba(245,158,11,.08);color:#fef3c7;border-radius:9px;padding:9px 11px;font-family:'Playfair Display',Georgia,serif;font-size:13px;font-weight:800;cursor:pointer}
.college-mini-btn:hover{background:rgba(245,158,11,.14)}
.college-mini-btn.blue{border-color:rgba(56,189,248,.28);background:rgba(56,189,248,.08);color:#bae6fd}
.college-list-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.college-list-col{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.03);padding:14px;min-height:130px}
.college-list-col h3{font-family:'Playfair Display',Georgia,serif;font-size:20px;margin-bottom:8px}
.college-list-item{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid rgba(255,255,255,.07);padding:9px 0;font-size:13px;color:rgba(232,237,245,.84)}
.college-remove{background:transparent;border:0;color:#fca5a5;cursor:pointer;font-size:17px;line-height:1}
.college-empty{font-size:13px;color:var(--muted);line-height:1.55}
@media(max-width:920px){.college-grid,.college-grid.two,.college-plan,.college-results,.college-list-board{grid-template-columns:1fr}.college-controls{grid-template-columns:1fr 1fr}.college-stats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){#s-college{max-width:calc(100vw - 28px)}.college-controls{grid-template-columns:1fr}.college-panel{padding:20px}.college-card{padding:18px}.college-card-top{display:block}.college-tag{display:inline-block;margin-top:10px}.college-stats{grid-template-columns:1fr 1fr}}
.purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.purpose-note{border-top:2px solid rgba(59,130,246,.65);padding-top:16px}
.purpose-note strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:22px;margin-bottom:8px;color:var(--text)}
.purpose-note span{display:block;color:var(--muted);font-size:14px;line-height:1.65}
.feedback-form{display:grid;gap:12px;margin-top:16px}
.feedback-form input,.feedback-form select,.feedback-form textarea{width:100%;background:rgba(255,255,255,.045);border:1px solid rgba(147,197,253,.16);border-radius:10px;color:var(--text);padding:12px 13px;font-family:inherit;font-size:14px;outline:none}
.feedback-form textarea{min-height:120px;resize:vertical;line-height:1.55}
.feedback-form input:focus,.feedback-form select:focus,.feedback-form textarea:focus{border-color:rgba(59,130,246,.5);box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.feedback-form select option{background:#0f172a;color:#f8fafc}
.feedback-list{display:grid;gap:10px;margin-top:16px}
.feedback-entry{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035);padding:14px}
.feedback-entry strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:18px;color:var(--text)}
.feedback-entry small{display:block;color:var(--muted);font-size:12px;margin:3px 0 8px}
.feedback-entry p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}
@media(max-width:760px){.purpose-grid{grid-template-columns:1fr}}

:root{
  --sc-surface:rgba(8,12,28,.62);
  --sc-surface-2:rgba(14,20,44,.72);
  --sc-glass:rgba(255,255,255,.055);
  --sc-line:rgba(150,176,255,.18);
  --sc-line-strong:rgba(150,176,255,.36);
  --sc-blue:#3b82f6;
  --sc-indigo:#4f46e5;
  --sc-cyan:#93c5fd;
  --sc-radius:18px;
}
body{
  background:
    radial-gradient(circle at 78% 12%,rgba(79,70,229,.18),transparent 34rem),
    radial-gradient(circle at 18% 22%,rgba(59,130,246,.16),transparent 32rem),
    linear-gradient(135deg,#050713 0%,#070a17 54%,#0c0f1a 100%)!important;
}
body::before{opacity:.42!important}
header{
  background:rgba(5,7,19,.72)!important;
  border-bottom:1px solid var(--sc-line)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.18)!important;
}
.logo{min-width:0}
.logo-name{white-space:nowrap}
.logo-sub{white-space:nowrap}

.drawer{
  box-shadow:-32px 0 80px rgba(0,0,0,.38)!important;
}
.drawer-btn{
  min-height:44px;
  border:1px solid transparent!important;
}
.drawer-btn:hover,.drawer-btn:focus-visible{
  border-color:var(--sc-line)!important;
  outline:none!important;
}
.bc-card,.card,.sat-unit-card,.strategy-card,.study-plan,.score-guide,.ach-item,.fc-card,.q-box,.stimulus-box,.sat-passage{
  border-radius:var(--sc-radius)!important;
  border-color:var(--sc-line)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.032))!important;
  box-shadow:0 28px 90px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.075)!important;
}
.card:hover,.sat-unit-card:hover,.bc-card:hover,.ach-item:hover{
  border-color:var(--sc-line-strong)!important;
  transform:translateY(-3px)!important;
}
.bc-feat-grid,.bc-stats-grid{
  border-radius:22px!important;
  overflow:hidden!important;
}
.bc-feat{
  min-height:250px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
.bc-feat-icon{
  width:42px;
  height:42px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(59,130,246,.20),rgba(79,70,229,.16));
  border:1px solid var(--sc-line);
}
.bc-feat-icon::before{
  content:'';
  width:18px;
  height:18px;
  border-radius:6px;
  background:linear-gradient(135deg,var(--sc-cyan),var(--sc-indigo));
  box-shadow:0 0 22px rgba(59,130,246,.45);
}
.bc-btn,.btn,.btn-outline,
.bc-btn:focus-visible,.btn:focus-visible,.btn-outline:focus-visible,
.bc-btn,.btn,.btn-outline{
  min-height:46px;
  white-space:nowrap;
}
.bc-btn-primary,.btn:not(.btn-outline){
  background:linear-gradient(135deg,#f8fbff,#dbeafe)!important;
  color:#060817!important;
  box-shadow:0 18px 50px rgba(59,130,246,.18),0 0 34px rgba(147,197,253,.18)!important;
}
.bc-btn-primary:hover,.btn:not(.btn-outline):hover{
  transform:translateY(-2px)!important;
  box-shadow:0 24px 70px rgba(59,130,246,.26),0 0 48px rgba(147,197,253,.26)!important;
}
.bc-btn-ghost,.btn-outline{
  background:rgba(255,255,255,.045)!important;
  border-color:var(--sc-line)!important;
  color:#edf3ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.bc-btn-ghost:hover,.btn-outline:hover{
  border-color:var(--sc-line-strong)!important;
  background:rgba(79,70,229,.12)!important;
}
.bc-page-head{
  border-radius:28px!important;
  border:1px solid var(--sc-line)!important;
  padding:0!important;
  margin:20px 0 30px!important;
  background:
    radial-gradient(circle at 82% 16%,rgba(79,70,229,.24),transparent 28%),
    radial-gradient(circle at 12% 24%,rgba(59,130,246,.20),transparent 30%),
    rgba(8,12,28,.68)!important;
  box-shadow:0 30px 100px rgba(2,6,23,.28),inset 0 1px 0 rgba(255,255,255,.075)!important;
}
.bc-page-head-inner{
  padding:clamp(28px,5vw,62px)!important;
  min-height:260px;
}
#s-writing,
#s-dbq,
#s-saq,
#s-leq{
  padding-top:8px!important;
}
#s-writing .bc-page-head,
#s-dbq .bc-page-head,
#s-saq .bc-page-head,
#s-leq .bc-page-head{
  margin-top:0!important;
  margin-bottom:18px!important;
}
#s-writing .bc-page-head-inner,
#s-dbq .bc-page-head-inner,
#s-saq .bc-page-head-inner,
#s-leq .bc-page-head-inner{
  min-height:0!important;
  padding:clamp(22px,3.4vw,40px)!important;
}
.bc-mini-orb{
  transform-style:preserve-3d;
  animation:scMiniOrbitFloat 7s ease-in-out infinite;
}

.pro-ambient-compass{
  opacity:.45!important;
  filter:drop-shadow(0 0 42px rgba(59,130,246,.20)) drop-shadow(0 0 110px rgba(79,70,229,.18))!important;
}
.pro-ambient-compass{
  width:min(72vw,920px)!important;
  left:50%!important;
  right:auto!important;
  top:9vh!important;
  transform:translateX(-12%);
  opacity:.56!important;
}
.pro-compass-disc{
  background:
    radial-gradient(circle at 31% 22%,rgba(255,255,255,.34),transparent 8%),
    radial-gradient(circle at 50% 50%,rgba(147,197,253,.16),transparent 19%),
    repeating-conic-gradient(from 0deg,rgba(147,197,253,.20) 0deg 1deg,transparent 1deg 15deg),
    conic-gradient(from 20deg,rgba(59,130,246,.08),rgba(79,70,229,.25),rgba(219,234,254,.12),rgba(59,130,246,.16),rgba(79,70,229,.08))!important;
  border-color:rgba(191,219,254,.34)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.12),
    inset 0 0 88px rgba(59,130,246,.22),
    0 0 160px rgba(59,130,246,.18),
    0 34px 120px rgba(0,0,0,.26)!important;
}
.pro-compass-disc::before{
  inset:6%!important;
  border-color:rgba(191,219,254,.34)!important;
  box-shadow:inset 0 0 30px rgba(147,197,253,.08);
}
.pro-compass-disc::after{
  inset:21%!important;
  border-style:dashed!important;
  border-color:rgba(147,197,253,.32)!important;
}
.pro-compass-svg{
  opacity:1!important;
  filter:drop-shadow(0 0 18px rgba(59,130,246,.20));
}
.pro-compass-core{
  width:18%!important;
  filter:drop-shadow(0 0 22px rgba(147,197,253,.30));
}
.sc-hero-orbit{
  position:relative;
  min-height:560px;
  perspective:1400px;
  isolation:isolate;
}
.sc-hero-orbit::before{
  content:'';
  position:absolute;
  inset:8% 0 2%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(59,130,246,.16),rgba(79,70,229,.08) 36%,transparent 66%);
  filter:blur(18px);
  transform:rotateX(68deg);
}
.sc-orbit-stage{
  position:absolute;
  inset:0;
  transform-style:preserve-3d;
  animation:scSceneSway 9s ease-in-out infinite;
}
.sc-orbit-ring{
  position:absolute;
  left:50%;
  top:50%;
  width:min(520px,92vw);
  aspect-ratio:1;
  transform:translate(-50%,-48%) rotateX(64deg) rotateZ(-10deg);
  transform-style:preserve-3d;
  border:1px solid rgba(147,197,253,.20);
  border-radius:50%;
  box-shadow:inset 0 0 80px rgba(59,130,246,.10),0 0 80px rgba(79,70,229,.12);
}
.sc-orbit-ring::before,.sc-orbit-ring::after{
  content:'';
  position:absolute;
  inset:12%;
  border-radius:50%;
  border:1px dashed rgba(147,197,253,.20);
}
.sc-orbit-ring::after{
  inset:27%;
  border-style:solid;
  border-color:rgba(79,70,229,.22);
}
.sc-study-device{
  position:absolute;
  left:50%;
  top:50%;
  width:min(340px,70vw);
  min-height:250px;
  transform:translate(-50%,-50%) rotateX(12deg) rotateY(-18deg) translateZ(92px);
  border:1px solid var(--sc-line);
  border-radius:28px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.045)),
    linear-gradient(135deg,rgba(9,14,34,.96),rgba(14,21,48,.82));
  box-shadow:0 36px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.16);
  padding:22px;
  overflow:hidden;
}
.sc-study-device::before{
  content:'';
  position:absolute;
  inset:-42% -16% auto;
  height:70%;
  transform:rotate(12deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  animation:scLightSweep 6s ease-in-out infinite;
}
.sc-device-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;position:relative}
.sc-device-title{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#bfdbfe}
.sc-device-dot{width:9px;height:9px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 7px rgba(96,165,250,.14),0 0 22px rgba(96,165,250,.7)}
.sc-score-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative}
.sc-score-tile{
  min-height:86px;
  padding:14px;
  border:1px solid rgba(147,197,253,.18);
  border-radius:18px;
  background:rgba(255,255,255,.06);
}
.sc-score-num{font-family:'Playfair Display',Georgia,serif;font-size:36px;font-weight:900;line-height:1;color:#f8fbff}
.sc-score-label{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:rgba(225,232,255,.58);margin-top:8px}
.sc-progress{
  position:relative;
  height:12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
  margin-top:18px;
  border:1px solid rgba(147,197,253,.14);
}
.sc-progress span{
  display:block;
  width:72%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#3b82f6,#93c5fd,#4f46e5);
  animation:scProgressPulse 4.5s ease-in-out infinite;
}
.sc-orbit-card{
  position:absolute;
  left:50%;
  top:50%;
  width:144px;
  min-height:116px;
  padding:16px;
  border-radius:22px;
  border:1px solid var(--sc-line);
  background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.045));
  box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
  transform-style:preserve-3d;
  animation:scCardFloat 6s ease-in-out infinite;
}
.sc-orbit-card strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:22px;color:#f8fbff;line-height:1.05}
.sc-orbit-card span{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:rgba(225,232,255,.58);margin-top:10px}
.sc-card-sat{transform:translate(-50%,-50%) translate3d(200px,-142px,130px) rotateY(-18deg)}
.sc-card-apush{transform:translate(-50%,-50%) translate3d(-212px,-108px,82px) rotateY(18deg);animation-delay:-1.2s}
.sc-card-gpa{transform:translate(-50%,-50%) translate3d(180px,138px,88px) rotateY(-12deg);animation-delay:-2.1s}
.sc-card-school{transform:translate(-50%,-50%) translate3d(-190px,144px,112px) rotateY(14deg);animation-delay:-3s}
.sc-floating-book{
  position:absolute;
  left:50%;
  top:50%;
  width:178px;
  height:90px;
  transform:translate(-50%,-50%) translate3d(-16px,176px,56px) rotateX(62deg) rotateZ(-8deg);
  transform-style:preserve-3d;
  opacity:.86;
}
.sc-floating-book::before,.sc-floating-book::after{
  content:'';
  position:absolute;
  top:0;
  width:50%;
  height:100%;
  border:1px solid rgba(147,197,253,.20);
  background:linear-gradient(145deg,rgba(219,234,254,.92),rgba(147,197,253,.22));
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}
.sc-floating-book::before{left:0;border-radius:18px 4px 4px 18px;transform:rotateY(12deg);transform-origin:right}
.sc-floating-book::after{right:0;border-radius:4px 18px 18px 4px;transform:rotateY(-12deg);transform-origin:left}

.pro-hero-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:24px!important;
}
.pro-action-card{
  min-width:0;
  border-radius:22px!important;
  border:1px solid var(--sc-line)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045))!important;
  box-shadow:0 22px 70px rgba(2,6,23,.24),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.pro-action-card:hover,.pro-action-card:focus-visible{
  transform:translateY(-4px)!important;
  border-color:var(--sc-line-strong)!important;
}
#tool-page-root.on{
  max-width:min(1240px,calc(100vw - 48px))!important;
}
.period-grid,.sat-unit-grid,.ach-grid,.stats-grid{
  gap:12px!important;
}
.p-btn,.sat-tab,.fc-deck-btn{
  border-radius:14px!important;
  min-height:44px;
}
.choice{
  border-radius:16px!important;
  min-height:56px;
}
.q-text{
  overflow-wrap:anywhere;
}
@media(max-width:980px){
  .pro-ambient-compass{
    width:min(108vw,680px)!important;
    left:50%!important;
    right:auto!important;
    top:23vh!important;
    transform:translateX(-50%)!important;
    opacity:.42!important;
  }
  .sc-hero-orbit{min-height:480px;margin-top:12px}
  .sc-study-device{width:min(330px,82vw)}
  .sc-orbit-card{width:128px;min-height:102px}
  .sc-card-sat{transform:translate(-50%,-50%) translate3d(132px,-142px,96px) rotateY(-16deg)}
  .sc-card-apush{transform:translate(-50%,-50%) translate3d(-138px,-112px,72px) rotateY(16deg)}
  .sc-card-gpa{transform:translate(-50%,-50%) translate3d(126px,130px,72px) rotateY(-10deg)}
  .sc-card-school{transform:translate(-50%,-50%) translate3d(-126px,132px,90px) rotateY(10deg)}
  .pro-hero-actions{grid-template-columns:1fr!important;max-width:560px}
}
@media(max-width:640px){
  .pro-ambient-compass{
    position:absolute!important;
    width:min(118vw,520px)!important;
    left:50%!important;
    right:auto!important;
    top:230px!important;
    transform:translateX(-50%)!important;
    opacity:.38!important;
    z-index:0!important;
  }
  .pro-compass-stage{
    animation-duration:30s!important;
  }
  .pro-compass-disc{
    inset:7%!important;
  }
  #app{padding-top:68px!important}
  header{padding:10px 12px!important}
  .logo-mark{width:30px!important;height:30px!important;flex-basis:30px!important}
  .logo-sub{display:none!important}
  
  
  .bc-hero{padding-left:14px!important;padding-right:14px!important;overflow:hidden!important}
  .bc-h1{font-size:clamp(40px,12vw,58px)!important;line-height:.94!important}
  .bc-lead{font-size:16px!important}
  .bc-cta-row{display:grid!important;grid-template-columns:1fr!important}
  .bc-btn,.btn,.btn-outline{width:100%;white-space:normal;text-align:center}
  .sc-hero-orbit{min-height:390px}
  .sc-hero-orbit{
    margin-top:24px!important;
    transform:translateX(0)!important;
  }
  .sc-orbit-ring{
    width:min(380px,98vw)!important;
    transform:translate(-50%,-50%) rotateX(61deg) rotateZ(-10deg)!important;
  }
  .sc-study-device{width:min(286px,82vw);min-height:220px;padding:18px;border-radius:24px}
  .sc-score-num{font-size:30px}
  .sc-orbit-card{width:106px;min-height:90px;padding:12px;border-radius:18px}
  .sc-orbit-card strong{font-size:18px}
  .sc-orbit-card span{font-size:8px}
  .sc-card-sat{transform:translate(-50%,-50%) translate3d(104px,-118px,72px) rotateY(-12deg)}
  .sc-card-apush{transform:translate(-50%,-50%) translate3d(-106px,-94px,60px) rotateY(12deg)}
  .sc-card-gpa{transform:translate(-50%,-50%) translate3d(100px,112px,58px) rotateY(-8deg)}
  .sc-card-school{transform:translate(-50%,-50%) translate3d(-100px,110px,66px) rotateY(8deg)}
  .sc-floating-book{width:132px;height:70px;transform:translate(-50%,-50%) translate3d(-10px,138px,38px) rotateX(62deg) rotateZ(-8deg)}
  .bc-section{padding:56px 0!important}
  .bc-page-head-inner{padding:28px 18px!important;min-height:0}
  .bc-mini-orb{width:140px!important;height:140px!important;margin:auto}
  .period-grid,.stats-grid{grid-template-columns:1fr!important}
  .match-grid,.sat-nav-tabs{grid-template-columns:1fr!important}
  .sat-nav-tabs{display:grid!important}
  #tool-page-root.on{max-width:calc(100vw - 24px)!important}
}
@media(prefers-reduced-motion:reduce){
  .sc-orbit-stage,.sc-orbit-card,.sc-mini-orb,.bc-mini-orb,.pro-compass-stage,.pro-compass-shine,.sc-study-device::before,.sc-progress span{
    animation:none!important;
  }
}

@media(max-width:900px){
  #s-landing .bc-hero{
    position:relative!important;
    overflow:hidden!important;
  }
  #s-landing .bc-hero-grid{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  #s-landing .bc-hero-grid > div:first-child{
    position:relative;
    z-index:2;
  }
  .pro-ambient-compass{
    position:absolute!important;
    width:min(96vw,540px)!important;
    left:50%!important;
    right:auto!important;
    top:136px!important;
    transform:translateX(-50%)!important;
    opacity:.28!important;
    z-index:0!important;
    filter:drop-shadow(0 0 34px rgba(59,130,246,.20)) drop-shadow(0 0 76px rgba(79,70,229,.16))!important;
  }
  .pro-compass-stage{
    transform-origin:50% 50%;
  }
  .sc-hero-orbit{
    width:100%!important;
    max-width:520px!important;
    min-height:430px!important;
    margin:10px auto 0!important;
    transform:none!important;
    z-index:1;
  }
  .sc-orbit-ring{
    width:min(430px,92vw)!important;
    transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-10deg)!important;
  }
  .sc-study-device{
    width:min(300px,76vw)!important;
    min-height:218px!important;
    transform:translate(-50%,-50%) rotateX(10deg) rotateY(-13deg) translateZ(74px)!important;
  }
  .sc-card-sat{transform:translate(-50%,-50%) translate3d(128px,-120px,78px) rotateY(-12deg)!important}
  .sc-card-apush{transform:translate(-50%,-50%) translate3d(-128px,-94px,66px) rotateY(12deg)!important}
  .sc-card-gpa{transform:translate(-50%,-50%) translate3d(118px,118px,62px) rotateY(-8deg)!important}
  .sc-card-school{transform:translate(-50%,-50%) translate3d(-118px,116px,70px) rotateY(8deg)!important}
}

@media(max-width:480px){
  .pro-ambient-compass{
    width:min(104vw,410px)!important;
    top:154px!important;
    opacity:.25!important;
  }
  .sc-hero-orbit{
    min-height:350px!important;
    max-width:360px!important;
  }
  .sc-orbit-ring{
    width:min(330px,90vw)!important;
  }
  .sc-study-device{
    width:min(252px,74vw)!important;
    min-height:190px!important;
    padding:16px!important;
    border-radius:22px!important;
  }
  .sc-score-tile{
    min-height:72px!important;
    padding:12px!important;
  }
  .sc-score-num{font-size:27px!important}
  .sc-orbit-card{
    width:94px!important;
    min-height:80px!important;
    padding:10px!important;
  }
  .sc-orbit-card strong{font-size:17px!important}
  .sc-orbit-card span{font-size:7.5px!important;line-height:1.25}
  .sc-card-sat{transform:translate(-50%,-50%) translate3d(88px,-102px,54px) rotateY(-10deg)!important}
  .sc-card-apush{transform:translate(-50%,-50%) translate3d(-88px,-82px,48px) rotateY(10deg)!important}
  .sc-card-gpa{transform:translate(-50%,-50%) translate3d(84px,94px,48px) rotateY(-8deg)!important}
  .sc-card-school{transform:translate(-50%,-50%) translate3d(-84px,94px,54px) rotateY(8deg)!important}
  .sc-floating-book{
    width:112px!important;
    height:58px!important;
    transform:translate(-50%,-50%) translate3d(-8px,112px,30px) rotateX(62deg) rotateZ(-8deg)!important;
  }
}

.pro-ambient-compass{
  perspective:1800px!important;
  transform-style:preserve-3d!important;
  opacity:.68!important;
  filter:
    drop-shadow(0 36px 46px rgba(0,0,0,.38))
    drop-shadow(0 0 44px rgba(59,130,246,.30))
    drop-shadow(0 0 120px rgba(79,70,229,.22))!important;
}
.pro-ambient-compass::before{
  content:'';
  position:absolute;
  left:50%;
  top:62%;
  width:74%;
  height:18%;
  border-radius:50%;
  transform:translate(-50%,-50%) rotateX(72deg) translateZ(-90px);
  background:radial-gradient(ellipse at center,rgba(0,0,0,.48),rgba(59,130,246,.12) 42%,transparent 72%);
  filter:blur(18px);
  opacity:.88;
}
.pro-ambient-compass::after{
  content:'';
  position:absolute;
  inset:13%;
  border-radius:50%;
  transform:translateZ(-42px) rotateX(1deg);
  background:
    radial-gradient(circle at 50% 46%,transparent 58%,rgba(15,23,42,.72) 59%,rgba(2,6,23,.92) 66%,transparent 69%),
    conic-gradient(from 180deg,rgba(59,130,246,.06),rgba(147,197,253,.22),rgba(79,70,229,.12),rgba(8,12,28,.66),rgba(59,130,246,.06));
  box-shadow:
    inset 0 14px 26px rgba(255,255,255,.06),
    inset 0 -28px 44px rgba(0,0,0,.42),
    0 38px 90px rgba(0,0,0,.34);
  opacity:.82;
}
.pro-compass-stage{
  transform-style:preserve-3d!important;
  animation:proCompassTurnDeep 28s linear infinite!important;
}
.pro-compass-disc{
  transform:translateZ(42px)!important;
  overflow:visible!important;
  border-width:2px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,0) 28%),
    radial-gradient(circle at 31% 22%,rgba(255,255,255,.46),transparent 8%),
    radial-gradient(circle at 53% 52%,rgba(147,197,253,.22),transparent 20%),
    repeating-conic-gradient(from 0deg,rgba(219,234,254,.24) 0deg 1deg,transparent 1deg 10deg),
    conic-gradient(from 20deg,rgba(59,130,246,.14),rgba(79,70,229,.34),rgba(219,234,254,.16),rgba(59,130,246,.20),rgba(2,6,23,.22))!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.18),
    inset 0 -32px 56px rgba(0,0,0,.34),
    inset 0 0 110px rgba(59,130,246,.28),
    0 18px 0 rgba(7,12,30,.74),
    0 24px 0 rgba(59,130,246,.10),
    0 62px 150px rgba(0,0,0,.44),
    0 0 170px rgba(59,130,246,.26)!important;
}
.pro-compass-disc::before{
  border-width:2px!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 0 -18px 34px rgba(0,0,0,.26),
    0 0 36px rgba(147,197,253,.16)!important;
}
.pro-compass-disc::after{
  border-width:1.5px!important;
  box-shadow:0 0 30px rgba(147,197,253,.18)!important;
}
.pro-compass-svg{
  transform:translateZ(74px)!important;
  filter:
    drop-shadow(0 10px 12px rgba(0,0,0,.30))
    drop-shadow(0 0 16px rgba(147,197,253,.24))!important;
}
.pro-compass-shine{
  transform:translateX(-42%) rotate(8deg) translateZ(130px)!important;
  opacity:.72;
}
.pro-compass-core{
  transform:translate(-50%,-50%) translateZ(138px) rotateX(58deg) rotateZ(45deg)!important;
}
.pro-core-face{
  background:linear-gradient(135deg,rgba(219,234,254,.34),rgba(59,130,246,.30) 38%,rgba(79,70,229,.28))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -12px 22px rgba(0,0,0,.22),
    0 0 42px rgba(59,130,246,.35)!important;
}

.sc-hero-orbit{
  perspective:1900px!important;
}
.sc-hero-orbit::before{
  background:
    radial-gradient(ellipse at center,rgba(0,0,0,.42),rgba(59,130,246,.14) 38%,transparent 70%)!important;
  filter:blur(24px)!important;
  transform:rotateX(72deg) translateY(34px)!important;
}
.sc-orbit-ring{
  border-width:2px!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(59,130,246,.06),transparent 56%),
    conic-gradient(from 40deg,rgba(147,197,253,.04),rgba(79,70,229,.20),rgba(147,197,253,.10),rgba(59,130,246,.05))!important;
  box-shadow:
    inset 0 0 90px rgba(59,130,246,.14),
    inset 0 -18px 30px rgba(0,0,0,.22),
    0 20px 0 rgba(7,12,30,.48),
    0 46px 90px rgba(0,0,0,.34),
    0 0 110px rgba(79,70,229,.18)!important;
}
.sc-orbit-ring::before{
  border-width:2px!important;
  box-shadow:0 0 30px rgba(147,197,253,.14);
}
.sc-study-device{
  transform:translate(-50%,-50%) rotateX(15deg) rotateY(-24deg) translateZ(128px)!important;
  box-shadow:
    0 14px 0 rgba(5,9,22,.82),
    0 44px 90px rgba(0,0,0,.48),
    0 0 64px rgba(59,130,246,.24),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -28px 46px rgba(0,0,0,.24)!important;
}
.sc-study-device::after{
  content:'';
  position:absolute;
  inset:10px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(140deg,rgba(255,255,255,.10),transparent 32%,rgba(59,130,246,.08) 78%,transparent);
  pointer-events:none;
}
.sc-orbit-card{
  box-shadow:
    0 10px 0 rgba(5,9,22,.68),
    0 32px 70px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -18px 28px rgba(0,0,0,.20)!important;
}
.sc-orbit-card::before{
  content:'';
  position:absolute;
  inset:1px;
  border-radius:21px;
  background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 38%);
  pointer-events:none;
}
.sc-floating-book{
  filter:drop-shadow(0 26px 24px rgba(0,0,0,.34)) drop-shadow(0 0 24px rgba(147,197,253,.14));
}
@media(max-width:900px){
  .pro-ambient-compass{
    opacity:.40!important;
    filter:
      drop-shadow(0 28px 38px rgba(0,0,0,.34))
      drop-shadow(0 0 34px rgba(59,130,246,.24))
      drop-shadow(0 0 86px rgba(79,70,229,.18))!important;
  }
  .pro-compass-disc{
    transform:translateZ(34px)!important;
    box-shadow:
      inset 0 2px 0 rgba(255,255,255,.16),
      inset 0 -24px 44px rgba(0,0,0,.30),
      inset 0 0 80px rgba(59,130,246,.24),
      0 12px 0 rgba(7,12,30,.70),
      0 38px 90px rgba(0,0,0,.38),
      0 0 120px rgba(59,130,246,.20)!important;
  }
  .sc-study-device{
    transform:translate(-50%,-50%) rotateX(13deg) rotateY(-17deg) translateZ(96px)!important;
  }
}
@media(max-width:480px){
  .pro-ambient-compass{
    opacity:.34!important;
    top:136px!important;
  }
  .pro-compass-stage{
    animation:proCompassTurnMobileDeep 30s linear infinite!important;
  }
  .sc-study-device{
    transform:translate(-50%,-50%) rotateX(12deg) rotateY(-14deg) translateZ(76px)!important;
  }
  .sc-orbit-card{
    box-shadow:
      0 7px 0 rgba(5,9,22,.64),
      0 24px 44px rgba(0,0,0,.36),
      inset 0 1px 0 rgba(255,255,255,.18),
      inset 0 -14px 22px rgba(0,0,0,.18)!important;
  }
}

:root{--perf-shadow:0 24px 54px rgba(0,0,0,.34),0 0 34px rgba(59,130,246,.16)}
html{}
body::before{opacity:.28!important}
header,.drawer,
.bc-section{}
.card,.bc-card,.sat-unit-card,.strategy-card,.study-plan,.score-guide,.ach-item,.fc-card,.pro-action-card{
  box-shadow:0 16px 38px rgba(2,6,23,.18),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.card:hover,.sat-unit-card:hover,.bc-card:hover,.ach-item:hover,.pro-action-card:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 20px 42px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.pro-ambient-compass{
  filter:none!important;
  opacity:.46!important;
  will-change:auto!important;
  contain:layout paint style;
}
.pro-ambient-compass::before{
  filter:blur(8px)!important;
  opacity:.45!important;
}
.pro-ambient-compass::after{
  box-shadow:0 24px 50px rgba(0,0,0,.26)!important;
  opacity:.48!important;
}
.pro-compass-stage{
  animation:none!important;
  will-change:auto!important;
}
.pro-compass-disc{
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.14),
    inset 0 -20px 34px rgba(0,0,0,.28),
    0 12px 0 rgba(7,12,30,.62),
    0 32px 74px rgba(0,0,0,.32),
    0 0 56px rgba(59,130,246,.16)!important;
}
.pro-compass-disc::before,.pro-compass-disc::after{
  box-shadow:none!important;
}
.pro-compass-svg{
  filter:none!important;
}
.pro-compass-shine{
  display:none!important;
}
.pro-compass-core{
  filter:none!important;
}
.pro-core-face{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -10px 18px rgba(0,0,0,.18)!important;
}
.sc-hero-orbit{
  perspective:1200px!important;
}
.sc-hero-orbit::before{
  filter:blur(10px)!important;
  opacity:.45!important;
}
.sc-orbit-stage{
  animation:none!important;
  transform:rotateY(4deg) translateY(-4px)!important;
  will-change:auto!important;
}
.sc-orbit-ring{
  box-shadow:
    inset 0 0 46px rgba(59,130,246,.10),
    0 12px 0 rgba(7,12,30,.42),
    0 28px 56px rgba(0,0,0,.28),
    0 0 42px rgba(79,70,229,.12)!important;
}
.sc-orbit-ring::before{
  box-shadow:none!important;
}
.sc-study-device{
  box-shadow:
    0 9px 0 rgba(5,9,22,.68),
    0 28px 56px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -18px 32px rgba(0,0,0,.18)!important;
}
.sc-study-device::before,.sc-progress span{
  animation:none!important;
}
.sc-orbit-card{
  animation:none!important;
  box-shadow:
    0 7px 0 rgba(5,9,22,.56),
    0 20px 38px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -12px 22px rgba(0,0,0,.16)!important;
  will-change:auto!important;
}
.sc-floating-book{
  filter:none!important;
}
.bc-stats-grid,.bc-outcomes-grid,.bc-hiw-grid{
  filter:none!important;
}
.bg-orb,
.gradient-headline,.rarity-mythic .ach-rarity-bar,
@media(max-width:900px){
  .pro-ambient-compass{opacity:.30!important}
}
@media(max-width:480px){
  .pro-ambient-compass{opacity:.26!important}
  .sc-hero-orbit{min-height:320px!important}
}

#s-landing .bc-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(360px,520px)!important;
  align-items:center!important;
}
.sc-hero-orbit{
  display:block!important;
  width:100%!important;
  max-width:520px!important;
  height:520px!important;
  min-height:0!important;
  margin:0 auto!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.sc-hero-orbit::before{
  inset:auto 0 18px!important;
  height:130px!important;
  opacity:.28!important;
}
.sc-orbit-stage{
  inset:0!important;
  transform:rotateY(4deg) translateY(0)!important;
}
.sc-orbit-ring{
  width:390px!important;
  opacity:.78;
}
.sc-study-device{
  width:260px!important;
  min-height:204px!important;
  padding:18px!important;
  border-radius:24px!important;
  transform:translate(-50%,-50%) rotateX(13deg) rotateY(-18deg) translateZ(84px)!important;
  z-index:3;
}
.sc-device-title{font-size:10px!important}
.sc-score-tile{min-height:70px!important;padding:12px!important}
.sc-score-num{font-size:29px!important}
.sc-orbit-card{
  width:112px!important;
  min-height:88px!important;
  padding:12px!important;
  border-radius:18px!important;
  cursor:pointer!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.sc-orbit-card:hover,
.sc-orbit-card:focus-visible{
  border-color:rgba(191,219,254,.48)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(59,130,246,.075))!important;
  box-shadow:0 10px 0 rgba(5,9,22,.44),0 24px 42px rgba(0,0,0,.30),0 0 24px rgba(96,165,250,.16),inset 0 1px 0 rgba(255,255,255,.18)!important;
  outline:none!important;
}
.sc-card-sat:hover,.sc-card-sat:focus-visible{transform:translate(-50%,-50%) translate3d(210px,-154px,76px) rotateY(-10deg) scale(1.04)!important}
.sc-card-apush:hover,.sc-card-apush:focus-visible{transform:translate(-50%,-50%) translate3d(-210px,-134px,66px) rotateY(10deg) scale(1.04)!important}
.sc-card-gpa:hover,.sc-card-gpa:focus-visible{transform:translate(-50%,-50%) translate3d(204px,146px,64px) rotateY(-8deg) scale(1.04)!important}
.sc-card-school:hover,.sc-card-school:focus-visible{transform:translate(-50%,-50%) translate3d(-204px,146px,70px) rotateY(8deg) scale(1.04)!important}
.sc-orbit-card strong{font-size:18px!important}
.sc-orbit-card span{font-size:7.5px!important;line-height:1.25!important;margin-top:8px!important}
.sc-card-sat{transform:translate(-50%,-50%) translate3d(210px,-150px,66px) rotateY(-10deg)!important}
.sc-card-apush{transform:translate(-50%,-50%) translate3d(-210px,-130px,56px) rotateY(10deg)!important}
.sc-card-gpa{transform:translate(-50%,-50%) translate3d(204px,150px,54px) rotateY(-8deg)!important}
.sc-card-school{transform:translate(-50%,-50%) translate3d(-204px,150px,60px) rotateY(8deg)!important}
.sc-floating-book{
  display:none!important;
}
.sc-hero-orbit::before,
.sc-orbit-ring{
  background:transparent!important;
  box-shadow:none!important;
}
.sc-orbit-ring,
.sc-orbit-ring::before,
.sc-orbit-ring::after{
  display:block!important;
}
.sc-orbit-ring,
.sc-orbit-ring::before,
.sc-orbit-ring::after{
  border-color:rgba(147,197,253,.14)!important;
}
.sc-orbit-card{
  box-shadow:none!important;
}
.sc-orbit-card::before{
  display:none!important;
}
.sc-orbit-card:hover,
.sc-orbit-card:focus-visible{
  box-shadow:none!important;
}
.sc-hero-orbit{
  max-width:600px!important;
  height:560px!important;
}
.sc-card-sat{transform:translate(-50%,-50%) translate3d(260px,-174px,66px) rotateY(-10deg)!important}
.sc-card-apush{transform:translate(-50%,-50%) translate3d(-270px,-164px,56px) rotateY(10deg)!important}
.sc-card-gpa{transform:translate(-50%,-50%) translate3d(252px,178px,54px) rotateY(-8deg)!important}
.sc-card-school{transform:translate(-50%,-50%) translate3d(-260px,178px,60px) rotateY(8deg)!important}
.sc-card-sat:hover,.sc-card-sat:focus-visible{transform:translate(-50%,-50%) translate3d(260px,-178px,76px) rotateY(-10deg) scale(1.03)!important}
.sc-card-apush:hover,.sc-card-apush:focus-visible{transform:translate(-50%,-50%) translate3d(-270px,-168px,66px) rotateY(10deg) scale(1.03)!important}
.sc-card-gpa:hover,.sc-card-gpa:focus-visible{transform:translate(-50%,-50%) translate3d(252px,182px,64px) rotateY(-8deg) scale(1.03)!important}
.sc-card-school:hover,.sc-card-school:focus-visible{transform:translate(-50%,-50%) translate3d(-260px,182px,70px) rotateY(8deg) scale(1.03)!important}
@media(max-width:980px){
  .sc-hero-orbit{
    max-width:min(560px,100%)!important;
    height:470px!important;
  }
  .sc-card-sat{transform:translate(-50%,-50%) translate3d(204px,-142px,58px) rotateY(-9deg)!important}
  .sc-card-apush{transform:translate(-50%,-50%) translate3d(-204px,-132px,48px) rotateY(9deg)!important}
  .sc-card-gpa{transform:translate(-50%,-50%) translate3d(196px,146px,46px) rotateY(-7deg)!important}
  .sc-card-school{transform:translate(-50%,-50%) translate3d(-196px,148px,52px) rotateY(7deg)!important}
}
@media(max-width:560px){
  .sc-hero-orbit{
    height:390px!important;
  }
  .sc-card-sat{transform:translate(-50%,-50%) translate3d(142px,-108px,42px) rotateY(-8deg)!important}
  .sc-card-apush{transform:translate(-50%,-50%) translate3d(-142px,-100px,36px) rotateY(8deg)!important}
  .sc-card-gpa{transform:translate(-50%,-50%) translate3d(136px,110px,34px) rotateY(-6deg)!important}
  .sc-card-school{transform:translate(-50%,-50%) translate3d(-136px,112px,38px) rotateY(6deg)!important}
}
.pro-compass-disc{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.pro-compass-disc::before,
.pro-compass-disc::after,
.pro-compass-svg circle{
  display:none!important;
}

.pro-ambient-compass::before,
.pro-ambient-compass::after{
  display:none!important;
}
.pro-compass-disc{
  border:1px solid rgba(191,219,254,.26)!important;
  background:
    radial-gradient(circle at 31% 22%,rgba(255,255,255,.24),transparent 8%),
    radial-gradient(circle at 50% 50%,rgba(147,197,253,.10),transparent 20%),
    repeating-conic-gradient(from 0deg,rgba(147,197,253,.12) 0deg 1deg,transparent 1deg 15deg),
    conic-gradient(from 20deg,rgba(59,130,246,.06),rgba(79,70,229,.16),rgba(219,234,254,.08),rgba(59,130,246,.10),rgba(79,70,229,.05))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -16px 28px rgba(0,0,0,.18),
    0 18px 42px rgba(0,0,0,.18)!important;
}
.pro-compass-disc::before,
.pro-compass-disc::after{
  display:block!important;
}
.pro-compass-svg circle{
  display:initial!important;
}

.pro-compass-stage{
  animation:studentCompassCheapSpin 34s linear infinite!important;
  transform-style:preserve-3d!important;
  will-change:transform!important;
}

@media(max-width:640px){
  .pro-compass-stage{
    animation-duration:42s!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .pro-compass-stage{
    animation:none!important;
    will-change:auto!important;
  }
}
.pro-ambient-compass,
.pro-ambient-compass::before,
.pro-ambient-compass::after{
  filter:none!important;
  box-shadow:none!important;
}
.pro-hero-actions{
  max-width:720px!important;
}
@media(max-width:980px){
  #s-landing .bc-hero-grid{
    grid-template-columns:1fr!important;
  }
  .sc-hero-orbit{
    max-width:min(520px,100%)!important;
    height:440px!important;
    margin-top:22px!important;
  }
  .sc-orbit-stage{inset:0!important}
  .sc-orbit-ring{width:min(330px,80vw)!important}
  .sc-study-device{
    width:min(248px,68vw)!important;
    min-height:194px!important;
  }
  .sc-card-sat{transform:translate(-50%,-50%) translate3d(164px,-124px,58px) rotateY(-9deg)!important}
  .sc-card-apush{transform:translate(-50%,-50%) translate3d(-164px,-108px,48px) rotateY(9deg)!important}
  .sc-card-gpa{transform:translate(-50%,-50%) translate3d(158px,122px,46px) rotateY(-7deg)!important}
  .sc-card-school{transform:translate(-50%,-50%) translate3d(-158px,124px,52px) rotateY(7deg)!important}
}
@media(max-width:560px){
  .sc-hero-orbit{
    height:360px!important;
    margin-top:20px!important;
  }
  .sc-orbit-stage{inset:0!important}
  .sc-orbit-ring{width:min(276px,82vw)!important}
  .sc-study-device{
    width:min(202px,62vw)!important;
    min-height:166px!important;
    padding:14px!important;
    border-radius:20px!important;
  }
  .sc-device-top{margin-bottom:12px!important}
  .sc-device-title{font-size:8px!important}
  .sc-device-dot{width:7px!important;height:7px!important}
  .sc-score-row{gap:8px!important}
  .sc-score-tile{min-height:58px!important;padding:9px!important;border-radius:14px!important}
  .sc-score-num{font-size:23px!important}
  .sc-score-label{font-size:7px!important;margin-top:6px!important}
  .sc-progress{height:9px!important;margin-top:12px!important}
  .sc-orbit-card{
    width:82px!important;
    min-height:68px!important;
    padding:9px!important;
    border-radius:15px!important;
  }
  .sc-orbit-card strong{font-size:15px!important}
  .sc-orbit-card span{font-size:6.5px!important;line-height:1.2!important;margin-top:6px!important}
  .sc-card-sat{transform:translate(-50%,-50%) translate3d(124px,-90px,42px) rotateY(-8deg)!important}
  .sc-card-apush{transform:translate(-50%,-50%) translate3d(-124px,-78px,36px) rotateY(8deg)!important}
  .sc-card-gpa{transform:translate(-50%,-50%) translate3d(118px,90px,34px) rotateY(-6deg)!important}
  .sc-card-school{transform:translate(-50%,-50%) translate3d(-118px,92px,38px) rotateY(6deg)!important}
}

.pro-compass-stage{
  animation:studentCompassOriginalBackgroundSpin 24s linear infinite!important;
  transform-origin:50% 50%!important;
  transform-style:preserve-3d!important;
  will-change:transform!important;
}

@media(max-width:640px){
  .pro-compass-stage{
    animation-duration:32s!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .pro-compass-stage{
    animation:studentCompassOriginalBackgroundSpin 32s linear infinite!important;
  }
}

.pro-compass-svg > g,
.pro-compass-svg > path,
.pro-compass-svg > text{
  transform-box:view-box!important;
  transform-origin:200px 200px!important;
  animation:studentCompassVisibleSvgSpin 24s linear infinite!important;
  will-change:transform!important;
}

@media(max-width:640px){
  .pro-compass-svg > g,
  .pro-compass-svg > path,
  .pro-compass-svg > text{
    animation-duration:32s!important;
  }
}

.pro-ambient-compass{
  left:50%!important;
  right:auto!important;
  top:50%!important;
  transform:translate(-50%,-46%)!important;
}
@media(max-width:980px){
  .pro-ambient-compass{
    left:50%!important;
    top:44%!important;
    transform:translate(-50%,-42%)!important;
  }
}
@media(max-width:640px){
  .pro-ambient-compass{
    left:50%!important;
    top:365px!important;
    transform:translateX(-50%)!important;
  }
}

.pro-compass-core{
  width:28%!important;
  height:22%!important;
  transform:translate(-50%,-50%) translateZ(138px) rotateX(62deg) rotateY(-18deg) rotateZ(-12deg)!important;
  filter:none!important;
  transform-style:preserve-3d!important;
}
.pro-core-face{
  display:none!important;
}
.pro-compass-core::before{
  content:'';
  position:absolute;
  left:50%;
  top:7%;
  width:92%;
  height:62%;
  transform:translateX(-50%) rotate(45deg) skew(-10deg,-10deg) translateZ(20px);
  border-radius:10px 12px 10px 12px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.34),transparent 30%),
    linear-gradient(145deg,#dbeafe 0%,#60a5fa 36%,#2563eb 64%,#3730a3 100%);
  border:1px solid rgba(226,235,255,.48);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.42),
    inset -16px -18px 22px rgba(17,24,39,.22),
    0 10px 0 rgba(30,64,175,.62),
    0 24px 34px rgba(0,0,0,.30),
    0 0 24px rgba(96,165,250,.18);
}
.pro-compass-core::after{
  content:'';
  position:absolute;
  left:50%;
  top:58%;
  width:50%;
  height:30%;
  transform:translateX(-50%);
  border-radius:7px 7px 14px 14px;
  background:
    linear-gradient(180deg,rgba(147,197,253,.90),rgba(37,99,235,.86) 46%,rgba(30,64,175,.82));
  border:1px solid rgba(226,235,255,.24);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.24),
    inset 0 -10px 16px rgba(0,0,0,.22),
    0 10px 16px rgba(0,0,0,.22);
}
.pro-compass-core .cap-tassel{
  position:absolute;
  left:69%;
  top:38%;
  width:3px;
  height:45%;
  background:linear-gradient(180deg,#eff6ff,#60a5fa);
  border-radius:999px;
  transform:rotate(-13deg) translateZ(34px);
  transform-origin:top;
  box-shadow:0 4px 8px rgba(0,0,0,.22),0 0 8px rgba(147,197,253,.25);
}
.pro-compass-core .cap-tassel::after{
  content:'';
  position:absolute;
  left:50%;
  bottom:-9px;
  width:10px;
  height:13px;
  transform:translateX(-50%);
  border-radius:999px 999px 3px 3px;
  background:linear-gradient(180deg,#bfdbfe,#3b82f6);
  box-shadow:0 5px 10px rgba(0,0,0,.24);
}
.pro-compass-core .cap-button{
  position:absolute;
  left:50%;
  top:36%;
  width:12px;
  height:12px;
  transform:translate(-50%,-50%) translateZ(42px);
  border-radius:50%;
  background:radial-gradient(circle at 35% 25%,#ffffff,#93c5fd 45%,#2563eb 100%);
  box-shadow:0 3px 8px rgba(0,0,0,.28);
}

.pro-compass-core{
  width:35%!important;
  height:28%!important;
  transform:translate(-50%,-50%) translateZ(150px) rotateX(18deg) rotateY(-28deg) rotateZ(-5deg)!important;
  transform-style:preserve-3d!important;
}
.pro-compass-core::before,
.pro-compass-core::after,
.pro-compass-core .cap-button,
.pro-compass-core .cap-tassel,
.pro-core-face{
  display:none!important;
}
.cap-3d-svg{
  position:absolute;
  left:50%;
  top:50%;
  width:190%;
  height:190%;
  transform:translate(-50%,-50%) rotateX(8deg) rotateY(-18deg) rotateZ(-3deg);
  transform-origin:50% 50%;
  filter:none;
}
@media(max-width:640px){
  .pro-compass-core{
    width:39%!important;
    height:31%!important;
  }
  .cap-3d-svg{
    width:180%;
    height:180%;
  }
}

.pro-compass-core{
  width:30%!important;
  height:30%!important;
  transform:translate(-50%,-50%) translateZ(150px) rotateX(56deg) rotateY(-24deg) rotateZ(-18deg)!important;
  transform-style:preserve-3d!important;
  perspective:700px;
}
.cap-3d-svg{display:none!important}
.cap-real-3d{
  position:absolute;
  left:50%;
  top:50%;
  width:116px;
  height:116px;
  transform:translate(-50%,-50%) rotateX(-14deg) rotateY(26deg) rotateZ(45deg);
  transform-style:preserve-3d;
}
.cap-real-3d i{
  position:absolute;
  display:block;
  transform-style:preserve-3d;
  backface-visibility:visible;
}
.cap-board{
  left:0;
  top:0;
  width:116px;
  height:116px;
  border-radius:10px;
}
.cap-board-top{
  transform:translateZ(8px);
  background:
    linear-gradient(135deg,rgba(255,255,255,.40),transparent 30%),
    linear-gradient(145deg,#dbeafe 0%,#60a5fa 34%,#2563eb 66%,#312e81 100%);
  border:1px solid rgba(239,246,255,.46);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.38);
}
.cap-board-bottom{
  transform:translateZ(-8px);
  background:linear-gradient(145deg,#1e3a8a,#111827);
  border:1px solid rgba(147,197,253,.18);
}
.cap-board-side{
  background:linear-gradient(180deg,#3b82f6,#1e3a8a 60%,#0f172a);
  border:1px solid rgba(147,197,253,.22);
}
.cap-board-front,.cap-board-back{
  left:-1px;
  width:118px;
  height:17px;
}
.cap-board-front{top:108px;transform:rotateX(90deg) translateZ(8px)}
.cap-board-back{top:-9px;transform:rotateX(90deg) translateZ(8px)}
.cap-board-left,.cap-board-right{
  top:-1px;
  width:17px;
  height:118px;
}
.cap-board-left{left:-9px;transform:rotateY(90deg) translateZ(8px)}
.cap-board-right{left:108px;transform:rotateY(90deg) translateZ(8px)}
.cap-head{
  left:38px;
  top:54px;
  width:42px;
  height:42px;
  border-radius:8px;
  background:linear-gradient(145deg,#93c5fd,#2563eb 56%,#1e3a8a);
  border:1px solid rgba(239,246,255,.20);
}
.cap-head-front{transform:translateZ(21px)}
.cap-head-back{transform:rotateY(180deg) translateZ(21px);background:#1e3a8a}
.cap-head-left{transform:rotateY(-90deg) translateZ(21px);background:#1d4ed8}
.cap-head-right{transform:rotateY(90deg) translateZ(21px);background:#172554}
.cap-head-top{transform:rotateX(90deg) translateZ(21px);background:linear-gradient(135deg,#bfdbfe,#3b82f6)}
.cap-button-3d{
  left:53px;
  top:53px;
  width:12px;
  height:12px;
  border-radius:50%;
  transform:translateZ(18px);
  background:radial-gradient(circle at 35% 25%,#fff,#93c5fd 45%,#2563eb);
  box-shadow:0 5px 10px rgba(0,0,0,.26);
}
.cap-tassel-3d{
  left:59px;
  top:58px;
  width:4px;
  height:58px;
  border-radius:999px;
  transform:translateZ(21px) rotate(-34deg);
  transform-origin:top;
  background:linear-gradient(180deg,#eff6ff,#60a5fa 56%,#2563eb);
  box-shadow:0 5px 10px rgba(0,0,0,.22);
}
.cap-tassel-3d::after{
  content:'';
  position:absolute;
  left:50%;
  bottom:-12px;
  width:14px;
  height:18px;
  transform:translateX(-50%);
  border-radius:999px 999px 5px 5px;
  background:linear-gradient(180deg,#bfdbfe,#3b82f6 70%,#1d4ed8);
  box-shadow:0 7px 12px rgba(0,0,0,.24);
}
@media(max-width:640px){
  .cap-real-3d{
    transform:translate(-50%,-50%) scale(.84) rotateX(-14deg) rotateY(26deg) rotateZ(45deg);
  }
}

.cap-real-3d{display:none!important}
.pro-compass-core{
  width:34%!important;
  height:34%!important;
  transform:translate(-50%,-50%) translateZ(150px) rotateX(58deg) rotateY(-24deg) rotateZ(-14deg)!important;
  transform-style:preserve-3d!important;
  perspective:800px;
}
.cap-icon-3d{
  --w:142px;
  --h:92px;
  --t:16px;
  position:absolute;
  left:50%;
  top:50%;
  width:var(--w);
  height:var(--h);
  transform:translate(-50%,-50%) rotateX(-14deg) rotateY(28deg) rotateZ(43deg);
  transform-style:preserve-3d;
}
.cap-slab{
  position:absolute;
  inset:0;
  transform-style:preserve-3d;
}
.cap-face{
  position:absolute;
  display:block;
  backface-visibility:visible;
  box-sizing:border-box;
}
.cap-top,.cap-bottom{
  width:var(--w);
  height:var(--h);
  left:0;
  top:0;
  border-radius:12px;
}
.cap-top{
  transform:translateZ(calc(var(--t) / 2));
  background:
    linear-gradient(135deg,rgba(255,255,255,.42),transparent 30%),
    linear-gradient(145deg,#dbeafe 0%,#93c5fd 22%,#3b82f6 54%,#312e81 100%);
  border:1px solid rgba(239,246,255,.42);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.36),inset -18px -16px 24px rgba(15,23,42,.20);
}
.cap-bottom{
  transform:translateZ(calc(var(--t) / -2));
  background:#172554;
  border:1px solid rgba(147,197,253,.14);
}
.cap-front,.cap-back{
  width:var(--w);
  height:var(--t);
  left:0;
  background:linear-gradient(180deg,#60a5fa,#1d4ed8 52%,#172554);
  border:1px solid rgba(147,197,253,.20);
}
.cap-front{
  top:calc(var(--h) - (var(--t) / 2));
  transform:rotateX(90deg) translateZ(calc(var(--t) / 2));
}
.cap-back{
  top:calc(var(--t) / -2);
  transform:rotateX(90deg) translateZ(calc(var(--t) / 2));
  filter:brightness(.74);
}
.cap-left,.cap-right{
  width:var(--t);
  height:var(--h);
  top:0;
  background:linear-gradient(90deg,#3b82f6,#1e3a8a 68%,#0f172a);
  border:1px solid rgba(147,197,253,.18);
}
.cap-left{
  left:calc(var(--t) / -2);
  transform:rotateY(90deg) translateZ(calc(var(--t) / 2));
  filter:brightness(.88);
}
.cap-right{
  left:calc(var(--w) - (var(--t) / 2));
  transform:rotateY(90deg) translateZ(calc(var(--t) / 2));
  filter:brightness(.68);
}
.cap-crown{
  position:absolute;
  left:50%;
  top:66%;
  width:58px;
  height:34px;
  transform:translate(-50%,-50%) translateZ(22px) rotateZ(-43deg) rotateX(4deg);
  transform-style:preserve-3d;
  border-radius:8px 8px 15px 15px;
  background:
    linear-gradient(180deg,rgba(219,234,254,.88),rgba(59,130,246,.88) 48%,rgba(30,64,175,.92));
  border:1px solid rgba(239,246,255,.28);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.26),inset 0 -10px 16px rgba(0,0,0,.20),0 12px 18px rgba(0,0,0,.22);
}
.cap-crown::after{
  content:'';
  position:absolute;
  left:8px;
  right:8px;
  top:9px;
  height:2px;
  border-radius:999px;
  background:rgba(239,246,255,.38);
}
.cap-button-dot{
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:12px;
  transform:translate(-50%,-50%) translateZ(28px);
  border-radius:50%;
  background:radial-gradient(circle at 35% 25%,#fff,#bfdbfe 36%,#2563eb 100%);
  box-shadow:0 5px 9px rgba(0,0,0,.24);
}
.cap-rope{
  position:absolute;
  left:50%;
  top:50%;
  width:68px;
  height:4px;
  transform:translate(2px,-1px) translateZ(29px) rotateZ(-8deg);
  transform-origin:left center;
  border-radius:999px;
  background:linear-gradient(90deg,#eff6ff,#93c5fd 48%,#3b82f6);
  box-shadow:0 4px 8px rgba(0,0,0,.20);
}
.cap-tassel-drop{
  position:absolute;
  left:calc(50% + 68px);
  top:calc(50% + 2px);
  width:15px;
  height:32px;
  transform:translateZ(30px) rotateZ(-8deg);
  border-radius:999px 999px 6px 6px;
  background:linear-gradient(180deg,#bfdbfe,#60a5fa 45%,#2563eb 100%);
  box-shadow:0 7px 12px rgba(0,0,0,.24);
}
.cap-icon-3d::after{
  content:'';
  position:absolute;
  left:18%;
  right:18%;
  bottom:-26px;
  height:18px;
  transform:translateZ(-22px) rotateX(72deg);
  border-radius:50%;
  background:rgba(0,0,0,.26);
  filter:blur(4px);
}
@media(max-width:640px){
  .cap-icon-3d{
    transform:translate(-50%,-50%) scale(.78) rotateX(-14deg) rotateY(28deg) rotateZ(43deg);
  }
}

.cap-icon-3d,
.cap-real-3d,
.cap-3d-svg{
  display:none!important;
}
.pro-compass-core{
  display:none!important;
}
@media(max-width:640px){
  .pro-compass-core{width:42%!important;height:36%!important}
  
}

.pro-ambient-compass{
  width:min(72vw,920px)!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  transform:translate(-50%,-46%)!important;
  opacity:.58!important;
  perspective:1600px!important;
  pointer-events:none!important;
  filter:none!important;
}
.pro-ambient-compass::before{
  content:''!important;
  display:block!important;
  position:absolute;
  left:50%;
  top:58%;
  width:70%;
  height:18%;
  transform:translate(-50%,-50%) rotateX(74deg);
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.34),rgba(59,130,246,.12) 38%,transparent 72%);
  filter:blur(8px)!important;
  opacity:.55!important;
}
.pro-ambient-compass::after{
  content:''!important;
  display:block!important;
  position:absolute;
  inset:18%;
  border-radius:50%;
  transform:translateZ(-34px);
  background:
    radial-gradient(circle at 42% 35%,rgba(147,197,253,.10),transparent 28%),
    conic-gradient(from 215deg,rgba(59,130,246,.05),rgba(147,197,253,.16),rgba(79,70,229,.10),rgba(5,7,19,.28),rgba(59,130,246,.05));
  box-shadow:
    inset 0 10px 18px rgba(255,255,255,.045),
    inset 0 -28px 38px rgba(0,0,0,.24),
    0 22px 44px rgba(0,0,0,.26)!important;
  opacity:.86!important;
}
.pro-compass-stage{
  animation:premiumCompassTurn 26s linear infinite!important;
  transform-origin:50% 50%!important;
  transform-style:preserve-3d!important;
  will-change:transform!important;
}

.pro-compass-disc{
  inset:8%!important;
  border-radius:50%!important;
  overflow:visible!important;
  border:1px solid rgba(219,234,254,.34)!important;
  transform:translateZ(28px)!important;
  background:
    radial-gradient(circle at 30% 24%,rgba(255,255,255,.28),transparent 8%),
    radial-gradient(circle at 50% 50%,rgba(147,197,253,.14),transparent 22%),
    repeating-conic-gradient(from 0deg,rgba(219,234,254,.18) 0deg 1deg,transparent 1deg 10deg),
    conic-gradient(from 25deg,rgba(59,130,246,.10),rgba(96,165,250,.20),rgba(79,70,229,.16),rgba(8,12,28,.24),rgba(59,130,246,.10))!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.15),
    inset 0 -22px 40px rgba(0,0,0,.22),
    0 10px 0 rgba(7,12,30,.62),
    0 30px 64px rgba(0,0,0,.30),
    0 0 58px rgba(59,130,246,.14)!important;
}
.pro-compass-disc::before{
  content:''!important;
  display:block!important;
  position:absolute;
  inset:7%!important;
  border-radius:50%;
  border:1px solid rgba(219,234,254,.25)!important;
  background:radial-gradient(circle at 50% 50%,transparent 50%,rgba(147,197,253,.08) 51%,transparent 58%);
  box-shadow:inset 0 0 24px rgba(147,197,253,.10)!important;
}
.pro-compass-disc::after{
  content:''!important;
  display:block!important;
  position:absolute;
  inset:23%!important;
  border-radius:50%;
  border:1px dashed rgba(147,197,253,.28)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.pro-compass-svg{
  transform:translateZ(64px)!important;
  opacity:1!important;
  filter:none!important;
}
.pro-compass-svg circle{
  display:initial!important;
}
.pro-compass-svg circle:nth-of-type(1){
  stroke:rgba(219,234,254,.42)!important;
  stroke-width:2!important;
}
.pro-compass-svg circle:nth-of-type(2){
  stroke:rgba(96,165,250,.28)!important;
  stroke-width:1.4!important;
}
.pro-compass-svg g{
  stroke:rgba(191,219,254,.62)!important;
}
.pro-compass-svg > path{
  fill:url(#needleGlow)!important;
  stroke:rgba(239,246,255,.48)!important;
  stroke-width:1.8!important;
}
.pro-compass-svg text{
  fill:rgba(239,246,255,.78)!important;
  letter-spacing:.08em;
}
.pro-compass-svg text{
  paint-order:stroke fill!important;
  stroke:rgba(8,12,28,.92)!important;
  stroke-width:3px!important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.28)) drop-shadow(0 5px 6px rgba(0,0,0,.38)) drop-shadow(0 0 10px rgba(147,197,253,.24))!important;
}
.pro-compass-svg text:nth-of-type(1){
  fill:#ffffff!important;
  stroke-width:3.5px!important;
}
.pro-compass-svg > g,
.pro-compass-svg > path,
.pro-compass-svg > text{
  transform-box:view-box!important;
  transform-origin:200px 200px!important;
  animation:premiumCompassMarksTurn 26s linear infinite!important;
  will-change:transform!important;
}

.pro-compass-core{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:11%!important;
  height:11%!important;
  transform:translate(-50%,-50%) translateZ(94px)!important;
  border-radius:50%;
  background:
    radial-gradient(circle at 34% 28%,#ffffff 0%,#dbeafe 18%,#60a5fa 48%,#1d4ed8 74%,#0f172a 100%)!important;
  border:1px solid rgba(239,246,255,.56);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.45),
    inset 0 -10px 16px rgba(0,0,0,.24),
    0 8px 16px rgba(0,0,0,.28),
    0 0 26px rgba(96,165,250,.26)!important;
}
.pro-compass-core::before,
.pro-compass-core::after{
  display:none!important;
}
@media(max-width:980px){
  .pro-ambient-compass{
    width:min(102vw,680px)!important;
    top:44%!important;
    transform:translate(-50%,-42%)!important;
    opacity:.42!important;
  }
}
@media(max-width:640px){
  .pro-ambient-compass{
    width:min(112vw,500px)!important;
    top:360px!important;
    transform:translateX(-50%)!important;
    opacity:.34!important;
  }
  .pro-compass-stage,
  .pro-compass-svg > g,
  .pro-compass-svg > path,
  .pro-compass-svg > text{
    animation-duration:36s!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .pro-compass-stage,
  .pro-compass-svg > g,
  .pro-compass-svg > path,
  .pro-compass-svg > text{
    animation:none!important;
    will-change:auto!important;
  }
}

#sat-tab-drills{
  max-width:1080px;
  margin:0 auto;
}
body[data-current-page="s-sat"] .pro-ambient-compass{
  opacity:.18!important;
}
.drills-hero{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:22px;
  align-items:stretch;
  padding:28px 0 20px;
}
.drills-copy{
  padding:28px 0;
}
.drills-copy h2{
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(36px,7vw,72px);
  line-height:.98;
  letter-spacing:0;
  margin:12px 0 16px;
  font-weight:900;
}
.drills-copy h2 em{
  color:var(--purple);
}
.drills-copy p{
  max-width:680px;
  color:var(--muted);
  font-family:'Source Serif 4',Georgia,serif;
  font-size:18px;
  line-height:1.7;
  margin:0;
}
.drills-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:26px;
  max-width:620px;
}
.drills-metrics div,
.drills-focus-panel,
.drills-why-card{
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(30,41,59,.34));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.drills-metrics div{
  border-radius:8px;
  padding:14px 13px;
}
.drills-metrics div,
.drills-signal,
.drills-why-card{
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.drills-metrics div:hover,
.drills-metrics div:focus-visible,
.drills-signal:hover,
.drills-signal:focus-visible,
.drills-why-card:hover,
.drills-why-card:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(96,165,250,.42);
  box-shadow:0 12px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.10);
  outline:none;
}
.drills-metrics div.drills-active,
.drills-signal.drills-active,
.drills-why-card.drills-active{
  border-color:rgba(96,165,250,.62);
  background:linear-gradient(145deg,rgba(37,99,235,.20),rgba(15,23,42,.66));
  box-shadow:0 0 0 1px rgba(96,165,250,.18),0 14px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12);
}
.drills-metrics strong{
  display:block;
  font-family:'Playfair Display',Georgia,serif;
  font-size:30px;
  line-height:1;
  color:#f8fbff;
}
.drills-metrics span{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.drills-focus-panel{
  border-radius:8px;
  padding:20px;
  align-self:center;
}
.drills-panel-kicker,
.drills-step-label{
  color:var(--purple);
  font-size:11px;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:700;
  margin-bottom:14px;
}
.drills-signal{
  padding:15px 0;
  border-top:1px solid rgba(148,163,184,.14);
}
.drills-signal span{
  display:block;
  font-family:'Playfair Display',Georgia,serif;
  color:#f8fbff;
  font-size:23px;
  font-weight:800;
  margin-bottom:5px;
}
.drills-signal p{
  margin:0;
  color:var(--muted);
  font-family:'Source Serif 4',Georgia,serif;
  font-size:15px;
  line-height:1.5;
}
.drills-why-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:10px 0 24px;
}
.drills-why-card{
  border-radius:8px;
  padding:18px;
}
.drills-why-num{
  color:#93c5fd;
  font-size:11px;
  letter-spacing:.18em;
  font-weight:800;
}
.drills-why-card h3{
  font-family:'Playfair Display',Georgia,serif;
  font-size:23px;
  margin:9px 0 8px;
  color:var(--text);
}
.drills-why-card p,
.drills-rhythm p,
.drills-section-card p{
  color:var(--muted);
  font-family:'Source Serif 4',Georgia,serif;
  line-height:1.58;
}
.drills-why-card p{
  font-size:15px;
  margin:0;
}
.drills-interaction-note{
  min-height:48px;
  display:flex;
  align-items:center;
  border:1px solid rgba(96,165,250,.22);
  border-radius:8px;
  padding:14px 16px;
  margin:-6px 0 24px;
  color:rgba(219,234,254,.82);
  background:rgba(37,99,235,.075);
  font-family:'Source Serif 4',Georgia,serif;
  font-size:15px;
  line-height:1.45;
}
.drills-rhythm{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  padding:22px 0 26px;
  border-top:1px solid rgba(59,130,246,.14);
  border-bottom:1px solid rgba(59,130,246,.14);
  margin-bottom:24px;
}
.drills-rhythm h3{
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(25px,4vw,38px);
  margin:8px 0;
  color:var(--text);
}
.drills-rhythm p{
  margin:0;
  max-width:690px;
  font-size:16px;
}
.drills-rhythm .btn-outline{
  flex-shrink:0;
  min-width:170px;
}
.drills-start-block{}
.drills-section-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.drills-section-card{
  cursor:pointer;
  min-height:184px;
}
.drills-section-card .unit-icon{
  font-size:16px;
  font-family:'JetBrains Mono',ui-monospace,monospace;
  letter-spacing:0;
}
.drills-section-card p{
  font-size:15px;
  margin:16px 0 0;
}
.sat-polish-hero{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:22px;
  align-items:center;
  padding:30px 0 22px;
}
.sat-polish-hero h2{
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(36px,7vw,72px);
  line-height:.98;
  letter-spacing:0;
  margin:12px 0 16px;
  font-weight:900;
}
.sat-polish-hero h2 em{
  color:var(--purple);
}
.sat-polish-hero p{
  max-width:690px;
  color:var(--muted);
  font-family:'Source Serif 4',Georgia,serif;
  font-size:18px;
  line-height:1.7;
  margin:0;
}
.sat-polish-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:26px;
  max-width:620px;
}
.sat-polish-metrics div,
.sat-polish-panel,
.sat-polish-why-card{
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(30,41,59,.34));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.sat-polish-metrics div{
  border-radius:8px;
  padding:14px 13px;
}
.sat-polish-metrics strong{
  display:block;
  font-family:'Playfair Display',Georgia,serif;
  font-size:30px;
  line-height:1;
  color:#f8fbff;
}
.sat-polish-metrics span{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.sat-polish-panel{
  border-radius:8px;
  padding:20px;
}
.sat-polish-panel > div:not(.drills-panel-kicker){
  padding:15px 0;
  border-top:1px solid rgba(148,163,184,.14);
}
.sat-polish-panel span{
  display:block;
  font-family:'Playfair Display',Georgia,serif;
  color:#f8fbff;
  font-size:23px;
  font-weight:800;
  margin-bottom:5px;
}
.sat-polish-panel p{
  margin:0;
  color:var(--muted);
  font-family:'Source Serif 4',Georgia,serif;
  font-size:15px;
  line-height:1.5;
}
.sat-polish-why-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:10px 0 24px;
}
.sat-polish-why-card{
  border-radius:8px;
  padding:18px;
}
.sat-polish-why-card span{
  color:#93c5fd;
  font-size:11px;
  letter-spacing:.18em;
  font-weight:800;
}
.sat-polish-why-card h3{
  font-family:'Playfair Display',Georgia,serif;
  font-size:23px;
  margin:9px 0 8px;
  color:var(--text);
}
.sat-polish-why-card p{
  color:var(--muted);
  font-family:'Source Serif 4',Georgia,serif;
  font-size:15px;
  line-height:1.58;
  margin:0;
}
.sat-polish-start{
  padding-top:4px;
}
#sat-tab-english .sat-unit-grid,
#sat-tab-math .sat-unit-grid{
  gap:14px;
}
#sat-tab-english .sat-unit-card,
#sat-tab-math .sat-unit-card{
  min-height:172px;
  border-radius:8px;
  background:linear-gradient(145deg,rgba(15,23,42,.76),rgba(30,41,59,.34));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
#sat-tab-english .sat-unit-card:hover,
#sat-tab-math .sat-unit-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.09);
}
.sat-polish-test-card{
  border-radius:8px!important;
}
.sat-polish-test-card .pt-info-grid{
  gap:12px;
}
.sat-polish-test-card .pt-info-box{
  border-radius:8px;
  background:rgba(15,23,42,.42);
}
@media(max-width:820px){
  .drills-hero,
  .drills-why-grid,
  .drills-section-grid,
  .sat-polish-hero,
  .sat-polish-why-grid{
    grid-template-columns:1fr;
  }
  .drills-copy{
    padding:18px 0 4px;
  }
  .drills-metrics{
    grid-template-columns:1fr;
  }
  .sat-polish-metrics{
    grid-template-columns:1fr;
  }
  .drills-rhythm{
    align-items:stretch;
    flex-direction:column;
  }
  .drills-rhythm .btn-outline{
    width:100%;
  }
}
@media(max-width:520px){
  .drills-copy h2{
    font-size:clamp(34px,12vw,52px);
  }
  .sat-polish-hero h2{
    font-size:clamp(34px,12vw,52px);
  }
  .drills-copy p{
    font-size:16px;
  }
  .sat-polish-hero p{
    font-size:16px;
  }
  .drills-focus-panel,
  .drills-why-card,
  .sat-polish-panel,
  .sat-polish-why-card{
    padding:16px;
  }
}

html{}
.card::after,.holo-card::after{display:none!important}
.hero,.sat-hub,.pt-hero,.r-score,.r-total-score,.stat-counter,.gradient-headline,.q-streak-flame,.badge-3d,.flip-in,.rarity-mythic .ach-rarity-bar,.rev-item,.rev-item.vis,.reveal{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
.bc-section,.card,.bc-card{will-change:auto!important}

.pro-ambient-compass{
  display:block!important;
  visibility:visible!important;
  opacity:.46!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  transform:translate(-50%,-46%)!important;
  z-index:1!important;
  pointer-events:none!important;
  filter:none!important;
  contain:layout paint!important;
}
body[data-current-page="s-sat"] .pro-ambient-compass{
  opacity:.34!important;
}
.pro-compass-stage,
.pro-compass-svg > g,
.pro-compass-svg > path,
.pro-compass-svg > text{
  animation-play-state:running!important;
}
@media(max-width:980px){
  .pro-ambient-compass{
    width:min(104vw,680px)!important;
    top:45%!important;
    transform:translate(-50%,-42%)!important;
    opacity:.38!important;
  }
}
@media(max-width:640px){
  .pro-ambient-compass{
    width:min(112vw,500px)!important;
    top:360px!important;
    transform:translateX(-50%)!important;
    opacity:.36!important;
  }
}

body{
  text-rendering:optimizeLegibility;
}
#app,
.sec,
.bc-section,
.card,
.bc-card,
.pro-action-card,
.sat-unit-card,
.drills-metrics div,
.drills-signal,
.drills-why-card,
.sat-polish-metrics div,
.sat-polish-panel,
.sat-polish-why-card{
  transform:translateZ(0);
}
header,
.drawer,
.drawer-overlay,

.sc-hero-orbit{
  contain:layout paint style!important;
}
.sc-hero-orbit::before{
  filter:none!important;
  opacity:0!important;
  background:none!important;
}
.sc-orbit-stage,
.sc-orbit-card,
.sc-study-device::before,
.sc-progress span{
  animation:none!important;
}
.sc-study-device::before{
  opacity:.20!important;
  transform:translateX(10%) rotate(12deg)!important;
}
.sc-orbit-ring{
  display:none!important;
  box-shadow:none!important;
}
.sc-study-device{
  box-shadow:none!important;
}
.sc-orbit-card{
  box-shadow:none!important;
}
.sc-orbit-card::before{
  display:none!important;
}
.sc-orbit-card:hover,
.sc-orbit-card:focus-visible{
  box-shadow:none!important;
}
.sc-floating-book::before,
.sc-floating-book::after{
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
.pro-ambient-compass::before{
  filter:blur(4px)!important;
}
.pro-compass-disc{
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.13),
    inset 0 -16px 28px rgba(0,0,0,.18),
    0 8px 0 rgba(7,12,30,.48),
    0 22px 42px rgba(0,0,0,.22),
    0 0 34px rgba(59,130,246,.10)!important;
}
.pro-compass-svg text{
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.22)) drop-shadow(0 4px 5px rgba(0,0,0,.28))!important;
}
.btn,
.btn-outline,
  .pro-ambient-compass{
    contain:paint layout!important;
  }
}

.pro-ambient-compass::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}

.pro-compass-core{
  display:none!important;
}

#s-landing .bc-hero,
#s-landing .bc-hero-grid,
#s-landing .bc-hero-grid > div,
.sc-hero-orbit,
.sc-orbit-stage{
  overflow:visible!important;
}
.sc-hero-orbit{
  contain:layout style!important;
  min-height:610px!important;
  padding:36px 58px!important;
}
.sc-orbit-stage{
  inset:18px 56px!important;
}
.sc-card-sat{
  transform:translate(-50%,-50%) translate3d(220px,-150px,58px) rotateY(-9deg)!important;
}
.sc-card-apush{
  transform:translate(-50%,-50%) translate3d(-228px,-140px,48px) rotateY(9deg)!important;
}
.sc-card-gpa{
  transform:translate(-50%,-50%) translate3d(214px,154px,46px) rotateY(-7deg)!important;
}
.sc-card-school{
  transform:translate(-50%,-50%) translate3d(-222px,154px,52px) rotateY(7deg)!important;
}
.sc-card-sat:hover,
.sc-card-sat:focus-visible{
  transform:translate(-50%,-50%) translate3d(220px,-154px,58px) rotateY(-9deg) scale(1.03)!important;
}
.sc-card-apush:hover,
.sc-card-apush:focus-visible{
  transform:translate(-50%,-50%) translate3d(-228px,-144px,48px) rotateY(9deg) scale(1.03)!important;
}
.sc-card-gpa:hover,
.sc-card-gpa:focus-visible{
  transform:translate(-50%,-50%) translate3d(214px,158px,46px) rotateY(-7deg) scale(1.03)!important;
}
.sc-card-school:hover,
.sc-card-school:focus-visible{
  transform:translate(-50%,-50%) translate3d(-222px,158px,52px) rotateY(7deg) scale(1.03)!important;
}
@media(max-width:980px){
  .sc-hero-orbit{
    min-height:530px!important;
    padding:28px 30px!important;
    contain:layout style!important;
  }
  .sc-orbit-stage{
    inset:14px 30px!important;
  }
  .sc-card-sat{transform:translate(-50%,-50%) translate3d(164px,-122px,48px) rotateY(-8deg)!important}
  .sc-card-apush{transform:translate(-50%,-50%) translate3d(-170px,-108px,42px) rotateY(8deg)!important}
  .sc-card-gpa{transform:translate(-50%,-50%) translate3d(158px,126px,40px) rotateY(-6deg)!important}
  .sc-card-school{transform:translate(-50%,-50%) translate3d(-164px,128px,44px) rotateY(6deg)!important}
}
@media(max-width:640px){
  .sc-hero-orbit{
    min-height:460px!important;
    padding:18px 18px!important;
  }
  .sc-orbit-stage{
    inset:12px 18px!important;
  }
}

html{}

*,*::before,*::after{will-change:auto!important}
.card::after,.bc-card::after,.college-card::after{display:none!important}
header,.drawer,.drawer-overlay,.sat-nav-tabs{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
header{background:rgba(8,12,24,.98)!important}
.drawer{background:rgba(8,12,24,.99)!important}
.drawer-overlay{background:rgba(0,0,0,.58)!important}
.pro-ambient-compass{opacity:.10!important;filter:none!important;contain:strict!important;animation:none!important}
body[data-current-page="s-landing"] .pro-ambient-compass{opacity:.18!important}
body[data-current-page="tool-page"] .pro-ambient-compass,body[data-current-page="s-sat"] .pro-ambient-compass{opacity:.055!important}
.pro-ambient-compass *,.pro-compass-stage,.pro-compass-svg,.pro-compass-svg *,.pro-compass-disc,.premium-compass-marks{animation:none!important;filter:none!important}
.sc-orbit-stage,.sc-orbit-card,.sc-study-device::before,.sc-progress span,.sc-floating-book,.bc-mini-orb,.pro-page-art,.pro-page-art *{animation:none!important}
.bg-orb,
.card,.bc-card,.college-panel,.college-card,.sat-unit-card,.ach-item,.rev-item,.drills-why-card,.drills-signal,.sat-polish-panel,.sat-polish-why-card{box-shadow:0 10px 28px rgba(2,6,23,.18),inset 0 1px 0 rgba(255,255,255,.05)!important}
.sc-orbit-card,
.sc-orbit-card:hover,
.sc-orbit-card:focus-visible,
.sc-study-device{
  box-shadow:none!important;
}
.sc-orbit-card::before,
.sc-hero-orbit::before,
.sc-orbit-ring,
.sc-orbit-ring::before,
.sc-orbit-ring::after{
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
.bc-section,.card,.bc-card,.college-panel,.college-card,.sat-unit-card,.ach-item,.rev-item,.drills-why-card,.drills-signal,.sat-polish-panel,.sat-polish-why-card{}
.sec:not(.on){}
.btn,.btn-outline,.bc-btn,.drawer-btn,.nav-btn,.choice,.sat-unit-card,.college-mini-btn{transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease!important}
@media(max-width:760px){.pro-ambient-compass{display:none!important}.bc-mini-orb,.pro-page-art{display:none!important}.card,.bc-card,.college-panel,.college-card,.sat-unit-card{box-shadow:0 8px 20px rgba(2,6,23,.16)!important}}
body::before{
  position:absolute!important;
  animation:scBackgroundGlow 16s ease-in-out infinite!important;
  transform-origin:50% 50%!important;
}
body[data-current-page="s-landing"] .pro-ambient-compass{
  opacity:.24!important;
  animation:none!important;
  contain:layout paint!important;
}
body[data-current-page="s-landing"] .pro-compass-stage{
  animation:scAmbientSpin 42s linear infinite!important;
}
@keyframes scBackgroundGlow{
  0%,100%{opacity:.42;transform:scale(1) translate3d(0,0,0)}
  45%{opacity:.62;transform:scale(1.045) translate3d(-1.2%,1%,0)}
  70%{opacity:.52;transform:scale(1.025) translate3d(1.3%,-.8%,0)}
}
@keyframes scAmbientDrift{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-18px,14px,0) scale(1.035)}
}
@keyframes scAmbientSpin{
  from{transform:rotateZ(0deg)}
  to{transform:rotateZ(360deg)}
}
@media(prefers-reduced-motion:reduce){
  body::before,
  body[data-current-page="s-landing"] .pro-ambient-compass,
  body[data-current-page="s-landing"] .pro-compass-stage{
    animation:none!important;
  }
}
html,
body{
}
header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:100000!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  contain:none!important;
}
#app{
  padding-top:var(--header-height,74px)!important;
}
.sat-nav-tabs{
  position:static!important;
  top:auto!important;
}
.pro-ambient-compass{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  transform:translate(-50%,-46%)!important;
  z-index:0!important;
  pointer-events:none!important;
}
body::before{
  position:fixed!important;
  pointer-events:none!important;
}
#app{
  position:relative!important;
  z-index:2!important;
  transform:none!important;
  contain:none!important;
}
.pro-ambient-compass{
  display:block!important;
  visibility:visible!important;
  opacity:.24!important;
  filter:none!important;
}
body[data-current-page="s-landing"] .pro-ambient-compass,
body[data-current-page="tool-page"] .pro-ambient-compass,
body[data-current-page="s-start"] .pro-ambient-compass,
body[data-current-page="s-sat"] .pro-ambient-compass,
body[data-current-page="s-fc"] .pro-ambient-compass,
body[data-current-page="s-school"] .pro-ambient-compass,
body[data-current-page="s-gpa"] .pro-ambient-compass,
body[data-current-page="s-college"] .pro-ambient-compass,
body[data-current-page="s-profile"] .pro-ambient-compass,
body[data-current-page="s-ach"] .pro-ambient-compass,
body[data-current-page="s-purpose"] .pro-ambient-compass,
body[data-current-page="s-feedback"] .pro-ambient-compass,
body[data-current-page="s-timeline"] .pro-ambient-compass,
body[data-current-page="s-writing"] .pro-ambient-compass{
  display:block!important;
  visibility:visible!important;
  opacity:.24!important;
}
body[data-current-page="s-landing"] .pro-ambient-compass,
body[data-current-page="tool-page"] .pro-ambient-compass,
body[data-current-page="s-start"] .pro-ambient-compass,
body[data-current-page="s-sat"] .pro-ambient-compass,
body[data-current-page="s-fc"] .pro-ambient-compass,
body[data-current-page="s-school"] .pro-ambient-compass,
body[data-current-page="s-gpa"] .pro-ambient-compass,
body[data-current-page="s-college"] .pro-ambient-compass,
body[data-current-page="s-profile"] .pro-ambient-compass,
body[data-current-page="s-ach"] .pro-ambient-compass,
body[data-current-page="s-purpose"] .pro-ambient-compass,
body[data-current-page="s-feedback"] .pro-ambient-compass,
body[data-current-page="s-timeline"] .pro-ambient-compass,
body[data-current-page="s-writing"] .pro-ambient-compass{
  animation:scAmbientDrift 18s ease-in-out infinite!important;
}
body[data-current-page="s-landing"] .pro-compass-stage,
body[data-current-page="tool-page"] .pro-compass-stage,
body[data-current-page="s-start"] .pro-compass-stage,
body[data-current-page="s-sat"] .pro-compass-stage,
body[data-current-page="s-fc"] .pro-compass-stage,
body[data-current-page="s-school"] .pro-compass-stage,
body[data-current-page="s-gpa"] .pro-compass-stage,
body[data-current-page="s-college"] .pro-compass-stage,
body[data-current-page="s-profile"] .pro-compass-stage,
body[data-current-page="s-ach"] .pro-compass-stage,
body[data-current-page="s-purpose"] .pro-compass-stage,
body[data-current-page="s-feedback"] .pro-compass-stage,
body[data-current-page="s-timeline"] .pro-compass-stage,
body[data-current-page="s-writing"] .pro-compass-stage{
  animation:scAmbientSpin 42s linear infinite!important;
}
body[data-current-page="s-quiz"] .pro-ambient-compass,
body[data-current-page="s-sat-quiz"] .pro-ambient-compass,
body[data-current-page="s-drills-quiz"] .pro-ambient-compass,
body[data-current-page="s-pt-transition"] .pro-ambient-compass,
body[data-current-page="s-sat-results"] .pro-ambient-compass,
body[data-current-page="s-sat-pt-results"] .pro-ambient-compass,
body[data-current-page="s-results"] .pro-ambient-compass,
body[data-current-page="s-drills-results"] .pro-ambient-compass,
body[data-current-page="s-dbq-results"] .pro-ambient-compass{
  display:none!important;
  animation:none!important;
}
body[data-current-page="s-quiz"] .pro-compass-stage,
body[data-current-page="s-sat-quiz"] .pro-compass-stage,
body[data-current-page="s-drills-quiz"] .pro-compass-stage,
body[data-current-page="s-pt-transition"] .pro-compass-stage,
body[data-current-page="s-sat-results"] .pro-compass-stage,
body[data-current-page="s-sat-pt-results"] .pro-compass-stage,
body[data-current-page="s-results"] .pro-compass-stage,
body[data-current-page="s-drills-results"] .pro-compass-stage,
body[data-current-page="s-dbq-results"] .pro-compass-stage{
  animation:none!important;
}
body:not([data-current-page="s-quiz"]):not([data-current-page="s-sat-quiz"]):not([data-current-page="s-drills-quiz"]):not([data-current-page="s-pt-transition"]):not([data-current-page="s-sat-results"]):not([data-current-page="s-sat-pt-results"]):not([data-current-page="s-results"]):not([data-current-page="s-drills-results"]) .pro-ambient-compass{
  display:block!important;
  visibility:visible!important;
  opacity:.24!important;
  animation:scAmbientDrift 18s ease-in-out infinite!important;
}
body:not([data-current-page="s-quiz"]):not([data-current-page="s-sat-quiz"]):not([data-current-page="s-drills-quiz"]):not([data-current-page="s-pt-transition"]):not([data-current-page="s-sat-results"]):not([data-current-page="s-sat-pt-results"]):not([data-current-page="s-results"]):not([data-current-page="s-drills-results"]) .pro-compass-stage{
  animation:scAmbientSpin 42s linear infinite!important;
}
.drawer-overlay{
  z-index:100001!important;
}
.drawer{
  top:0!important;
  bottom:0!important;
  z-index:100002!important;
}
#s-start,
#s-sat,
#s-fc,
#s-gpa,
#s-college,
#s-profile,
#s-ach,
#s-purpose,
#s-feedback,
#s-writing,
#s-dbq,
#s-saq,
#s-leq{
  max-width:min(1360px,calc(100vw - 56px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-bottom:56px!important;
}
#tool-page-root.on{
  max-width:min(1360px,calc(100vw - 56px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0 0 56px!important;
}
#s-start .bc-page-head,
#s-sat .bc-page-head,
#s-fc .bc-page-head,
#s-gpa .bc-page-head,
#s-college .bc-page-head,
#s-profile .bc-page-head,
#s-ach .bc-page-head,
#s-purpose .bc-page-head,
#s-feedback .bc-page-head,
#s-writing .bc-page-head,
#s-dbq .bc-page-head,
#s-saq .bc-page-head,
#s-leq .bc-page-head{
  margin:0 0 30px!important;
  border:1px solid rgba(147,197,253,.18)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 82% 16%,rgba(79,70,229,.22),transparent 28%),
    radial-gradient(circle at 12% 24%,rgba(59,130,246,.18),transparent 30%),
    rgba(8,12,28,.68)!important;
  box-shadow:0 30px 100px rgba(2,6,23,.28),inset 0 1px 0 rgba(255,255,255,.075)!important;
  overflow:hidden!important;
}
#tool-page-root.on .bc-page-head{
  margin:0 0 30px!important;
  border:1px solid rgba(147,197,253,.18)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 82% 16%,rgba(79,70,229,.22),transparent 28%),
    radial-gradient(circle at 12% 24%,rgba(59,130,246,.18),transparent 30%),
    rgba(8,12,28,.68)!important;
  box-shadow:0 30px 100px rgba(2,6,23,.28),inset 0 1px 0 rgba(255,255,255,.075)!important;
  overflow:hidden!important;
}
#s-start .bc-page-head-inner,
#s-sat .bc-page-head-inner,
#s-fc .bc-page-head-inner,
#s-gpa .bc-page-head-inner,
#s-college .bc-page-head-inner,
#s-profile .bc-page-head-inner,
#s-ach .bc-page-head-inner,
#s-purpose .bc-page-head-inner,
#s-feedback .bc-page-head-inner,
#s-writing .bc-page-head-inner,
#s-dbq .bc-page-head-inner,
#s-saq .bc-page-head-inner,
#s-leq .bc-page-head-inner{
  max-width:1180px!important;
  min-height:auto!important;
  padding:clamp(34px,5vw,62px)!important;
}
#tool-page-root.on .bc-page-head-inner{
  max-width:1180px!important;
  min-height:auto!important;
  padding:clamp(34px,5vw,62px)!important;
}
#s-start .bc-page-sub,
#s-sat .bc-page-sub,
#s-fc .bc-page-sub,
#s-gpa .bc-page-sub,
#s-college .bc-page-sub,
#s-profile .bc-page-sub,
#s-ach .bc-page-sub,
#s-purpose .bc-page-sub,
#s-feedback .bc-page-sub,
#s-writing .bc-page-sub,
#s-dbq .bc-page-sub,
#s-saq .bc-page-sub,
#s-leq .bc-page-sub{
  max-width:760px!important;
  font-size:clamp(17px,1.6vw,21px)!important;
  line-height:1.72!important;
}
#tool-page-root.on .bc-page-sub{
  max-width:760px!important;
  font-size:clamp(17px,1.6vw,21px)!important;
  line-height:1.72!important;
}
#s-start .bc-pill,
#s-sat .bc-pill,
#s-fc .bc-pill,
#s-gpa .bc-pill,
#s-college .bc-pill,
#s-profile .bc-pill,
#s-ach .bc-pill,
#s-purpose .bc-pill,
#s-feedback .bc-pill,
#s-writing .bc-pill,
#s-dbq .bc-pill,
#s-saq .bc-pill,
#s-leq .bc-pill{
  padding:9px 13px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
}
#tool-page-root.on .bc-pill{
  padding:9px 13px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
}
#s-start > .card,
#s-sat > .card,
#s-fc > .card,
#s-gpa > .card,
#s-profile > .card,
#s-ach > .card,
#s-purpose > .card,
#s-feedback > .card,
#s-writing > .card,
#s-dbq > .card,
#s-saq > .card,
#s-leq > .card,
#s-college .college-panel{
  margin:0 0 22px!important;
  padding:clamp(24px,3vw,36px)!important;
  border-radius:18px!important;
  border:1px solid rgba(147,197,253,.15)!important;
  background:linear-gradient(145deg,rgba(10,15,32,.76),rgba(12,19,42,.58))!important;
  box-shadow:0 18px 44px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
#tool-page-root.on > .card,
#tool-page-root.on .college-panel{
  margin:0 0 22px!important;
  padding:clamp(24px,3vw,36px)!important;
  border-radius:18px!important;
  border:1px solid rgba(147,197,253,.15)!important;
  background:linear-gradient(145deg,rgba(10,15,32,.76),rgba(12,19,42,.58))!important;
  box-shadow:0 18px 44px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
#s-start .card-title,
#s-sat .card-title,
#s-fc .card-title,
#s-gpa .card-title,
#s-profile .card-title,
#s-ach .card-title,
#s-purpose .card-title,
#s-feedback .card-title,
#s-writing .card-title,
#s-dbq .card-title,
#s-saq .card-title,
#s-leq .card-title,
#s-college .college-title{
  margin-bottom:16px!important;
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.18!important;
  color:var(--text)!important;
}
#tool-page-root.on .card-title,
#tool-page-root.on .college-title{
  margin-bottom:16px!important;
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.18!important;
  color:var(--text)!important;
}
#s-start .card p,
#s-start .card div,
#s-sat .card p,
#s-sat .card div,
#s-fc .card p,
#s-fc .card div,
#s-gpa .card p,
#s-gpa .card div,
#s-profile .card p,
#s-profile .card div,
#s-ach .card p,
#s-ach .card div,
#s-purpose .card p,
#s-purpose .card div,
#s-feedback .card p,
#s-feedback .card div,
#s-writing .card p,
#s-writing .card div,
#s-dbq .card p,
#s-dbq .card div,
#s-saq .card p,
#s-saq .card div,
#s-leq .card p,
#s-leq .card div{
  line-height:1.72;
}
#tool-page-root.on .card p,
#tool-page-root.on .card div{
  line-height:1.72;
}
.sat-hub,
.college-studio{
  display:grid!important;
  gap:22px!important;
}
.fc-deck-tabs,
.fc-meta,
.fc-shuffle-row,
.fc-scene,
.fc-controls,
.profile-grid,
.purpose-grid,
.college-plan,
.college-results{
  margin-bottom:22px!important;
}
@media(max-width:680px){
  #s-start,
  #s-sat,
  #s-fc,
  #s-gpa,
  #s-college,
  #s-profile,
  #s-ach,
  #s-purpose,
  #s-feedback,
  #s-writing,
  #s-dbq,
  #s-saq,
  #s-leq{
    max-width:calc(100vw - 28px)!important;
  }
  #tool-page-root.on{
    max-width:calc(100vw - 28px)!important;
  }
}
#s-ach .bc-label,
#s-ach .bc-pill,
#s-ach .card-title,
#s-ach .ach-section-title,
#s-ach .ach-rarity-badge,
#s-ach .ach-earned-tag,
#s-purpose .bc-label,
#s-purpose .bc-pill,
#s-purpose .card-title,
#s-gpa .bc-label,
#s-gpa .bc-pill,
#s-gpa .card-title,
#s-writing .bc-label,
#s-writing .bc-pill,
#s-writing .card-title,
#s-dbq .bc-label,
#s-dbq .bc-pill,
#s-dbq .card-title,
#s-saq .bc-label,
#s-saq .bc-pill,
#s-saq .card-title,
#s-leq .bc-label,
#s-leq .bc-pill,
#s-leq .card-title{
  font-family:'Source Serif 4',Georgia,serif!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
#s-ach .bc-label,
#s-purpose .bc-label,
#s-gpa .bc-label,
#s-writing .bc-label,
#s-dbq .bc-label,
#s-saq .bc-label,
#s-leq .bc-label{
  font-size:15px!important;
  color:var(--muted)!important;
}
#s-ach .bc-pill,
#s-purpose .bc-pill,
#s-gpa .bc-pill,
#s-writing .bc-pill,
#s-dbq .bc-pill,
#s-saq .bc-pill,
#s-leq .bc-pill{
  font-size:14px!important;
}
#s-gpa,
#tool-page-root.on.gpa-page{
  font-family:'Source Serif 4',Georgia,serif!important;
}
#s-gpa .card,
#tool-page-root.on.gpa-page .card{
  color:var(--text)!important;
}
#s-gpa .card-title,
#tool-page-root.on.gpa-page .card-title{
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(24px,2.4vw,34px)!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:var(--text)!important;
  border-bottom:1px solid rgba(147,197,253,.14)!important;
  padding-bottom:14px!important;
}
#s-gpa .card p,
#s-gpa .card div,
#tool-page-root.on.gpa-page .card p,
#tool-page-root.on.gpa-page .card div{
  font-family:'Source Serif 4',Georgia,serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
  word-spacing:normal!important;
}
#s-gpa .card p,
#tool-page-root.on.gpa-page .card p{
  font-size:17px!important;
  line-height:1.75!important;
  color:var(--muted)!important;
}
#s-gpa .card strong,
#tool-page-root.on.gpa-page .card strong{
  font-family:'Source Serif 4',Georgia,serif!important;
  letter-spacing:0!important;
}
#s-gpa [style*="letter-spacing:2px"],
#s-gpa [style*="text-transform:uppercase"],
#tool-page-root.on.gpa-page [style*="letter-spacing:2px"],
#tool-page-root.on.gpa-page [style*="text-transform:uppercase"]{
  letter-spacing:0!important;
  text-transform:none!important;
}
#s-gpa > .card,
#tool-page-root.on.gpa-page > .card{
  padding:clamp(22px,3vw,34px)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(15,23,42,.88),rgba(8,13,28,.78))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.2)!important;
}
#s-gpa .card-title,
#tool-page-root.on.gpa-page .card-title{
  font-size:clamp(25px,2.5vw,36px)!important;
  margin-bottom:18px!important;
}
#s-gpa .gpa-grade-grid,
#tool-page-root.on.gpa-page .gpa-grade-grid{
  grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important;
  gap:12px!important;
}
#s-gpa .gpa-grade-card,
#tool-page-root.on.gpa-page .gpa-grade-card{
  padding:16px 10px!important;
  border-radius:14px!important;
}
#s-gpa .gpa-grade-card div:first-child,
#tool-page-root.on.gpa-page .gpa-grade-card div:first-child{
  font-size:22px!important;
  line-height:1.15!important;
  margin-bottom:7px!important;
}
#s-gpa .gpa-grade-card div:last-child,
#tool-page-root.on.gpa-page .gpa-grade-card div:last-child{
  font-family:'Source Serif 4',Georgia,serif!important;
  font-size:14px!important;
  line-height:1.45!important;
}
#s-gpa .gpa-result-label,
#tool-page-root.on.gpa-page .gpa-result-label{
  font-family:'Source Serif 4',Georgia,serif!important;
  font-size:15px!important;
  font-weight:600!important;
  color:var(--muted)!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
/* Final layout guard: keep every page surface centered and inside the viewport. */
html,
body,
#app{
  width:100%!important;
  max-width:100vw!important;
  overflow-x:hidden!important;
}
#app{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
.sec,
#tool-page-root.on{
  box-sizing:border-box!important;
  width:min(1360px,calc(100vw - 52px))!important;
  max-width:min(1360px,calc(100vw - 52px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
.sec > *,
#tool-page-root.on > *{
  box-sizing:border-box!important;
  max-width:100%!important;
}
.sec > .card,
#tool-page-root.on > .card,
.sec > .bc-page-head,
#tool-page-root.on > .bc-page-head,
#s-college .college-panel,
#tool-page-root.on .college-panel,
.profile-card,
.profile-grid,
.purpose-grid,
.college-studio{
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.profile-grid,
.purpose-grid,
.college-grid,
.college-plan,
.college-results,
.sat-hub{
  box-sizing:border-box!important;
  max-width:100%!important;
}
@media(max-width:680px){
  .sec,
  #tool-page-root.on{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
}
/* Final button polish: normal readable controls instead of oversized menu-style strips. */
.sec button,
#tool-page-root.on button{
  box-sizing:border-box!important;
  letter-spacing:0!important;
  text-transform:none!important;
  max-width:100%!important;
}
.sec .btn,
#tool-page-root.on .btn,
.sec .btn-outline,
#tool-page-root.on .btn-outline,
.sec .bc-btn,
#tool-page-root.on .bc-btn,
.feedback-form .btn,
.feedback-form .btn-outline{
  box-sizing:border-box!important;
  min-height:46px!important;
  width:auto!important;
  max-width:100%!important;
  border-radius:12px!important;
  padding:12px 20px!important;
  font-family:'Source Serif 4',Georgia,serif!important;
  font-size:16px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
  line-height:1.2!important;
  white-space:normal!important;
  text-align:center!important;
  cursor:pointer!important;
}
.sec .btn.full,
#tool-page-root.on .btn.full,
.feedback-form .btn.full{
  width:fit-content!important;
  min-width:min(260px,100%)!important;
}
.sec .btn:not(.btn-outline),
#tool-page-root.on .btn:not(.btn-outline),
.feedback-form .btn:not(.btn-outline){
  color:#eef6ff!important;
  border:1px solid rgba(96,165,250,.38)!important;
  background:linear-gradient(135deg,rgba(37,99,235,.88),rgba(79,70,229,.82))!important;
  box-shadow:0 12px 28px rgba(37,99,235,.18)!important;
}
.sec .btn-outline,
#tool-page-root.on .btn-outline,
.feedback-form .btn-outline{
  color:#dbeafe!important;
  border:1px solid rgba(147,197,253,.34)!important;
  background:rgba(15,23,42,.58)!important;
  box-shadow:none!important;
}
.sec .btn:hover,
#tool-page-root.on .btn:hover,
.sec .btn-outline:hover,
#tool-page-root.on .btn-outline:hover,
.feedback-form .btn:hover,
.feedback-form .btn-outline:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(191,219,254,.58)!important;
  background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(99,102,241,.82))!important;
}
.sec [style*="display:flex"] > .btn,
.sec [style*="display:flex"] > .btn-outline,
#tool-page-root.on [style*="display:flex"] > .btn,
#tool-page-root.on [style*="display:flex"] > .btn-outline{
  flex:0 1 auto!important;
}
.sec > div[style*="display:flex"],
#tool-page-root.on > div[style*="display:flex"]{
  justify-content:center!important;
  flex-wrap:wrap!important;
}
@media(max-width:640px){
  .sec .btn,
  #tool-page-root.on .btn,
  .sec .btn-outline,
  #tool-page-root.on .btn-outline,
  .sec .bc-btn,
  #tool-page-root.on .bc-btn{
    width:100%!important;
  }
}
/* SAT practice-test card polish. */
.sat-polish-test-card .card-title{
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(24px,2.2vw,32px)!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.sat-polish-test-card{
  width:min(100%,1100px)!important;
  margin:24px auto 0!important;
  padding:clamp(22px,3vw,34px)!important;
  overflow:hidden!important;
}
.sat-polish-test-card .pt-info-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0 0 20px!important;
}
.sat-polish-test-card .pt-info-box{
  min-width:0!important;
  min-height:108px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px 14px!important;
  background:rgba(15,23,42,.62)!important;
  border:1px solid rgba(147,197,253,.18)!important;
  border-radius:14px!important;
}
.sat-polish-test-card .pt-info-num{
  font-size:30px!important;
  line-height:1.1!important;
  margin-bottom:8px!important;
}
.sat-polish-test-card .pt-info-lbl{
  font-family:'Source Serif 4',Georgia,serif!important;
  font-size:15px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:rgba(226,232,240,.72)!important;
}
.sat-polish-test-card p,
.sat-polish-test-card .sat-test-note{
  font-family:'Source Serif 4',Georgia,serif!important;
  font-size:16px!important;
  line-height:1.65!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-align:center!important;
  color:rgba(226,232,240,.72)!important;
}
.sat-polish-test-card > p{
  max-width:860px!important;
  margin:0 auto 18px!important;
}
.sat-polish-test-card .sat-test-note{
  max-width:100%!important;
  margin:0 0 20px!important;
  padding:15px 18px!important;
  border-radius:12px!important;
  background:rgba(59,130,246,.07)!important;
}
.sat-polish-test-card .sat-test-note strong{
  letter-spacing:0!important;
  text-transform:none!important;
}
.sat-polish-test-card .start-wrap{
  display:flex!important;
  justify-content:center!important;
  padding:0!important;
}
.sat-polish-test-card .start-wrap .btn{
  width:auto!important;
  min-width:260px!important;
  max-width:100%!important;
  white-space:normal!important;
}
@media(max-width:760px){
  .sat-polish-test-card .pt-info-grid{
    grid-template-columns:1fr!important;
  }
  .sat-polish-test-card .pt-info-box{
    min-height:92px!important;
  }
  .sat-polish-test-card .start-wrap .btn{
    width:100%!important;
    min-width:0!important;
  }
}
/* ==========================================================================
   STUDENT COMPASS OVERHAUL 2026
   Premium student cockpit design system. Keeps existing app logic intact.
   ========================================================================== */
:root{
  --sc-bg:#060914;
  --sc-bg-2:#0a1022;
  --sc-panel:rgba(13,20,38,.78);
  --sc-panel-2:rgba(17,26,48,.72);
  --sc-line:rgba(159,184,255,.17);
  --sc-line-2:rgba(94,234,212,.18);
  --sc-text:#edf5ff;
  --sc-muted:#9aa8c2;
  --sc-soft:#c9d8f5;
  --sc-blue:#4f8cff;
  --sc-cyan:#37d5c9;
  --sc-violet:#8b7cf6;
  --sc-green:#57df9a;
  --sc-warn:#ffd166;
  --sc-danger:#ff7a90;
  --sc-radius:18px;
  --sc-radius-sm:12px;
  --sc-shadow:0 28px 90px rgba(0,0,0,.34);
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 18% 4%,rgba(79,140,255,.18),transparent 28%),
    radial-gradient(circle at 82% 10%,rgba(55,213,201,.12),transparent 30%),
    linear-gradient(180deg,#060914 0%,#07101f 42%,#050712 100%)!important;
  color:var(--sc-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background-image:
    linear-gradient(rgba(159,184,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(159,184,255,.045) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.14));
}
.topbar{
  min-height:64px!important;
  backdrop-filter:blur(18px)!important;
  background:rgba(5,9,19,.74)!important;
  border-bottom:1px solid rgba(159,184,255,.12)!important;
}
.logo-name{
  font-family:Inter,ui-sans-serif,system-ui!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
}
.logo-sub{
  font-family:Inter,ui-sans-serif,system-ui!important;
  letter-spacing:.08em!important;
  text-transform:none!important;
  color:var(--sc-muted)!important;
}
.hamburger{
  border-color:rgba(159,184,255,.22)!important;
  background:rgba(255,255,255,.045)!important;
  border-radius:14px!important;
}
.drawer{
  width:min(360px,calc(100vw - 24px))!important;
  background:rgba(6,10,22,.96)!important;
  border-left:1px solid rgba(159,184,255,.18)!important;
  box-shadow:-24px 0 90px rgba(0,0,0,.42)!important;
}
.drawer-header{border-bottom-color:rgba(159,184,255,.12)!important}
.drawer-section-label{
  font-family:Inter,ui-sans-serif,system-ui!important;
  font-size:12px!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  color:var(--sc-cyan)!important;
}
.drawer-btn{
  border-radius:12px!important;
  font-family:Inter,ui-sans-serif,system-ui!important;
  font-size:14px!important;
  font-weight:720!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:rgba(237,245,255,.78)!important;
}
.drawer-btn:hover,
.drawer-btn.active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(79,140,255,.17),rgba(55,213,201,.09))!important;
}
#s-landing.sc-overhaul{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
}
.sc-home{
  width:min(1220px,calc(100vw - 48px));
  margin:0 auto;
  padding:38px 0 76px;
}
.sc-hero{
  min-height:calc(100vh - 86px);
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:40px;
  align-items:center;
  padding:38px 0 58px;
}
.sc-hero-copy h1{
  margin:0;
  max-width:760px;
  font-family:Inter,ui-sans-serif,system-ui!important;
  font-size:clamp(48px,7vw,92px)!important;
  line-height:.92!important;
  letter-spacing:-.07em!important;
  font-weight:920!important;
  color:var(--sc-text)!important;
}
.sc-gradient-text{
  background:linear-gradient(105deg,#eef6ff 0%,#7fb3ff 42%,#58eadc 76%,#9d91ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.sc-hero-copy p{
  max-width:650px;
  margin:24px 0 0;
  color:var(--sc-soft)!important;
  font-size:clamp(18px,1.8vw,22px)!important;
  line-height:1.55!important;
}
.sc-free-line{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:26px;
  color:var(--sc-muted);
  font-size:14px;
  font-weight:720;
}
.sc-free-line span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border:1px solid rgba(159,184,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.045);
}
.sc-cta-row{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:34px;
}
.sc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 22px;
  border-radius:14px;
  border:1px solid rgba(159,184,255,.2);
  font-family:Inter,ui-sans-serif,system-ui!important;
  font-size:15px;
  font-weight:820;
  letter-spacing:0;
  color:var(--sc-text);
  background:rgba(255,255,255,.055);
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.sc-btn.primary{
  border-color:rgba(79,140,255,.52);
  background:linear-gradient(135deg,#3b82f6,#5b5ff5 54%,#24c6b6);
  box-shadow:0 18px 42px rgba(59,130,246,.25);
}
.sc-btn:hover{transform:translateY(-2px);border-color:rgba(94,234,212,.48)}
.sc-trust-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:660px;
  margin-top:34px;
}
.sc-trust-row div{
  padding:14px 16px;
  border:1px solid rgba(159,184,255,.13);
  border-radius:14px;
  background:rgba(255,255,255,.04);
}
.sc-trust-row strong{
  display:block;
  color:#fff;
  font-size:21px;
  letter-spacing:-.03em;
}
.sc-trust-row span{
  display:block;
  margin-top:3px;
  color:var(--sc-muted);
  font-size:13px;
  line-height:1.35;
}
.sc-dashboard{
  position:relative;
  border:1px solid rgba(159,184,255,.18);
  border-radius:28px;
  background:
    radial-gradient(circle at 20% 0%,rgba(79,140,255,.22),transparent 30%),
    linear-gradient(145deg,rgba(14,23,43,.9),rgba(8,14,29,.82));
  box-shadow:var(--sc-shadow),inset 0 1px 0 rgba(255,255,255,.07);
  padding:22px;
  overflow:hidden;
}
.sc-dashboard::before{
  content:"";
  position:absolute;
  inset:auto -120px -120px auto;
  width:320px;
  height:320px;
  background:radial-gradient(circle,rgba(55,213,201,.22),transparent 68%);
  pointer-events:none;
}
.sc-dash-head,
.sc-dash-row{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.sc-dash-head h2{
  margin:0;
  font-size:24px;
  letter-spacing:-.03em;
}
.sc-status{
  color:var(--sc-green);
  font-size:13px;
  font-weight:820;
}
.sc-loop{
  position:relative;
  margin-top:20px;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(94,234,212,.18);
  background:rgba(55,213,201,.065);
}
.sc-loop h3{
  margin:0;
  font-size:17px;
}
.sc-loop p{
  margin:7px 0 0;
  color:var(--sc-soft);
  line-height:1.5;
}
.sc-dash-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.sc-mini{
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(159,184,255,.13);
}
.sc-mini strong{
  display:block;
  font-size:28px;
  letter-spacing:-.04em;
  color:#fff;
}
.sc-mini span{
  display:block;
  margin-top:4px;
  color:var(--sc-muted);
  font-size:13px;
  line-height:1.35;
}
.sc-weak-list{
  position:relative;
  display:grid;
  gap:10px;
  margin-top:14px;
}
.sc-weak-list div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(3,7,18,.42);
  border:1px solid rgba(159,184,255,.11);
  color:var(--sc-soft);
  font-size:14px;
}
.sc-weak-list b{color:var(--sc-cyan)}
.sc-section{
  padding:70px 0;
}
.sc-section-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:24px;
}
.sc-section-head h2{
  margin:0;
  max-width:760px;
  font-size:clamp(34px,4.6vw,58px);
  line-height:1;
  letter-spacing:-.055em;
  font-weight:920;
}
.sc-section-head p{
  max-width:430px;
  margin:0;
  color:var(--sc-muted);
  line-height:1.55;
}
.sc-module-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.sc-module{
  position:relative;
  min-height:220px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:22px;
  border:1px solid rgba(159,184,255,.15);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(17,27,50,.78),rgba(9,15,31,.68));
  overflow:hidden;
  cursor:pointer;
}
.sc-module::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 82% 10%,var(--module-glow,rgba(79,140,255,.18)),transparent 36%);
  opacity:.9;
  pointer-events:none;
}
.sc-module > *{position:relative}
.sc-module h3{
  margin:0;
  font-size:24px;
  letter-spacing:-.035em;
}
.sc-module p{
  margin:12px 0 0;
  color:var(--sc-soft);
  line-height:1.5;
}
.sc-module span{
  color:var(--sc-muted);
  font-size:13px;
  font-weight:760;
}
.sc-module button{
  align-self:flex-start;
  margin-top:20px;
}
.sc-product-band{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:18px;
  align-items:stretch;
}
.sc-pricing,
.sc-story{
  border:1px solid rgba(159,184,255,.15);
  border-radius:24px;
  background:rgba(255,255,255,.045);
  padding:28px;
}
.sc-pricing h3,
.sc-story h3{
  margin:0;
  font-size:30px;
  letter-spacing:-.04em;
}
.sc-pricing p,
.sc-story p{
  color:var(--sc-soft);
  line-height:1.62;
}
.sc-price-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.sc-price-row div{
  padding:16px;
  border-radius:16px;
  background:rgba(3,7,18,.38);
  border:1px solid rgba(159,184,255,.11);
}
.sc-price-row strong{
  display:block;
  color:#fff;
  font-size:18px;
}
.sc-price-row span{
  display:block;
  margin-top:5px;
  color:var(--sc-muted);
  font-size:13px;
}
.sec:not(#s-landing),
#tool-page-root.on{
  font-family:Inter,ui-sans-serif,system-ui!important;
}
.sec:not(#s-landing) .bc-page-head,
#tool-page-root.on .bc-page-head,
.profile-hero{
  border-radius:26px!important;
  border-color:rgba(159,184,255,.17)!important;
  background:
    radial-gradient(circle at 86% 18%,rgba(55,213,201,.12),transparent 24%),
    linear-gradient(145deg,rgba(13,22,42,.82),rgba(8,14,29,.7))!important;
}
.sec:not(#s-landing) .bc-page-head h1,
#tool-page-root.on .bc-page-head h1,
.profile-hero h1{
  font-family:Inter,ui-sans-serif,system-ui!important;
  letter-spacing:-.055em!important;
  color:var(--sc-text)!important;
}
.sec:not(#s-landing) .bc-label,
.sec:not(#s-landing) .bc-pill,
#tool-page-root.on .bc-label,
#tool-page-root.on .bc-pill{
  font-family:Inter,ui-sans-serif,system-ui!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.sec:not(#s-landing) > .card,
#tool-page-root.on > .card,
.profile-card,
.college-panel,
.sat-polish-hero,
.sat-polish-start,
.sat-polish-test-card{
  border-radius:22px!important;
  border-color:rgba(159,184,255,.15)!important;
  background:linear-gradient(145deg,rgba(13,22,42,.78),rgba(9,15,31,.66))!important;
  box-shadow:0 18px 54px rgba(0,0,0,.24)!important;
}
.card-title,
.profile-title,
.college-title,
.sat-card-title,
.unit-title{
  font-family:Inter,ui-sans-serif,system-ui!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}
.sec p,
.sec li,
.sec span,
#tool-page-root.on p,
#tool-page-root.on li,
#tool-page-root.on span{
  letter-spacing:0!important;
}
.btn,
.btn-outline,
.bc-btn,
.college-mini-btn,
.profile-chip-btn,
.p-btn,
.sat-tab,
.fc-deck-btn{
  font-family:Inter,ui-sans-serif,system-ui!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
@media(max-width:1040px){
  .sc-hero,
  .sc-product-band{grid-template-columns:1fr}
  .sc-dashboard{max-width:720px}
  .sc-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .sc-home{width:calc(100vw - 24px);padding-top:20px}
  .sc-hero{min-height:auto;padding:26px 0 44px}
  .sc-hero-copy h1{font-size:clamp(42px,14vw,66px)!important}
  .sc-trust-row,
  .sc-dash-grid,
  .sc-module-grid,
  .sc-price-row{grid-template-columns:1fr}
  .sc-section-head{display:block}
  .sc-section-head p{margin-top:14px}
  .sc-dashboard{padding:16px;border-radius:22px}
  .sc-cta-row .sc-btn{width:100%}
}
/* Expansion components: distinct professional content blocks per product page. */
.sc-expanded-page{
  display:grid;
  gap:22px;
  margin:0 0 24px;
}
.sc-exp-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);
  gap:22px;
  align-items:stretch;
  margin:0 0 24px;
}
.sc-exp-panel,
.sc-exp-visual,
.sc-exp-band,
.sc-exp-step,
.sc-exp-quote{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(159,184,255,.15);
  background:linear-gradient(145deg,rgba(13,22,42,.78),rgba(9,15,31,.62));
  border-radius:22px;
  box-shadow:0 18px 54px rgba(0,0,0,.22);
}
.sc-exp-panel{padding:clamp(22px,3vw,34px)}
.sc-exp-panel::before,
.sc-exp-visual::before,
.sc-exp-band::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 90% 8%,rgba(55,213,201,.13),transparent 28%),
    radial-gradient(circle at 8% 90%,rgba(79,140,255,.12),transparent 34%);
}
.sc-exp-panel > *,
.sc-exp-visual > *,
.sc-exp-band > *{position:relative}
.sc-exp-kicker{
  margin:0 0 11px;
  color:var(--sc-cyan);
  font:800 13px/1.2 Inter,ui-sans-serif,system-ui;
}
.sc-exp-title{
  margin:0;
  max-width:820px;
  font:920 clamp(28px,3.5vw,48px)/1.02 Inter,ui-sans-serif,system-ui;
  letter-spacing:-.055em;
  color:var(--sc-text);
}
.sc-exp-copy{
  max-width:760px;
  margin:14px 0 0;
  color:var(--sc-soft);
  font:500 17px/1.62 Inter,ui-sans-serif,system-ui;
}
.sc-exp-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
}
.sc-exp-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.sc-exp-step{
  min-height:150px;
  padding:20px;
}
.sc-exp-step b{
  display:block;
  color:#fff;
  font-size:19px;
  letter-spacing:-.025em;
}
.sc-exp-step span{
  display:block;
  margin:8px 0 0;
  color:var(--sc-muted);
  line-height:1.5;
  font-size:14px;
}
.sc-exp-meta{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:18px;
}
.sc-exp-meta span{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(159,184,255,.15);
  background:rgba(255,255,255,.045);
  color:var(--sc-soft);
  font-size:13px;
  font-weight:720;
}
.sc-exp-visual{
  min-height:320px;
  display:grid;
  place-items:center;
  padding:24px;
}
.sc-orbit-graphic{
  width:min(300px,100%);
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(159,184,255,.2);
  background:
    radial-gradient(circle at 50% 50%,rgba(55,213,201,.18) 0 13%,transparent 14%),
    repeating-conic-gradient(from 0deg,rgba(159,184,255,.14) 0 8deg,transparent 8deg 21deg),
    radial-gradient(circle at 50% 50%,rgba(79,140,255,.12),rgba(8,14,29,.1) 55%,transparent 56%);
  box-shadow:inset 0 0 70px rgba(79,140,255,.14),0 24px 80px rgba(0,0,0,.26);
  position:relative;
}
.sc-orbit-graphic::before{
  content:"";
  position:absolute;
  inset:18%;
  border:1px solid rgba(94,234,212,.24);
  border-radius:50%;
}
.sc-orbit-graphic::after{
  content:"";
  position:absolute;
  left:50%;
  top:10%;
  width:18%;
  height:80%;
  transform:translateX(-50%) rotate(34deg);
  border-radius:999px;
  background:linear-gradient(to bottom,rgba(55,213,201,.94),rgba(79,140,255,.18) 52%,rgba(139,124,246,.76));
  box-shadow:0 0 34px rgba(55,213,201,.32);
}
.sc-map-graphic{
  width:100%;
  display:grid;
  gap:12px;
}
.sc-map-node{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(159,184,255,.14);
  background:rgba(255,255,255,.045);
}
.sc-map-dot{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--sc-blue),var(--sc-cyan));
  color:#fff;
  font-weight:900;
  box-shadow:0 14px 32px rgba(59,130,246,.2);
}
.sc-map-node b{
  display:block;
  color:#fff;
  font-size:15px;
  letter-spacing:-.015em;
}
.sc-map-node span{
  display:block;
  margin-top:3px;
  color:var(--sc-muted);
  font-size:13px;
  line-height:1.35;
}
.sc-bars{
  width:100%;
  display:grid;
  gap:12px;
}
.sc-bar{
  height:42px;
  border-radius:14px;
  border:1px solid rgba(159,184,255,.14);
  background:rgba(255,255,255,.045);
  overflow:hidden;
  position:relative;
}
.sc-bar::before{
  content:"";
  display:block;
  height:100%;
  width:var(--w,60%);
  border-radius:inherit;
  background:linear-gradient(90deg,var(--sc-blue),var(--sc-cyan));
  opacity:.78;
}
.sc-bar span{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px;
  color:#fff;
  font-size:13px;
  font-weight:780;
}
.sc-exp-band{
  padding:24px;
}
.sc-exp-split{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:18px;
  align-items:start;
}
.sc-checklist{
  display:grid;
  gap:10px;
}
.sc-checklist div{
  padding:13px 14px;
  border-radius:14px;
  background:rgba(3,7,18,.34);
  border:1px solid rgba(159,184,255,.11);
  color:var(--sc-soft);
  line-height:1.45;
}
.sc-checklist strong{color:#fff}
.sc-exp-quote{
  padding:22px;
  color:var(--sc-soft);
  line-height:1.6;
}
.sc-exp-quote b{
  display:block;
  margin-bottom:7px;
  color:#fff;
}
.sc-expanded-page .btn,
.sc-expanded-page .btn-outline,
.sc-expanded-page .sc-btn{
  width:auto!important;
}
@media(max-width:900px){
  .sc-exp-hero,
  .sc-exp-split,
  .sc-exp-grid,
  .sc-exp-grid.two{grid-template-columns:1fr}
  .sc-exp-visual{min-height:240px}
}
/* Final consistency lock: remove old theme artifacts and keep one visual system. */
html,
body,
#app{
  background:
    radial-gradient(circle at 18% 4%,rgba(79,140,255,.18),transparent 28%),
    radial-gradient(circle at 82% 10%,rgba(55,213,201,.12),transparent 30%),
    linear-gradient(180deg,#060914 0%,#07101f 42%,#050712 100%)!important;
}
body::before{
  background-image:
    linear-gradient(rgba(159,184,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(159,184,255,.035) 1px,transparent 1px)!important;
  background-size:44px 44px!important;
  opacity:.62!important;
}
.pro-ambient-compass,
.pro-compass-stage,
.pro-compass-disc,
.pro-compass-svg,
.compass-wrap,
.cube-3d,
.cube-inner,
.cube-face,
.cube-inside-compass,
.sc-orbit-stage,
.sc-orbit-card,
.sc-study-device,
.sc-floating-book,
.pro-page-art{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  animation:none!important;
}
.pro-ambient-compass{
  display:block!important;
  visibility:visible!important;
  opacity:.38!important;
  position:fixed!important;
  width:min(880px,86vw)!important;
  height:min(880px,86vw)!important;
  right:-10vw!important;
  top:6vh!important;
  pointer-events:none!important;
  z-index:1!important;
  filter:none!important;
  contain:layout style paint!important;
  animation:scAmbientDrift 24s ease-in-out infinite!important;
}
.pro-compass-stage,
.pro-compass-disc,
.pro-compass-svg{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  animation:scAmbientSpin 58s linear infinite!important;
}
.pro-compass-stage{
  width:100%!important;
  height:100%!important;
}
.pro-compass-disc{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
}
.pro-compass-svg{
  width:100%!important;
  height:100%!important;
}
.pro-compass-svg circle,
.pro-compass-svg path,
.pro-compass-svg g{
  opacity:1!important;
}
.topbar,
header{
  position:sticky!important;
  top:0!important;
  z-index:100000!important;
}
.hamburger,
#hamburger-btn{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:100003!important;
  width:46px!important;
  height:46px!important;
  border:1px solid rgba(191,219,254,.45)!important;
  background:rgba(10,18,35,.92)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 0 1px rgba(55,213,201,.08) inset!important;
}
.hamburger span,
#hamburger-btn span{
  display:block!important;
  background:#eef6ff!important;
  opacity:1!important;
}
.pro-ambient-compass::before,
.pro-ambient-compass::after,
.pro-compass-shine,
.premium-compass-core,
.premium-compass-shell,
.premium-compass-ring,
.premium-compass-needle{
  display:none!important;
}
.bc-grid-bg{
  display:none!important;
}
.bc-page-head,
.profile-hero{
  position:relative!important;
}
.bc-page-head::before,
.bc-page-head::after,
.profile-hero::before,
.profile-hero::after{
  content:none!important;
}
.sc-page-visual{
  position:absolute;
  right:clamp(18px,5vw,54px);
  top:50%;
  width:min(360px,31vw);
  min-width:260px;
  aspect-ratio:1.28;
  transform:translateY(-50%);
  border-radius:28px;
  border:1px solid rgba(191,219,254,.22);
  background:
    radial-gradient(circle at 84% 18%,var(--visual-glow,rgba(55,213,201,.28)),transparent 34%),
    linear-gradient(145deg,rgba(19,32,60,.9),rgba(6,12,26,.68));
  box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.095);
  overflow:hidden;
  pointer-events:none;
}
.sc-page-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.09) 0 1px,transparent 1px 18px);
  opacity:.85;
}
.sc-page-visual::after{
  content:attr(data-label);
  position:absolute;
  left:22px;
  bottom:18px;
  right:22px;
  min-height:36px;
  display:flex;
  align-items:center;
  padding:0 13px;
  border-radius:14px;
  border:1px solid rgba(159,184,255,.16);
  background:rgba(3,7,18,.36);
  color:#eef6ff;
  font:820 13px/1 Inter,ui-sans-serif,system-ui;
}
.sc-v-icon{
  position:absolute;
  left:24px;
  top:20px;
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:20px;
  color:#fff;
  font:900 26px/1 Inter,ui-sans-serif,system-ui;
  background:linear-gradient(135deg,var(--sc-blue),var(--sc-cyan));
  box-shadow:0 18px 44px rgba(55,213,201,.22);
}
.sc-v-bars{
  position:absolute;
  left:24px;
  right:24px;
  bottom:68px;
  display:grid;
  gap:9px;
}
.sc-v-bars i{
  display:block;
  height:12px;
  border-radius:999px;
  width:var(--w,70%);
  background:linear-gradient(90deg,var(--sc-blue),var(--sc-cyan));
  opacity:.82;
}
.sc-v-ring{
  position:absolute;
  width:132px;
  height:132px;
  right:28px;
  top:24px;
  border-radius:50%;
  border:1px solid rgba(94,234,212,.28);
  background:conic-gradient(from 220deg,var(--sc-cyan) 0 34%,rgba(159,184,255,.12) 34% 100%);
  box-shadow:inset 0 0 0 18px rgba(8,14,29,.9),0 0 36px rgba(55,213,201,.18);
}
.sc-v-card{
  position:absolute;
  left:100px;
  top:42px;
  width:132px;
  height:94px;
  border-radius:18px;
  border:1px solid rgba(159,184,255,.15);
  background:rgba(255,255,255,.06);
  transform:rotate(-6deg);
}
.sc-v-card::before,
.sc-v-card::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.2);
}
.sc-v-card::before{top:20px}
.sc-v-card::after{top:40px;width:54%;right:auto}
.sc-v-trophy{
  position:absolute;
  width:112px;
  height:112px;
  right:38px;
  top:34px;
  border-radius:28px 28px 18px 18px;
  background:linear-gradient(145deg,#7c6cff,#37d5c9);
  box-shadow:0 20px 50px rgba(79,140,255,.24);
}
.sc-v-trophy::before{
  content:"";
  position:absolute;
  left:50%;
  top:22px;
  width:34px;
  height:34px;
  transform:translateX(-50%) rotate(45deg);
  background:#ffd166;
  clip-path:polygon(50% 0,62% 35%,100% 35%,70% 57%,82% 100%,50% 73%,18% 100%,30% 57%,0 35%,38% 35%);
}
.sc-v-book{
  position:absolute;
  left:96px;
  top:44px;
  width:170px;
  height:112px;
  border-radius:12px;
  background:linear-gradient(90deg,rgba(79,140,255,.34) 0 48%,rgba(55,213,201,.25) 52% 100%);
  border:1px solid rgba(159,184,255,.18);
  transform:rotate(-3deg);
}
.sc-v-book::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:1px;
  background:rgba(255,255,255,.18);
}
.sc-v-building{
  position:absolute;
  left:82px;
  bottom:70px;
  width:200px;
  height:112px;
}
.sc-v-building::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:34px;
  clip-path:polygon(50% 0,100% 100%,0 100%);
  background:linear-gradient(135deg,var(--sc-warn),var(--sc-cyan));
}
.sc-v-building::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:64px;
  border-radius:10px 10px 4px 4px;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 18px,transparent 18px 32px),
    rgba(79,140,255,.18);
  border:1px solid rgba(159,184,255,.18);
}
.sc-v-pencil{
  position:absolute;
  left:92px;
  top:72px;
  width:188px;
  height:30px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--sc-warn) 0 18%,var(--sc-blue) 18% 82%,var(--sc-cyan) 82%);
  transform:rotate(-28deg);
  box-shadow:0 18px 42px rgba(79,140,255,.18);
}
.sc-v-network{
  position:absolute;
  inset:42px 34px 74px 96px;
}
.sc-v-network i{
  position:absolute;
  width:46px;
  height:46px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--sc-blue),var(--sc-cyan));
  box-shadow:0 16px 36px rgba(55,213,201,.18);
}
.sc-v-network i:nth-child(1){left:0;top:20px}
.sc-v-network i:nth-child(2){right:18px;top:0;background:linear-gradient(135deg,var(--sc-violet),var(--sc-blue))}
.sc-v-network i:nth-child(3){left:78px;bottom:0;background:linear-gradient(135deg,var(--sc-green),var(--sc-cyan))}
.sc-v-network::before,
.sc-v-network::after{
  content:"";
  position:absolute;
  height:1px;
  background:rgba(159,184,255,.28);
  transform-origin:left center;
}
.sc-v-network::before{left:44px;top:44px;width:122px;transform:rotate(-18deg)}
.sc-v-network::after{left:42px;top:68px;width:108px;transform:rotate(26deg)}
#s-sat .sc-page-visual,
#tool-page-root.on.sat-page .sc-page-visual{--visual-glow:rgba(79,140,255,.25)}
#s-start .sc-page-visual,
#s-timeline .sc-page-visual{--visual-glow:rgba(139,124,246,.24)}
#s-gpa .sc-page-visual{--visual-glow:rgba(87,223,154,.22)}
#s-college .sc-page-visual{--visual-glow:rgba(255,209,102,.22)}
#s-school .sc-page-visual{--visual-glow:rgba(55,213,201,.22)}
#s-writing .sc-page-visual,
#s-dbq .sc-page-visual,
#s-saq .sc-page-visual,
#s-leq .sc-page-visual{--visual-glow:rgba(255,209,102,.18)}
.bc-page-head-inner,
.profile-hero > *{
  position:relative!important;
  z-index:2!important;
}
.bc-page-head h1,
.profile-hero h1{
  max-width:760px!important;
}
.bc-page-sub,
.profile-hero .bc-page-sub{
  max-width:760px!important;
}
.bc-label,
.bc-pill,
.badge,
.stimulus-tag,
.sat-q-tag,
.sat-quiz-unit-tag,
.unit-tag,
.college-tag,
.profile-badge,
.pt-info-lbl,
.prog-lbl,
.stat-box-lbl,
.ach-section-title,
.ach-rarity-badge,
.ach-earned-tag,
.fc-counter,
.fc-pos,
.fc-root-label,
.fc-stat-lbl,
.dr-stat-lbl,
.pt-module-badge,
.score-section-label,
.total-score-label{
  font-family:Inter,ui-sans-serif,system-ui!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
@media(max-width:780px){
  .sc-page-visual{
    display:none!important;
  }
}
body .pro-ambient-compass,
body[data-current-page] .pro-ambient-compass,
body[data-current-page="s-landing"] .pro-ambient-compass,
body[data-current-page="tool-page"] .pro-ambient-compass,
body[data-current-page="s-sat"] .pro-ambient-compass,
body[data-current-page="s-start"] .pro-ambient-compass,
body[data-current-page="s-gpa"] .pro-ambient-compass,
body[data-current-page="s-college"] .pro-ambient-compass,
body[data-current-page="s-school"] .pro-ambient-compass,
body[data-current-page="s-profile"] .pro-ambient-compass,
body[data-current-page="s-ach"] .pro-ambient-compass,
body[data-current-page="s-purpose"] .pro-ambient-compass,
body[data-current-page="s-feedback"] .pro-ambient-compass,
body[data-current-page="s-writing"] .pro-ambient-compass,
body[data-current-page="s-timeline"] .pro-ambient-compass{
  display:block!important;
  visibility:visible!important;
  opacity:.56!important;
  z-index:3!important;
  mix-blend-mode:screen!important;
}
html body #app{
  background:transparent!important;
}
#app,
.sec,
#tool-page-root.on{
  position:relative!important;
  z-index:4!important;
}
.card,
.bc-page-head,
.profile-hero,
.sc-dashboard,
.sc-module,
.sc-exp-panel,
.sc-exp-visual,
.sc-exp-band,
.college-panel,
.profile-card{
  position:relative!important;
  z-index:5!important;
}
.bc-page-head-inner,
.profile-hero{
  padding-right:min(390px,34vw)!important;
}
.sc-page-visual{
  z-index:6!important;
}
.topbar,
header,
.drawer-overlay,
.drawer{
  z-index:100000!important;
}
.drawer{z-index:100002!important}
.hamburger,#hamburger-btn{z-index:100003!important}
@media(max-width:780px){
  .bc-page-head-inner,
  .profile-hero{
    padding-right:clamp(24px,5vw,36px)!important;
  }
}
body .pro-ambient-compass,
body[data-current-page] .pro-ambient-compass{
  left:50%!important;
  right:auto!important;
  top:50%!important;
  width:min(760px,78vw,78vh)!important;
  height:min(760px,78vw,78vh)!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
  opacity:.34!important;
  z-index:3!important;
  overflow:visible!important;
}
.pro-compass-stage,
.pro-compass-disc,
.pro-compass-svg{
  transform-origin:center center!important;
}
body,
html{
  padding-top:0!important;
  margin-top:0!important;
}
.topbar,
header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  margin:0!important;
  border-radius:0!important;
}
#app{
  padding-top:76px!important;
}
.sc-page-visual{
  display:none!important;
}
.bc-mini-orb{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  animation:none!important;
}
.bc-mini-orb svg{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.bc-page-head-inner{
  grid-template-columns:minmax(0,1fr) auto!important;
  padding-right:clamp(34px,5vw,62px)!important;
}
@media(max-width:780px){
  .bc-mini-orb{
    display:none!important;
  }
  .bc-page-head-inner{
    grid-template-columns:1fr!important;
  }
}
/* OLD COMPASS RESTORE - matches index.backup-20260602-150642.html */
body .pro-ambient-compass,
body[data-current-page] .pro-ambient-compass{
  display:block!important;
  visibility:visible!important;
  position:fixed!important;
  width:min(72vw,920px)!important;
  height:min(72vw,920px)!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  transform:translate(-50%,-46%)!important;
  transform-origin:center center!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.24!important;
  perspective:1600px!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  overflow:visible!important;
  contain:none!important;
  animation:scAmbientDrift 18s ease-in-out infinite!important;
}
body .pro-ambient-compass::before{
  content:''!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:58%!important;
  width:70%!important;
  height:18%!important;
  transform:translate(-50%,-50%) rotateX(74deg)!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.34),rgba(59,130,246,.12) 38%,transparent 72%)!important;
  filter:blur(8px)!important;
  opacity:.55!important;
}
body .pro-ambient-compass::after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  inset:18%!important;
  border-radius:50%!important;
  transform:translateZ(-34px)!important;
  background:radial-gradient(circle at 42% 35%,rgba(147,197,253,.10),transparent 28%),conic-gradient(from 215deg,rgba(59,130,246,.05),rgba(147,197,253,.16),rgba(79,70,229,.10),rgba(5,7,19,.28),rgba(59,130,246,.05))!important;
  box-shadow:inset 0 10px 18px rgba(255,255,255,.045),inset 0 -28px 38px rgba(0,0,0,.24),0 22px 44px rgba(0,0,0,.26)!important;
  opacity:.86!important;
}
body .pro-compass-stage{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  animation:scAmbientSpin 42s linear infinite!important;
  transform-origin:50% 50%!important;
  transform-style:preserve-3d!important;
  will-change:transform!important;
}
body .pro-compass-disc{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  inset:8%!important;
  border-radius:50%!important;
  overflow:visible!important;
  border:1px solid rgba(219,234,254,.34)!important;
  transform:translateZ(28px)!important;
  background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.28),transparent 8%),radial-gradient(circle at 50% 50%,rgba(147,197,253,.14),transparent 22%),repeating-conic-gradient(from 0deg,rgba(219,234,254,.18) 0deg 1deg,transparent 1deg 10deg),conic-gradient(from 25deg,rgba(59,130,246,.10),rgba(96,165,250,.20),rgba(79,70,229,.16),rgba(8,12,28,.24),rgba(59,130,246,.10))!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.15),inset 0 -22px 40px rgba(0,0,0,.22),0 10px 0 rgba(7,12,30,.62),0 30px 64px rgba(0,0,0,.30),0 0 58px rgba(59,130,246,.14)!important;
}
body .pro-compass-disc::before{
  content:''!important;
  display:block!important;
  position:absolute!important;
  inset:7%!important;
  border-radius:50%!important;
  border:1px solid rgba(219,234,254,.25)!important;
  background:radial-gradient(circle at 50% 50%,transparent 50%,rgba(147,197,253,.08) 51%,transparent 58%)!important;
  box-shadow:inset 0 0 24px rgba(147,197,253,.10)!important;
}
body .pro-compass-disc::after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  inset:23%!important;
  border-radius:50%!important;
  border:1px dashed rgba(147,197,253,.28)!important;
  background:transparent!important;
  box-shadow:none!important;
}
body .pro-compass-svg{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:translateZ(64px)!important;
  filter:none!important;
}
body .pro-compass-svg circle{
  display:initial!important;
}
body .pro-compass-svg circle:nth-of-type(1){
  stroke:rgba(219,234,254,.42)!important;
  stroke-width:2!important;
}
body .pro-compass-svg circle:nth-of-type(2){
  stroke:rgba(96,165,250,.28)!important;
  stroke-width:1.4!important;
}
body .pro-compass-svg g{
  stroke:rgba(191,219,254,.62)!important;
}
body .pro-compass-svg > path{
  fill:url(#needleGlow)!important;
  stroke:rgba(239,246,255,.48)!important;
  stroke-width:1.8!important;
}
body .pro-compass-svg text{
  fill:rgba(239,246,255,.78)!important;
  letter-spacing:.08em!important;
  paint-order:stroke fill!important;
  stroke:rgba(8,12,28,.92)!important;
  stroke-width:3px!important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.28)) drop-shadow(0 5px 6px rgba(0,0,0,.38)) drop-shadow(0 0 10px rgba(147,197,253,.24))!important;
}
body .pro-compass-svg text:nth-of-type(1){
  fill:#ffffff!important;
  stroke-width:3.5px!important;
}
body .pro-compass-svg > g,
body .pro-compass-svg > path,
body .pro-compass-svg > text{
  transform-box:view-box!important;
  transform-origin:200px 200px!important;
  animation:premiumCompassMarksTurn 26s linear infinite!important;
  animation-play-state:running!important;
  will-change:transform!important;
}
body[data-current-page="s-quiz"] .pro-ambient-compass,
body[data-current-page="s-sat-quiz"] .pro-ambient-compass,
body[data-current-page="s-drills-quiz"] .pro-ambient-compass,
body[data-current-page="s-pt-transition"] .pro-ambient-compass,
body[data-current-page="s-sat-results"] .pro-ambient-compass,
body[data-current-page="s-sat-pt-results"] .pro-ambient-compass,
body[data-current-page="s-results"] .pro-ambient-compass,
body[data-current-page="s-drills-results"] .pro-ambient-compass,
body[data-current-page="s-dbq-results"] .pro-ambient-compass{
  display:none!important;
  animation:none!important;
}
@media(max-width:980px){
  body .pro-ambient-compass{
    width:min(102vw,680px)!important;
    height:min(102vw,680px)!important;
    top:44%!important;
    transform:translate(-50%,-42%)!important;
    opacity:.42!important;
  }
}
@media(max-width:640px){
  body .pro-ambient-compass{
    width:min(112vw,500px)!important;
    height:min(112vw,500px)!important;
    top:360px!important;
    transform:translateX(-50%)!important;
    opacity:.34!important;
  }
}
/* Purpose and feedback polish */
#s-purpose,
#s-feedback{
  font-family:'Source Serif 4',Georgia,serif!important;
}
#s-purpose > .card,
#s-feedback > .card{
  padding:clamp(24px,3.2vw,42px)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(59,130,246,.10),transparent 30%),
    linear-gradient(145deg,rgba(12,18,38,.88),rgba(8,13,28,.78))!important;
  border:1px solid rgba(147,197,253,.18)!important;
  box-shadow:0 22px 60px rgba(2,6,23,.26),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#s-purpose .card-title,
#s-feedback .card-title{
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(27px,2.5vw,38px)!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-transform:none!important;
  line-height:1.08!important;
  padding-bottom:16px!important;
  margin-bottom:22px!important;
  border-bottom:1px solid rgba(147,197,253,.16)!important;
}
#s-purpose .purpose-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  margin:8px 0 0!important;
}
#s-purpose .purpose-note{
  min-height:190px!important;
  padding:22px!important;
  border:1px solid rgba(147,197,253,.18)!important;
  border-top:3px solid rgba(96,165,250,.78)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(15,23,42,.44))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#s-purpose .purpose-note strong{
  display:block!important;
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(22px,1.8vw,29px)!important;
  font-weight:900!important;
  line-height:1.16!important;
  color:#eef4ff!important;
  letter-spacing:0!important;
  text-transform:none!important;
  margin:0 0 12px!important;
}
#s-purpose .purpose-note span,
#s-purpose .card p,
#s-feedback .card p{
  display:block!important;
  font-family:'Source Serif 4',Georgia,serif!important;
  font-size:16px!important;
  line-height:1.72!important;
  color:#aab6ca!important;
  letter-spacing:0!important;
  text-transform:none!important;
  word-spacing:normal!important;
}
#s-purpose .feedback-form,
#s-feedback .feedback-form{
  display:grid!important;
  gap:14px!important;
  max-width:100%!important;
  margin-top:18px!important;
}
#s-purpose .feedback-form input,
#s-purpose .feedback-form select,
#s-purpose .feedback-form textarea,
#s-feedback .feedback-form input,
#s-feedback .feedback-form select,
#s-feedback .feedback-form textarea{
  width:100%!important;
  box-sizing:border-box!important;
  min-height:48px!important;
  padding:13px 16px!important;
  border-radius:12px!important;
  border:1px solid rgba(147,197,253,.22)!important;
  background:rgba(15,23,42,.68)!important;
  color:#eef4ff!important;
  font-family:'Source Serif 4',Georgia,serif!important;
  font-size:16px!important;
  letter-spacing:0!important;
  text-transform:none!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#s-purpose .feedback-form textarea,
#s-feedback .feedback-form textarea{
  min-height:132px!important;
  resize:vertical!important;
}
#s-purpose .feedback-form input::placeholder,
#s-purpose .feedback-form textarea::placeholder,
#s-feedback .feedback-form input::placeholder,
#s-feedback .feedback-form textarea::placeholder{
  color:rgba(203,213,225,.58)!important;
}
#s-purpose .feedback-form input:focus,
#s-purpose .feedback-form select:focus,
#s-purpose .feedback-form textarea:focus,
#s-feedback .feedback-form input:focus,
#s-feedback .feedback-form select:focus,
#s-feedback .feedback-form textarea:focus{
  border-color:rgba(96,165,250,.72)!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.14),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#s-purpose .feedback-form select option,
#s-feedback .feedback-form select option{
  background:#111827!important;
  color:#eef4ff!important;
}
#s-purpose .feedback-form .btn,
#s-feedback .feedback-form .btn{
  justify-self:start!important;
  width:auto!important;
  min-width:220px!important;
  border-radius:12px!important;
  font-family:'Source Serif 4',Georgia,serif!important;
  font-size:16px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#s-purpose .feedback-list,
#s-feedback .feedback-list{
  margin-top:18px!important;
  display:grid!important;
  gap:12px!important;
}
#s-purpose .feedback-list,
#s-purpose .feedback-list *,
#s-feedback .feedback-list,
#s-feedback .feedback-list *{
  letter-spacing:0!important;
  text-transform:none!important;
  word-spacing:normal!important;
}
#s-purpose .feedback-entry,
#s-feedback .feedback-entry{
  border-radius:16px!important;
  border:1px solid rgba(147,197,253,.16)!important;
  background:rgba(15,23,42,.54)!important;
}
@media(max-width:920px){
  #s-purpose .purpose-grid{
    grid-template-columns:1fr!important;
  }
  #s-purpose .purpose-note{
    min-height:0!important;
  }
}
/* Hamburger icon restore */
#hamburger-btn,
.hamburger{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
}
#hamburger-btn span,
.hamburger span{
  display:block!important;
  width:19px!important;
  height:2px!important;
  min-height:2px!important;
  border-radius:999px!important;
  background:#eef6ff!important;
  opacity:1!important;
  transform-origin:center!important;
}
#hamburger-btn.open span:nth-child(1),
.hamburger.open span:nth-child(1){
  transform:translateY(7px) rotate(45deg)!important;
}
#hamburger-btn.open span:nth-child(2),
.hamburger.open span:nth-child(2){
  opacity:0!important;
  transform:scaleX(0)!important;
}
#hamburger-btn.open span:nth-child(3),
.hamburger.open span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg)!important;
}

/* ===== student-compass-command-center-2026-style ===== */
/* Command Center expansion - reference-image visual direction */
.cc-page{
  width:min(1360px,calc(100vw - 56px));
  margin:0 auto 56px;
  color:#edf5ff;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;
}
.cc-hero{
  display:grid;
  grid-template-columns:minmax(360px,.78fr) minmax(560px,1.22fr);
  gap:34px;
  align-items:stretch;
  min-height:560px;
  padding:34px 0 18px;
}
.cc-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  padding:7px 12px;
  border:1px solid rgba(45,212,191,.48);
  border-radius:999px;
  background:rgba(45,212,191,.07);
  color:#5eead4;
  font:800 11px/1 JetBrains Mono,ui-monospace,monospace;
  letter-spacing:.08em;
}
.cc-title{
  margin:20px 0 18px;
  max-width:650px;
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(58px,6.2vw,92px);
  line-height:.94;
  letter-spacing:0;
}
.cc-title span{
  display:block;
  color:#4f8ef7;
  background:linear-gradient(90deg,#4f8ef7,#37d5c9);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.cc-copy{
  max-width:560px;
  color:#aab6ca;
  font-size:18px;
  line-height:1.75;
  margin:0 0 26px;
}
.cc-actions,.cc-trust-row,.cc-module-grid,.cc-stats-strip,.cc-feature-grid,.cc-form-grid,.cc-two-col{
  display:grid;
  gap:14px;
}
.cc-actions{grid-template-columns:220px 190px;margin:0 0 28px}
.cc-btn{
  min-height:54px;
  border-radius:10px;
  border:1px solid rgba(147,197,253,.22);
  background:rgba(15,23,42,.68);
  color:#eaf2ff;
  font-weight:800;
  font-size:15px;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.cc-btn.primary{
  border-color:rgba(96,165,250,.58);
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  box-shadow:0 18px 42px rgba(37,99,235,.25);
}
.cc-btn.green{
  border-color:rgba(45,212,191,.42);
  color:#9ff6ea;
}
.cc-btn:hover{transform:translateY(-1px);border-color:rgba(191,219,254,.62)}
.cc-trust-row{grid-template-columns:repeat(3,minmax(0,1fr));max-width:680px}
.cc-trust{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  padding-right:18px;
  border-right:1px solid rgba(147,197,253,.12);
}
.cc-trust:last-child{border-right:none}
.cc-trust i{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(96,165,250,.35);
  color:#4f8ef7;
  font-style:normal;
  font-weight:900;
}
.cc-trust strong{display:block;color:#dce8fb;font-size:13px;margin-bottom:3px}
.cc-trust span{display:block;color:#8d9ab2;font-size:12px;line-height:1.45}
.cc-dashboard{
  border:1px solid rgba(147,197,253,.17);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(15,23,42,.74),rgba(8,13,28,.58));
  box-shadow:0 28px 90px rgba(2,6,23,.36),inset 0 1px 0 rgba(255,255,255,.06);
  padding:20px;
  backdrop-filter:blur(18px);
}
.cc-dash-head,.cc-panel-head,.cc-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.cc-dash-head h2,.cc-panel h3,.cc-card h3,.cc-section h2{
  margin:0;
  font-family:'Playfair Display',Georgia,serif;
  letter-spacing:0;
}
.cc-dash-head p{margin:4px 0 0;color:#8d9ab2}
.cc-mini-btn{
  min-height:36px;
  padding:0 14px;
  border:1px solid rgba(147,197,253,.18);
  border-radius:8px;
  background:rgba(255,255,255,.045);
  color:#dbeafe;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.cc-dash-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
  margin-top:18px;
}
.cc-panel,.cc-card,.cc-section,.cc-feature-page{
  border:1px solid rgba(147,197,253,.15);
  border-radius:12px;
  background:rgba(15,23,42,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.cc-panel{padding:16px}
.cc-loop{grid-row:span 2}
.cc-loop-list{display:grid;gap:10px;margin-top:14px}
.cc-loop-item{
  display:grid;
  grid-template-columns:28px 1fr auto;
  gap:11px;
  align-items:center;
  padding:10px;
  border:1px solid rgba(147,197,253,.12);
  border-radius:10px;
  background:rgba(255,255,255,.035);
}
.cc-loop-item b{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(96,165,250,.14);
  color:#bfdbfe;
  font-size:12px;
}
.cc-loop-item strong{display:block;font-size:13px;color:#edf5ff}
.cc-loop-item span,.cc-small{color:#8d9ab2;font-size:12px;line-height:1.45}
.cc-score strong{font-size:34px;color:#edf5ff}
.cc-range{
  height:8px;
  border-radius:999px;
  background:#1f2b44;
  margin:14px 0 12px;
  position:relative;
}
.cc-range::after{
  content:'';
  position:absolute;
  left:34%;
  width:40%;
  top:0;
  bottom:0;
  border-radius:inherit;
  background:linear-gradient(90deg,#2563eb,#5eead4);
}
.cc-ring{
  width:96px;
  height:96px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:conic-gradient(#4f8ef7 0 68%,rgba(148,163,184,.18) 68% 100%);
  margin:14px auto;
}
.cc-ring span{
  display:grid;
  place-items:center;
  width:70px;
  height:70px;
  border-radius:50%;
  background:#0b1224;
  color:#eaf2ff;
  font:900 23px/1 Inter,ui-sans-serif;
}
.cc-list{display:grid;gap:8px;margin-top:12px}
.cc-list div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#aab6ca;font-size:13px}
.cc-spark{
  height:42px;
  margin:12px 0;
  border-radius:10px;
  background:
    linear-gradient(135deg,transparent 0 18%,rgba(45,212,191,.28) 19% 22%,transparent 23% 38%,rgba(45,212,191,.42) 39% 43%,transparent 44% 59%,rgba(45,212,191,.5) 60% 64%,transparent 65%),
    rgba(45,212,191,.05);
}
.cc-weak-row{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:150px 1fr auto;
  align-items:center;
  gap:12px;
}
.cc-chips{display:flex;gap:8px;flex-wrap:wrap}
.cc-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid rgba(147,197,253,.14);
  border-radius:8px;
  background:rgba(255,255,255,.045);
  color:#aab6ca;
  font-size:12px;
}
.cc-chip b{color:#fbbf24;font-weight:800}
.cc-section{padding:22px;margin-top:18px}
.cc-section-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:16px}
.cc-section-head p{margin:5px 0 0;color:#8d9ab2}
.cc-module-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.cc-card{
  min-height:190px;
  padding:18px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
}
.cc-card-icon{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:16px;
  border:1px solid rgba(96,165,250,.28);
  background:rgba(37,99,235,.12);
  color:#60a5fa;
  font-weight:900;
  font-size:22px;
}
.cc-card p{margin:8px 0 14px;color:#9aa8c2;font-size:13px;line-height:1.45}
.cc-card .cc-btn{min-height:38px;width:100%;font-size:13px}
.cc-stats-strip{
  grid-template-columns:repeat(5,1fr);
  padding:14px 18px;
  border:1px solid rgba(147,197,253,.15);
  border-radius:12px;
  background:rgba(15,23,42,.62);
}
.cc-stat{display:flex;gap:10px;align-items:center}
.cc-stat b{color:#60a5fa;font-size:22px}
.cc-stat span{color:#8d9ab2;font-size:12px}
.cc-feature-page{
  width:min(1240px,calc(100vw - 56px));
  margin:0 auto 56px;
  padding:clamp(24px,3vw,40px);
}
.cc-feature-page h1{
  margin:0 0 8px;
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(42px,4.4vw,66px);
  line-height:1;
}
.cc-feature-page > p{margin:0 0 24px;color:#9aa8c2;font-size:17px;line-height:1.7;max-width:760px}
.cc-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cc-two-col{grid-template-columns:1fr 1fr}
.cc-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cc-field{display:grid;gap:7px}
.cc-field label{font-size:12px;color:#8d9ab2;font-weight:800}
.cc-input,.cc-field input,.cc-field select,.cc-field textarea{
  width:100%;
  box-sizing:border-box;
  min-height:44px;
  border-radius:10px;
  border:1px solid rgba(147,197,253,.18);
  background:rgba(8,13,28,.72);
  color:#edf5ff;
  padding:10px 12px;
  font:600 14px/1.4 Inter,ui-sans-serif;
}
.cc-field textarea{min-height:118px;resize:vertical}
.cc-table{display:grid;gap:8px}
.cc-row{
  display:grid;
  grid-template-columns:1.1fr .8fr .7fr auto;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border:1px solid rgba(147,197,253,.12);
  border-radius:10px;
  background:rgba(255,255,255,.035);
  color:#aab6ca;
  font-size:13px;
}
.cc-bar{
  height:9px;
  border-radius:999px;
  background:rgba(148,163,184,.16);
  overflow:hidden;
}
.cc-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#5eead4)}
.cc-fit-score{
  display:grid;
  place-items:center;
  min-height:210px;
  border-radius:14px;
  border:1px solid rgba(45,212,191,.24);
  background:radial-gradient(circle at 50% 20%,rgba(45,212,191,.18),transparent 48%),rgba(15,23,42,.58);
}
.cc-fit-score b{font-size:64px;color:#5eead4}
.cc-export-box{
  white-space:pre-wrap;
  min-height:220px;
  padding:16px;
  border:1px solid rgba(147,197,253,.14);
  border-radius:12px;
  background:rgba(8,13,28,.72);
  color:#cbd5e1;
  font:13px/1.6 JetBrains Mono,ui-monospace,monospace;
}
body .pro-ambient-compass,
body[data-current-page] .pro-ambient-compass,
body[data-current-page="s-quiz"] .pro-ambient-compass,
body[data-current-page="s-sat-quiz"] .pro-ambient-compass,
body[data-current-page="s-drills-quiz"] .pro-ambient-compass,
body[data-current-page="s-pt-transition"] .pro-ambient-compass,
body[data-current-page="s-sat-results"] .pro-ambient-compass,
body[data-current-page="s-sat-pt-results"] .pro-ambient-compass,
body[data-current-page="s-results"] .pro-ambient-compass,
body[data-current-page="s-drills-results"] .pro-ambient-compass,
body[data-current-page="s-dbq-results"] .pro-ambient-compass{
  display:block!important;
  visibility:visible!important;
  opacity:.24!important;
  animation:none!important;
}
body .pro-compass-stage,
body[data-current-page] .pro-compass-stage{
  display:block!important;
  visibility:visible!important;
  animation:scAmbientSpin 42s linear infinite!important;
}
@media(max-width:1120px){
  .cc-hero{grid-template-columns:1fr}
  .cc-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cc-dash-grid{grid-template-columns:1fr 1fr}
  .cc-loop{grid-row:auto}
  .cc-weak-row{grid-template-columns:1fr}
}
@media(max-width:760px){
  .cc-page,.cc-feature-page{width:calc(100vw - 24px)}
  .cc-actions,.cc-trust-row,.cc-module-grid,.cc-stats-strip,.cc-feature-grid,.cc-two-col,.cc-form-grid,.cc-dash-grid{grid-template-columns:1fr}
  .cc-title{font-size:clamp(48px,14vw,68px)}
  .cc-trust{border-right:none;padding-right:0}
  .cc-row{grid-template-columns:1fr}
}

/* ===== student-compass-product-polish-2026 ===== */
/* Product polish layer: top nav, module consistency, mobile, and low-lag UI */
header{
  display:grid!important;
  grid-template-columns:auto minmax(420px,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  min-height:70px!important;
  padding:0 30px!important;
  background:linear-gradient(180deg,rgba(4,9,20,.96),rgba(4,9,20,.82))!important;
  border-bottom:1px solid rgba(96,165,250,.14)!important;
  backdrop-filter:blur(18px)!important;
}
.logo{min-width:max-content}
.logo-mark{
  filter:drop-shadow(0 0 14px rgba(79,142,247,.42))!important;
}
.top-main-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
}
.top-nav-link{
  position:relative;
  min-height:38px;
  padding:0 14px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#9aa8c2;
  font:800 13px/1 Inter,ui-sans-serif,system-ui;
  cursor:pointer;
  transition:color .16s ease,background .16s ease;
}
.top-nav-link::after{
  content:'';
  position:absolute;
  left:12px;
  right:12px;
  bottom:0;
  height:2px;
  border-radius:2px;
  background:#2563eb;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .16s ease;
}
.top-nav-link:hover,.top-nav-link.active{
  color:#dbeafe;
  background:rgba(96,165,250,.06);
}
.top-nav-link.active::after{transform:scaleX(1)}
.top-free-pill{
  min-height:38px!important;
  padding:0 18px!important;
  border-radius:8px!important;
  border:1px solid rgba(45,212,191,.45)!important;
  background:rgba(45,212,191,.04)!important;
  color:#5eead4!important;
  font:900 12px/1 Inter,ui-sans-serif!important;
  letter-spacing:.04em!important;
}
.top-sat-cta{
  min-height:42px!important;
  padding:0 20px!important;
  border-radius:8px!important;
  border:1px solid rgba(96,165,250,.55)!important;
  background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
  color:#eff6ff!important;
  font:900 13px/1 Inter,ui-sans-serif!important;
  letter-spacing:0!important;
  box-shadow:0 12px 30px rgba(37,99,235,.22)!important;
}
.cc-reference-mode .bc-page-head,
.cc-reference-mode .profile-hero,
.cc-reference-mode .sc-exp-hero{
  border-radius:16px!important;
  border:1px solid rgba(147,197,253,.16)!important;
  background:
    radial-gradient(circle at 76% 20%,rgba(37,99,235,.16),transparent 32%),
    linear-gradient(145deg,rgba(15,23,42,.72),rgba(8,13,28,.54))!important;
  box-shadow:0 22px 70px rgba(2,6,23,.26),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.cc-reference-mode .bc-page-head h1,
.cc-reference-mode .profile-hero h1,
.cc-reference-mode .sc-exp-title{
  font-family:'Playfair Display',Georgia,serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.cc-reference-mode .card,
.cc-reference-mode .bc-card,
.cc-reference-mode .college-panel,
.cc-reference-mode .profile-card,
.cc-reference-mode .sc-exp-panel,
.cc-reference-mode .sc-exp-band,
.cc-reference-mode .sat-unit-card,
.cc-reference-mode .drills-why-card,
.cc-reference-mode .sat-polish-panel,
.cc-reference-mode .sat-polish-why-card{
  border-radius:14px!important;
  border:1px solid rgba(147,197,253,.14)!important;
  background:linear-gradient(145deg,rgba(15,23,42,.68),rgba(8,13,28,.50))!important;
  box-shadow:0 18px 50px rgba(2,6,23,.20),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.cc-reference-mode .card-title,
.cc-reference-mode .college-title,
.cc-reference-mode .profile-card-title,
.cc-reference-mode .sat-polish-panel h3{
  font-family:'Playfair Display',Georgia,serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.cc-reference-mode p,
.cc-reference-mode .card div,
.cc-reference-mode .bc-page-sub,
.cc-reference-mode .sc-exp-copy{
  letter-spacing:0!important;
  text-transform:none!important;
}
.cc-review-mix .cc-row{
  grid-template-columns:1fr .8fr .8fr;
}
.cc-compare-table .cc-row{
  grid-template-columns:1.1fr .6fr .7fr .8fr .6fr .7fr;
}
.cc-health-panel{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:18px;
}
.cc-health-panel div{
  padding:14px;
  border:1px solid rgba(147,197,253,.14);
  border-radius:12px;
  background:rgba(255,255,255,.035);
}
.cc-health-panel b{display:block;color:#60a5fa;font-size:20px}
.cc-health-panel span{color:#8d9ab2;font-size:12px}
body .pro-ambient-compass{
  pointer-events:none!important;
}
@media(max-width:1180px){
  header{grid-template-columns:auto auto!important}
  .top-main-nav{display:none}
  .top-free-pill{display:none!important}
}
@media(max-width:720px){
  header{padding:0 14px!important;gap:10px!important}
  .logo-sub{display:none!important}
  .top-sat-cta{display:none!important}
  .cc-compare-table .cc-row,.cc-review-mix .cc-row{grid-template-columns:1fr}
  .cc-health-panel{grid-template-columns:1fr 1fr}
}

/* ===== final-readability-override ===== */
#s-sat-quiz .sat-passage,
#s-sat-quiz .stimulus-box,
#s-quiz .stimulus-box,
#s-drills-quiz .sat-passage,
.doc-block,
.response-annotated,
.feedback-entry,
.college-empty,
.review-item,
.rev-item{
  background:linear-gradient(145deg,rgba(15,23,42,.92),rgba(10,17,34,.86))!important;
  border-color:rgba(147,197,253,.32)!important;
  color:#eaf2ff!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}

#s-sat-quiz .sat-passage,
#s-drills-quiz .sat-passage,
#s-quiz .stimulus-text,
.doc-block-text{
  color:#eaf2ff!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1.85!important;
  letter-spacing:0!important;
  opacity:1!important;
}

#s-sat-quiz .sat-passage *,
#s-sat-quiz .q-text,
#s-quiz .q-text,
#s-drills-quiz .q-text,
#s-sat-results .review-item,
#s-sat-results .review-item *,
.feedback-entry *,
.response-annotated *,
.doc-block *,
.college-empty{
  color:#eaf2ff!important;
  opacity:1!important;
}

#s-sat-quiz .sat-passage-src,
#s-sat-quiz .sat-quiz-unit-tag,
#s-quiz .stimulus-source,
#s-quiz .stimulus-tag,
.stimulus-tag,
.doc-label{
  color:#60a5fa!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  opacity:1!important;
}

.choice,
.choices button,
.ans-btn,
.essay-textarea,
.feedback-form input,
.feedback-form select,
.feedback-form textarea,
.college-input,
.college-select,
.profile-input{
  color:#f8fbff!important;
  background:rgba(15,23,42,.84)!important;
  border-color:rgba(147,197,253,.28)!important;
  opacity:1!important;
}

.choice span,
.choices button span,
.ans-btn span{
  color:inherit;
  opacity:1!important;
}

.choice .key,
.choices button .key{
  color:#93c5fd!important;
  border-color:rgba(147,197,253,.72)!important;
}

.card p,
.bc-card p,
.sat-polish-panel p,
.sat-polish-why-card p,
.drills-why-card p,
.purpose-note span,
.feedback-entry p,
.college-note,
.profile-card p,
.sc-exp-copy,
.rubric-feedback,
.avail-note,
.period-hint{
  color:#c9d7ee!important;
  opacity:1!important;
}

::placeholder{
  color:rgba(226,232,240,.64)!important;
  opacity:1!important;
}

.sat-saved-exams-card{
  margin-top:18px!important;
}
.saved-exam-note{
  margin:0 0 14px!important;
  color:#c9d7ee!important;
  font-size:15px!important;
  line-height:1.55!important;
}
.saved-exam-empty{
  padding:16px;
  border:1px dashed rgba(147,197,253,.28);
  border-radius:12px;
  color:#c9d7ee;
  background:rgba(15,23,42,.50);
}
.saved-exam-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(147,197,253,.20);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(8,13,28,.62));
  margin-top:10px;
}
.saved-exam-row strong{
  display:block;
  color:#f8fbff;
  font-family:'Playfair Display',Georgia,serif;
  font-size:18px;
}
.saved-exam-row span{
  display:block;
  color:#c9d7ee;
  font-size:13px;
  margin-top:3px;
}
.saved-exam-actions{
  display:flex;
  gap:8px;
  align-items:center;
}
.saved-exam-actions .btn,
.saved-exam-actions .btn-outline{
  width:auto!important;
  min-height:38px!important;
  padding:0 14px!important;
  margin:0!important;
  font-size:12px!important;
}
@media(max-width:720px){
  .saved-exam-row{grid-template-columns:1fr}
  .saved-exam-actions{display:grid;grid-template-columns:1fr 1fr}
  .saved-exam-actions .btn,
  .saved-exam-actions .btn-outline{width:100%!important}
}

/* Command center study loop readability */
.cc-loop-list{
  gap:12px!important;
}
.cc-loop-item{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:76px!important;
  padding:14px!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(15,23,42,.88),rgba(8,13,28,.74))!important;
  border:1px solid rgba(147,197,253,.22)!important;
  color:#f8fbff!important;
  text-align:left!important;
  overflow:hidden!important;
}
.cc-loop-item .cc-loop-num{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:999px!important;
  background:rgba(96,165,250,.14)!important;
  border:1px solid rgba(96,165,250,.42)!important;
  color:#93c5fd!important;
  font:900 13px/1 Inter,ui-sans-serif!important;
  margin:0!important;
}
.cc-loop-copy{
  display:block!important;
  min-width:0!important;
}
.cc-loop-copy strong{
  display:block!important;
  color:#f8fbff!important;
  font:900 14px/1.2 Inter,ui-sans-serif!important;
  letter-spacing:0!important;
  margin:0 0 5px!important;
  white-space:normal!important;
}
.cc-loop-copy span{
  display:block!important;
  color:#b9c7dc!important;
  font:600 12px/1.35 Inter,ui-sans-serif!important;
  letter-spacing:0!important;
  white-space:normal!important;
}
.cc-loop-item em{
  justify-self:end!important;
  color:#9fb2d1!important;
  font:800 11px/1.2 Inter,ui-sans-serif!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  font-style:normal!important;
}
.cc-streak-note{
  display:block!important;
  margin-top:14px!important;
  color:#c9d7ee!important;
  font:700 12px/1.4 Inter,ui-sans-serif!important;
}
@media(max-width:560px){
  .cc-loop-item{
    grid-template-columns:30px minmax(0,1fr)!important;
  }
  .cc-loop-item em{
    grid-column:2!important;
    justify-self:start!important;
    margin-top:2px!important;
  }
}

/* Sidebar square menu icon */
#hamburger-btn.menu-visible-icon{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:46px!important;
  height:46px!important;
  padding:0!important;
  border:1px solid rgba(147,197,253,.68)!important;
  background:rgba(15,23,42,.92)!important;
  box-shadow:0 0 22px rgba(96,165,250,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#hamburger-btn.menu-visible-icon > span{
  display:block!important;
  width:24px!important;
  height:3px!important;
  min-height:3px!important;
  border-radius:999px!important;
  background:#f8fbff!important;
  opacity:1!important;
  transform:none!important;
  box-shadow:0 0 10px rgba(96,165,250,.65)!important;
}
#hamburger-btn.menu-visible-icon.open > span:nth-child(1){
  transform:translateY(8px) rotate(45deg)!important;
}
#hamburger-btn.menu-visible-icon.open > span:nth-child(2){
  opacity:0!important;
  transform:scaleX(0)!important;
}
#hamburger-btn.menu-visible-icon.open > span:nth-child(3){
  transform:translateY(-8px) rotate(-45deg)!important;
}

/* Load-stable menu mark: survives delayed hamburger/span overrides */
body #app header #hamburger-btn.menu-visible-icon{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
body #app header #hamburger-btn.menu-visible-icon::before{
  content:"☰"!important;
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f8fbff!important;
  font:900 28px/1 Inter,Arial,sans-serif!important;
  opacity:1!important;
  z-index:3!important;
  text-shadow:0 0 12px rgba(96,165,250,.75)!important;
  pointer-events:none!important;
}
body #app header #hamburger-btn.menu-visible-icon.open::before{
  content:"×"!important;
  font-size:34px!important;
}
body #app header #hamburger-btn.menu-visible-icon > span{
  opacity:0!important;
}

/* Stable top-nav underline */
.top-main-nav .top-nav-link{
  position:relative!important;
  overflow:visible!important;
  border-radius:8px!important;
}
.top-main-nav .top-nav-link::after{
  content:''!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:-8px!important;
  width:32px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#2563eb!important;
  transform:translateX(-50%) scaleX(0)!important;
  transform-origin:center!important;
  opacity:0!important;
}
.top-main-nav .top-nav-link.active::after,
.top-main-nav .top-nav-link[aria-current="page"]::after{
  transform:translateX(-50%) scaleX(1)!important;
  opacity:1!important;
}
.top-main-nav .top-nav-link:not(.active):not([aria-current="page"])::after{
  transform:translateX(-50%) scaleX(0)!important;
  opacity:0!important;
}

/* Professional Command Center tabs */
.cc-feature-page.cc-pro-page{
  max-width:1180px!important;
  padding:34px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 82% 4%,rgba(37,99,235,.18),transparent 30%),
    linear-gradient(145deg,rgba(8,13,28,.92),rgba(4,9,20,.84))!important;
  border:1px solid rgba(147,197,253,.20)!important;
  box-shadow:0 24px 80px rgba(2,6,23,.36),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.cc-pro-guide{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  padding:20px;
  margin:0 0 26px;
  border:1px solid rgba(96,165,250,.24);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(15,23,42,.86),rgba(30,41,59,.58));
}
.cc-pro-guide span{
  display:inline-flex;
  margin-bottom:8px;
  color:#60a5fa;
  font:900 11px/1 Inter,ui-sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.cc-pro-guide strong{
  display:block;
  color:#f8fbff;
  font:900 26px/1.15 'Playfair Display',Georgia,serif;
}
.cc-pro-guide p{
  margin:8px 0 0;
  color:#c9d7ee;
  max-width:760px;
  font:600 15px/1.65 Inter,ui-sans-serif;
}
.cc-pro-guide .cc-btn{
  min-width:168px!important;
  min-height:46px!important;
}
.cc-feature-page.cc-pro-page > .cc-kicker{
  color:#5eead4!important;
}
.cc-feature-page.cc-pro-page > h1{
  max-width:780px!important;
  margin-bottom:10px!important;
}
.cc-feature-page.cc-pro-page > p{
  color:#c9d7ee!important;
  font-size:18px!important;
}
.cc-pro-panel{
  position:relative!important;
  padding:22px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(15,23,42,.86),rgba(8,13,28,.70))!important;
  border-color:rgba(147,197,253,.22)!important;
}
.cc-panel-index{
  position:absolute;
  top:16px;
  right:18px;
  color:rgba(147,197,253,.34);
  font:900 24px/1 Inter,ui-sans-serif;
  letter-spacing:.04em;
}
.cc-pro-panel h3{
  padding-right:44px;
  color:#f8fbff!important;
  font-size:24px!important;
}
.cc-pro-panel .cc-small,
.cc-pro-panel p{
  color:#c9d7ee!important;
}
.cc-form-grid{
  gap:14px!important;
}
.cc-field label{
  color:#dbeafe!important;
  font-size:12px!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.cc-field input,
.cc-field select,
.cc-field textarea{
  min-height:46px!important;
  color:#f8fbff!important;
  background:rgba(2,6,23,.72)!important;
  border:1px solid rgba(147,197,253,.28)!important;
  border-radius:12px!important;
  padding:12px 13px!important;
  font:700 14px/1.35 Inter,ui-sans-serif!important;
}
.cc-field textarea{
  min-height:132px!important;
}
.cc-field input:focus,
.cc-field select:focus,
.cc-field textarea:focus{
  outline:none!important;
  border-color:rgba(96,165,250,.72)!important;
  box-shadow:0 0 0 4px rgba(59,130,246,.12)!important;
}
.cc-pro-row,
.cc-row{
  min-height:54px!important;
  padding:13px 14px!important;
  border-radius:12px!important;
  background:rgba(15,23,42,.62)!important;
  border:1px solid rgba(147,197,253,.16)!important;
  color:#eaf2ff!important;
}
.cc-pro-row strong,
.cc-row strong{
  color:#f8fbff!important;
}
.cc-pro-row span,
.cc-row span{
  color:#c9d7ee!important;
  line-height:1.45!important;
}
.cc-btn,
.cc-mini-btn{
  border-radius:10px!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
.cc-fit-score{
  border-radius:18px!important;
  background:
    radial-gradient(circle at 50% 24%,rgba(45,212,191,.24),transparent 36%),
    linear-gradient(145deg,rgba(15,23,42,.88),rgba(8,13,28,.70))!important;
  border:1px solid rgba(45,212,191,.24)!important;
}
.cc-export-box{
  color:#eaf2ff!important;
  background:rgba(2,6,23,.72)!important;
  border-radius:14px!important;
  border-color:rgba(147,197,253,.24)!important;
  line-height:1.65!important;
}
@media(max-width:760px){
  .cc-feature-page.cc-pro-page{padding:20px!important}
  .cc-pro-guide{grid-template-columns:1fr}
  .cc-pro-guide .cc-btn{width:100%!important}
  .cc-pro-guide strong{font-size:23px}
}

/* Learning system: mastery, review queue, onboarding */
.sc-learning-page{
  overflow:hidden;
}
.sc-mastery-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0 0 18px;
}
.sc-mastery-summary div,
.sc-learning-panel,
.sc-skill-card,
.sc-review-card{
  border:1px solid rgba(147,197,253,.18);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(2,6,23,.58));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.sc-mastery-summary div{
  padding:18px;
}
.sc-mastery-summary b{
  display:block;
  color:#f8fbff;
  font:900 32px/1 Inter,ui-sans-serif;
}
.sc-mastery-summary span{
  color:#9fb0ca;
  font:800 12px/1 Inter,ui-sans-serif;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.sc-skill-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.sc-skill-card{
  padding:18px;
  min-height:168px;
}
.sc-skill-card.weak{border-color:rgba(248,113,113,.34)}
.sc-skill-card.improving{border-color:rgba(251,191,36,.32)}
.sc-skill-card.strong{border-color:rgba(45,212,191,.34)}
.sc-skill-top,
.sc-skill-meta,
.sc-review-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
}
.sc-skill-top span,
.sc-review-head span{
  color:#60a5fa;
  font:900 11px/1 Inter,ui-sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.sc-skill-top b{
  color:#f8fbff;
  font:900 12px/1 Inter,ui-sans-serif;
}
.sc-skill-card h3{
  margin:18px 0 16px;
  color:#f8fbff;
  font:900 22px/1.15 'Playfair Display',Georgia,serif;
}
.sc-skill-meter{
  height:10px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(15,23,42,.98);
  border:1px solid rgba(147,197,253,.16);
}
.sc-skill-meter i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2563eb,#5eead4);
}
.sc-skill-meta{
  margin-top:13px;
  color:#9fb0ca;
  font:800 12px/1.2 Inter,ui-sans-serif;
}
.sc-review-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:0 0 18px;
}
.sc-review-list{
  display:grid;
  gap:12px;
}
.sc-review-card{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:16px;
  padding:18px;
}
.sc-review-num{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#5eead4;
  background:rgba(45,212,191,.10);
  border:1px solid rgba(45,212,191,.26);
  font:900 15px/1 Inter,ui-sans-serif;
}
.sc-review-head b{
  color:#f8fbff;
  font:900 18px/1.2 Inter,ui-sans-serif;
}
.sc-review-card p{
  margin:10px 0;
  color:#d7e3f5!important;
  font:650 15px/1.55 Inter,ui-sans-serif!important;
}
.sc-review-card strong{
  display:block;
  color:#f8fbff!important;
  font:900 14px/1.4 Inter,ui-sans-serif!important;
}
.sc-review-card small{
  display:block;
  margin-top:6px;
  color:#9fb0ca;
  font:650 13px/1.5 Inter,ui-sans-serif;
}
.sc-learning-strip .cc-section-head{
  align-items:center;
}
.sc-learning-home-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.sc-learning-panel{
  padding:18px;
}
.sc-learning-panel h3{
  margin:0 0 14px;
  color:#f8fbff;
  font:900 22px/1.2 'Playfair Display',Georgia,serif;
}
.sc-learning-panel div{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
  gap:12px;
  padding:11px 0;
  border-top:1px solid rgba(147,197,253,.12);
}
.sc-learning-panel b{
  color:#f8fbff;
  font:900 14px/1.35 Inter,ui-sans-serif;
}
.sc-learning-panel span,
.sc-learning-panel p{
  color:#aebcd3;
  font:650 13px/1.45 Inter,ui-sans-serif;
}
.sc-empty-state{
  grid-column:1/-1;
  padding:28px;
  border:1px dashed rgba(147,197,253,.28);
  border-radius:16px;
  color:#c9d7ee;
  text-align:center;
}
.sc-onboarding{
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(2,6,23,.78);
  backdrop-filter:blur(18px);
}
.sc-onboarding-card{
  width:min(820px,100%);
  max-height:calc(100vh - 40px);
  overflow:auto;
  padding:28px;
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 0,rgba(45,212,191,.18),transparent 34%),
    linear-gradient(145deg,rgba(8,13,28,.98),rgba(15,23,42,.94));
  border:1px solid rgba(147,197,253,.26);
  box-shadow:0 30px 110px rgba(0,0,0,.62);
}
.sc-onboarding-logo{
  display:flex;
  align-items:center;
  gap:12px;
  color:#f8fbff;
  font:900 16px/1 Inter,ui-sans-serif;
}
.sc-onboarding-logo span{
  width:34px;
  height:34px;
  border-radius:50%;
  background:radial-gradient(circle,#f8fbff 0 8%,#60a5fa 9% 19%,transparent 20%),conic-gradient(from 45deg,#60a5fa,#5eead4,#2563eb,#60a5fa);
  box-shadow:0 0 24px rgba(96,165,250,.46);
}
.sc-onboarding h2{
  margin:22px 0 8px;
  color:#f8fbff;
  font:900 44px/1.05 'Playfair Display',Georgia,serif;
}
.sc-onboarding p{
  margin:0 0 22px;
  max-width:680px;
  color:#c9d7ee;
  font:650 16px/1.65 Inter,ui-sans-serif;
}
.sc-onboarding-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.sc-onboarding-grid label{
  display:grid;
  gap:8px;
  color:#dbeafe;
  font:900 12px/1 Inter,ui-sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sc-onboarding-grid label.wide{
  grid-column:1/-1;
}
.sc-onboarding-grid input,
.sc-onboarding-grid textarea{
  min-height:48px;
  padding:13px 14px;
  color:#f8fbff;
  background:rgba(2,6,23,.72);
  border:1px solid rgba(147,197,253,.28);
  border-radius:12px;
  font:750 15px/1.4 Inter,ui-sans-serif;
  text-transform:none;
  letter-spacing:0;
}
.sc-onboarding-grid textarea{
  min-height:110px;
  resize:vertical;
}
.sc-onboarding-actions{
  display:flex;
  justify-content:flex-end;
  gap:12px;
  margin-top:20px;
}
@media(max-width:900px){
  .sc-skill-grid,
  .sc-learning-home-grid,
  .sc-mastery-summary{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .sc-skill-grid,
  .sc-learning-home-grid,
  .sc-mastery-summary,
  .sc-onboarding-grid{grid-template-columns:1fr}
  .sc-review-card{grid-template-columns:1fr}
  .sc-onboarding h2{font-size:34px}
  .sc-onboarding-actions{display:grid}
}

/* Dashboard breathing room */
.cc-hero{
  grid-template-columns:minmax(360px,.9fr) minmax(780px,1.25fr)!important;
  align-items:start!important;
}
.cc-dashboard{
  padding:28px!important;
  border-radius:18px!important;
  width:min(100%,860px)!important;
  min-width:min(860px,100%)!important;
  overflow:visible!important;
}
.cc-dash-head{
  margin-bottom:22px!important;
}
.cc-dash-head h2{
  font-size:30px!important;
  line-height:1.15!important;
}
.cc-dash-head p{
  font-size:16px!important;
  line-height:1.5!important;
}
.cc-dash-grid{
  grid-template-columns:minmax(280px,1.15fr) minmax(240px,1fr) minmax(240px,1fr)!important;
  gap:20px!important;
  margin-top:0!important;
}
.cc-dashboard .cc-panel{
  min-height:204px!important;
  padding:22px!important;
  border-radius:16px!important;
}
.cc-loop{
  min-height:0!important;
}
.cc-loop .cc-panel-head{
  align-items:flex-start!important;
}
.cc-loop .cc-panel-head h3{
  max-width:150px!important;
  font-size:26px!important;
  line-height:1.2!important;
}
.cc-loop-list{
  gap:14px!important;
  margin-top:18px!important;
}
.cc-loop-item{
  grid-template-columns:34px minmax(0,1fr) 48px!important;
  gap:14px!important;
  align-items:center!important;
  min-height:96px!important;
  padding:16px!important;
  border-radius:14px!important;
}
.cc-loop-item b,
.cc-loop-item .cc-loop-num{
  width:34px!important;
  height:34px!important;
  font-size:12px!important;
}
.cc-loop-copy strong,
.cc-loop-item strong{
  font-size:15px!important;
  line-height:1.22!important;
  margin-bottom:6px!important;
}
.cc-loop-copy span,
.cc-loop-item span{
  font-size:13px!important;
  line-height:1.35!important;
}
.cc-loop-item em{
  width:auto!important;
  justify-self:end!important;
  white-space:nowrap!important;
  font-size:11px!important;
}
.cc-dashboard .cc-score > strong{
  display:block!important;
  white-space:nowrap!important;
  font-size:38px!important;
  line-height:1.1!important;
  letter-spacing:.01em!important;
  margin:12px 0 18px!important;
}
.cc-dashboard .cc-range{
  margin:0 0 18px!important;
}
.cc-dashboard .cc-ring{
  width:112px!important;
  height:112px!important;
  margin:18px auto!important;
}
.cc-dashboard .cc-ring span{
  width:78px!important;
  height:78px!important;
}
.cc-dashboard .cc-list{
  gap:11px!important;
  margin-top:16px!important;
}
.cc-dashboard .cc-list div{
  font-size:14px!important;
  line-height:1.35!important;
}
.cc-dashboard .cc-weak-row{
  grid-template-columns:minmax(160px,220px) minmax(0,1fr) auto!important;
  min-height:auto!important;
  padding:20px!important;
}
.cc-dashboard .cc-weak-row > strong{
  font-size:20px!important;
  line-height:1.25!important;
}
.cc-dashboard .cc-chip{
  min-height:40px!important;
  padding:10px 14px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
@media(max-width:1180px){
  .cc-hero{grid-template-columns:1fr!important}
  .cc-dashboard{width:100%!important;min-width:0!important}
  .cc-dash-grid{grid-template-columns:1fr 1fr!important}
  .cc-loop{grid-row:auto!important}
}
@media(max-width:760px){
  .cc-dashboard{padding:18px!important}
  .sc-continue-card{grid-template-columns:1fr!important}
  .cc-dash-grid,
  .cc-dashboard .cc-weak-row{grid-template-columns:1fr!important}
  .cc-loop-item{grid-template-columns:34px minmax(0,1fr)!important}
  .cc-loop-item em{justify-self:start!important;grid-column:2!important}
}

/* Final product design system pass */
:root{
  --sc-font-ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --sc-font-display:"Playfair Display",Georgia,serif;
  --sc-surface:rgba(11,18,32,.72);
  --sc-surface-strong:rgba(15,23,42,.86);
  --sc-line:rgba(148,163,184,.18);
  --sc-line-strong:rgba(147,197,253,.26);
  --sc-text:#eef5ff;
  --sc-muted:#9fb0ca;
  --sc-blue:#2563eb;
  --sc-cyan:#2dd4bf;
}
html,
body{
  font-family:var(--sc-font-ui)!important;
  font-size:16px!important;
  letter-spacing:0!important;
}
body,
.sec,
#tool-page-root,
.card,
.bc-card,
.college-panel,
.college-card,
.profile-card,
.sat-unit-card,
.cc-page,
.cc-dashboard,
.cc-panel,
.cc-card,
.cc-section,
.cc-feature-page,
.sc-learning-page{
  color:var(--sc-text)!important;
  font-family:var(--sc-font-ui)!important;
}
h1,
.lp-h1,
.cc-title,
.bc-hero-title{
  font-family:var(--sc-font-display)!important;
  letter-spacing:0!important;
}
h2,
h3,
h4,
.card-title,
.unit-title,
.overview-title,
.sat-card-title,
.profile-card-title,
.college-title,
.bc-mod-title,
.bc-feat h3,
.cc-dash-head h2,
.cc-panel h3,
.cc-card h3,
.cc-section h2,
.cc-pro-guide strong,
.sc-skill-card h3,
.sc-learning-panel h3,
.sc-onboarding h2{
  font-family:var(--sc-font-ui)!important;
  letter-spacing:0!important;
}
.cc-title,
.bc-hero-title{
  font-family:var(--sc-font-display)!important;
}
p,
span,
small,
label,
input,
textarea,
select,
button,
.bc-page-sub,
.sc-exp-copy,
.card p,
.card div,
.bc-card p,
.profile-card p,
.college-copy,
.cc-copy,
.cc-small,
.cc-pro-guide p{
  font-family:var(--sc-font-ui)!important;
  letter-spacing:0!important;
}
.logo-name,
.logo-sub{
  font-family:var(--sc-font-ui)!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.logo-name{
  font-weight:850!important;
  color:#f8fbff!important;
}
.logo-sub{
  color:#8fa3c1!important;
  font-size:11px!important;
}
.logo-mark{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  filter:drop-shadow(0 0 16px rgba(96,165,250,.45))!important;
}
.bc-page-head,
.profile-hero,
.cc-feature-page,
.cc-dashboard,
.card,
.bc-card,
.college-panel,
.college-card,
.profile-card,
.sat-unit-card,
.drills-why-card,
.drills-signal,
.sat-polish-panel,
.sat-polish-why-card,
.sc-skill-card,
.sc-review-card,
.sc-learning-panel{
  border-radius:16px!important;
  border:1px solid var(--sc-line)!important;
  background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(5,10,22,.64))!important;
  box-shadow:0 12px 34px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.card::after,
.bc-card::after,
.college-card::after,
.sat-unit-card::after{
  display:none!important;
}
.card:hover,
.bc-card:hover,
.college-card:hover,
.sat-unit-card:hover{
  transform:none!important;
  box-shadow:0 14px 38px rgba(2,6,23,.28),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.bc-page-head,
.profile-hero{
  padding:34px!important;
  min-height:auto!important;
}
.bc-page-head h1,
.profile-hero h1{
  font-family:var(--sc-font-ui)!important;
  font-size:clamp(34px,5vw,58px)!important;
  line-height:1.04!important;
  font-weight:900!important;
  margin-bottom:12px!important;
}
.bc-page-head .bc-page-sub,
.profile-hero .bc-page-sub{
  max-width:780px!important;
  color:#c8d5e8!important;
  font-size:16px!important;
  line-height:1.65!important;
}
.bc-page-head::before,
.profile-hero::before,
.cc-feature-page::before{
  content:"";
  position:absolute;
  right:24px;
  top:22px;
  width:38px;
  height:38px;
  border-radius:50%;
  opacity:.72;
  pointer-events:none;
  background:
    radial-gradient(circle,#f8fbff 0 6%,transparent 7%),
    conic-gradient(from 45deg,#60a5fa,#5eead4,#2563eb,#60a5fa);
  box-shadow:0 0 22px rgba(96,165,250,.35);
}
.cc-feature-page,
.bc-page-head,
.profile-hero{
  position:relative!important;
}
.btn,
.btn-outline,
.bc-btn,
.cc-btn,
.cc-mini-btn,
.college-mini-btn,
.drawer-btn,
.nav-btn,
.sat-tab,
.fc-btn,
.fc-deck-btn,
.drill-btn,
.essay-nav-btn,
.essay-q-btn{
  min-height:42px!important;
  border-radius:10px!important;
  font-family:var(--sc-font-ui)!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
  box-shadow:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
.btn:not(.btn-outline),
.bc-btn.primary,
.cc-btn.primary,
.feedback-form .btn:not(.btn-outline),
.sat-polish-test-card .start-wrap .btn{
  color:#f8fbff!important;
  border:1px solid rgba(96,165,250,.62)!important;
  background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
}
.btn-outline,
.bc-btn:not(.primary),
.cc-btn:not(.primary),
.cc-mini-btn,
.college-mini-btn,
.nav-btn,
.sat-tab,
.drawer-btn{
  color:#dbeafe!important;
  border:1px solid var(--sc-line-strong)!important;
  background:rgba(15,23,42,.70)!important;
}
.btn:hover,
.btn-outline:hover,
.bc-btn:hover,
.cc-btn:hover,
.cc-mini-btn:hover,
.college-mini-btn:hover,
.nav-btn:hover,
.sat-tab:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(96,165,250,.72)!important;
  background-color:rgba(37,99,235,.16)!important;
}
.drawer-btn{
  font-size:14px!important;
  padding:12px 14px!important;
}
.drawer-section-label{
  font-family:var(--sc-font-ui)!important;
  letter-spacing:.08em!important;
}
.card-title,
.profile-card-title,
.college-title,
.sat-polish-panel h3,
.cc-panel h3,
.cc-card h3{
  color:#f8fbff!important;
  font-size:18px!important;
  line-height:1.25!important;
  font-weight:850!important;
  border-bottom-color:rgba(147,197,253,.12)!important;
}
.cc-dashboard{
  max-width:none!important;
}
.cc-dash-head{
  align-items:center!important;
  padding-bottom:18px!important;
  border-bottom:1px solid rgba(147,197,253,.12)!important;
}
.cc-dash-head h2{
  font-size:26px!important;
}
.cc-dash-grid{
  padding-top:0!important;
}
.cc-panel.cc-loop{
  grid-column:auto!important;
}
.cc-score strong,
.r-score,
.stat-box-num,
.score-section-num,
.total-score-display,
.cc-stat b,
.sc-mastery-summary b{
  font-family:var(--sc-font-ui)!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}
.cc-trust,
.cc-chip,
.sc-review-card,
.sc-skill-card,
.saved-exam-row,
.profile-row,
.cc-row{
  background:rgba(15,23,42,.54)!important;
  border-color:rgba(147,197,253,.14)!important;
}
.choice{
  font-family:var(--sc-font-ui)!important;
  font-size:16px!important;
  line-height:1.5!important;
  background:rgba(15,23,42,.58)!important;
  border:1px solid rgba(147,197,253,.22)!important;
  border-radius:12px!important;
}
.choice:hover{
  background:rgba(37,99,235,.10)!important;
}
#s-sat-quiz .choice,
#s-quiz .choice,
#s-drills-quiz .choice{
  color:#eef5ff!important;
  background:rgba(15,23,42,.66)!important;
  border:1px solid rgba(147,197,253,.24)!important;
}
#s-sat-quiz .choice.correct,
#s-quiz .choice.correct,
#s-drills-quiz .choice.correct{
  color:#dcfce7!important;
  background:rgba(34,197,94,.14)!important;
  border-color:rgba(74,222,128,.46)!important;
}
#s-sat-quiz .choice.wrong,
#s-quiz .choice.wrong,
#s-drills-quiz .choice.wrong{
  color:#fee2e2!important;
  background:rgba(239,68,68,.13)!important;
  border-color:rgba(248,113,113,.42)!important;
}
.sat-passage,
.stimulus-box{
  font-family:var(--sc-font-ui)!important;
  font-style:normal!important;
  color:#e6eefb!important;
  background:rgba(15,23,42,.78)!important;
  border-color:rgba(96,165,250,.28)!important;
}
.sat-passage-src,
.stimulus-source,
.cc-kicker,
.bc-label{
  font-family:var(--sc-font-ui)!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
}
.cc-section,
.sc-learning-strip{
  border-radius:16px!important;
}
.cc-section-head{
  align-items:center!important;
}
.cc-section-head h2{
  font-size:26px!important;
  line-height:1.2!important;
}
.cc-section-head p{
  color:#aebcd3!important;
  font-size:15px!important;
}
.cc-module-grid{
  gap:16px!important;
}
.cc-card{
  min-height:218px!important;
  padding:20px!important;
}
.cc-card-icon{
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
}
.cc-card p{
  font-size:14px!important;
  line-height:1.5!important;
}
@media(max-width:900px){
  .bc-page-head,
  .profile-hero,
  .cc-feature-page{
    padding:24px!important;
  }
  .bc-page-head::before,
  .profile-hero::before,
  .cc-feature-page::before{
    width:30px;
    height:30px;
    right:18px;
    top:18px;
  }
}

/* Premium study interactions */
.sc-continue-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 128px;
  gap:20px;
  align-items:center;
  margin:-8px 0 20px;
  padding:20px 18px;
  border:1px solid rgba(45,212,191,.24);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(20,184,166,.12),rgba(37,99,235,.10));
}
.sc-continue-card span{
  display:block;
  color:#5eead4;
  font:850 11px/1 var(--sc-font-ui);
  letter-spacing:.08em!important;
  text-transform:uppercase;
}
.sc-continue-card strong{
  display:block;
  margin:6px 0 3px;
  color:#f8fbff;
  font:900 18px/1.2 var(--sc-font-ui);
}
.sc-continue-card small{
  color:#aebcd3;
  font:650 13px/1.4 var(--sc-font-ui);
}
.sc-continue-card .cc-btn{
  width:100%!important;
  min-height:58px!important;
  padding:0 22px!important;
  font-size:16px!important;
  border-radius:14px!important;
}
.sc-command-menu{
  position:fixed;
  inset:0;
  z-index:10020;
  display:none;
  padding:9vh 18px 18px;
  background:rgba(2,6,23,.70);
  backdrop-filter:blur(16px);
}
.sc-command-menu.open{
  display:block;
}
.sc-command-panel{
  width:min(720px,100%);
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(147,197,253,.24);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(8,13,28,.98),rgba(15,23,42,.96));
  box-shadow:0 28px 100px rgba(0,0,0,.58);
}
.sc-command-input-wrap{
  display:grid;
  gap:9px;
  padding:18px;
  border-bottom:1px solid rgba(147,197,253,.14);
}
.sc-command-input-wrap span{
  color:#60a5fa;
  font:850 11px/1 var(--sc-font-ui);
  letter-spacing:.08em!important;
  text-transform:uppercase;
}
#sc-command-input{
  width:100%;
  min-height:52px;
  color:#f8fbff;
  background:rgba(2,6,23,.72);
  border:1px solid rgba(147,197,253,.24);
  border-radius:12px;
  padding:0 15px;
  outline:none;
  font:750 17px/1.3 var(--sc-font-ui);
}
#sc-command-results{
  display:grid;
  gap:2px;
  padding:8px;
}
.sc-command-result{
  display:grid;
  gap:4px;
  width:100%;
  text-align:left;
  padding:14px 16px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  cursor:pointer;
}
.sc-command-result:hover{
  background:rgba(37,99,235,.12);
  border-color:rgba(96,165,250,.30);
}
.sc-command-result strong{
  color:#f8fbff;
  font:850 15px/1.25 var(--sc-font-ui);
}
.sc-command-result span{
  color:#9fb0ca;
  font:650 13px/1.35 var(--sc-font-ui);
}
.sc-test-tools{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 14px;
  padding:10px;
  border:1px solid rgba(147,197,253,.16);
  border-radius:14px;
  background:rgba(15,23,42,.62);
}
.sc-test-tool{
  min-height:34px;
  padding:0 12px;
  color:#dbeafe;
  border:1px solid rgba(147,197,253,.22);
  border-radius:9px;
  background:rgba(2,6,23,.52);
  cursor:pointer;
  font:800 12px/1 var(--sc-font-ui);
}
.sc-test-tool.active,
.sc-question-flagged .sc-test-tool[data-tool="flag"]{
  color:#f8fbff;
  border-color:rgba(45,212,191,.54);
  background:rgba(20,184,166,.18);
}
.sc-test-tool span{
  display:inline-grid;
  place-items:center;
  min-width:20px;
  height:20px;
  margin-left:5px;
  border-radius:999px;
  background:rgba(96,165,250,.18);
  color:#bfdbfe;
}
.sc-user-highlight{
  color:#fef3c7;
  background:rgba(245,158,11,.34);
  border-radius:4px;
  padding:0 2px;
}
.sc-user-underline{
  text-decoration:underline 2px rgba(45,212,191,.85);
  text-underline-offset:4px;
}
.choice.sc-eliminated{
  opacity:.46!important;
  text-decoration:line-through;
  filter:saturate(.55);
}
.sc-line-reader{
  position:fixed;
  left:0;
  right:0;
  height:44px;
  z-index:10010;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(96,165,250,.12),transparent);
  border-top:1px solid rgba(96,165,250,.18);
  border-bottom:1px solid rgba(96,165,250,.18);
  box-shadow:0 -900px 0 900px rgba(2,6,23,.18),0 900px 0 900px rgba(2,6,23,.18);
}
.sc-post-recs{
  margin-top:18px!important;
}
.sc-post-rec-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.sc-post-rec{
  display:grid;
  gap:7px;
  min-height:96px;
  text-align:left;
  padding:15px;
  border:1px solid rgba(147,197,253,.18);
  border-radius:14px;
  color:#f8fbff;
  background:rgba(15,23,42,.66);
  cursor:pointer;
}
.sc-post-rec:hover{
  border-color:rgba(96,165,250,.45);
  background:rgba(37,99,235,.13);
}
.sc-post-rec b{
  font:850 15px/1.25 var(--sc-font-ui);
}
.sc-post-rec span{
  color:#aebcd3;
  font:650 13px/1.45 var(--sc-font-ui);
}
@media(max-width:760px){
  .sc-continue-card,
  .sc-post-rec-grid{grid-template-columns:1fr}
  .sc-test-tools{display:grid;grid-template-columns:1fr 1fr}
  .sc-command-menu{padding-top:7vh}
}

/* Command center fit correction */
.cc-page{
  width:min(1480px,calc(100vw - 56px))!important;
}
.cc-page .cc-hero{
  grid-template-columns:minmax(330px,.72fr) minmax(860px,1.28fr)!important;
  width:100%!important;
  margin-right:0!important;
  gap:32px!important;
}
.cc-page .cc-dashboard{
  width:100%!important;
  max-width:940px!important;
  min-width:0!important;
  justify-self:end!important;
}
.cc-page .cc-dash-grid{
  grid-template-columns:minmax(260px,1.08fr) minmax(220px,1fr) minmax(220px,1fr)!important;
  gap:16px!important;
}
.cc-page .cc-dashboard .cc-panel{
  min-width:0!important;
  min-height:190px!important;
  padding:18px!important;
}
.cc-page .cc-loop-item{
  min-height:86px!important;
  padding:13px!important;
  grid-template-columns:32px minmax(0,1fr) 44px!important;
}
.cc-page .cc-dashboard .cc-score > strong{
  font-size:clamp(30px,2.5vw,38px)!important;
}
.cc-page .cc-ring{
  width:100px!important;
  height:100px!important;
}
.cc-page .cc-ring span{
  width:70px!important;
  height:70px!important;
}
.cc-page .sc-continue-card{
  grid-template-columns:minmax(0,1fr) 132px!important;
}
.cc-page .sc-continue-card .cc-btn{
  min-height:62px!important;
  font-size:17px!important;
}
@media(max-width:1280px){
  .cc-page .cc-hero{
    grid-template-columns:1fr!important;
    margin-right:0!important;
    width:100%!important;
  }
  .cc-page .cc-dashboard{
    width:100%!important;
    max-width:100%!important;
    justify-self:stretch!important;
  }
}
@media(max-width:760px){
  .cc-page .sc-continue-card{grid-template-columns:1fr!important}
}

/* Product utilities: settings, search, mobile actions */
.sc-top-tool{
  min-width:82px!important;
}
.sc-modal{
  position:fixed;
  inset:0;
  z-index:10040;
  display:none;
  padding:8vh 18px 22px;
  background:rgba(2,6,23,.74);
  backdrop-filter:blur(16px);
}
.sc-modal.open{
  display:block;
}
.sc-modal-panel{
  width:min(900px,100%);
  max-height:calc(100vh - 12vh);
  overflow:auto;
  margin:0 auto;
  padding:24px;
  border:1px solid rgba(147,197,253,.24);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(8,13,28,.98),rgba(15,23,42,.94));
  box-shadow:0 28px 100px rgba(0,0,0,.58);
}
.sc-modal-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:start;
  padding-bottom:18px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(147,197,253,.14);
}
.sc-modal-head span{
  color:#5eead4;
  font:900 11px/1 var(--sc-font-ui);
  letter-spacing:.08em!important;
  text-transform:uppercase;
}
.sc-modal-head h2{
  margin:7px 0 0;
  color:#f8fbff;
  font:900 30px/1.15 var(--sc-font-ui)!important;
}
.sc-modal-head button{
  min-height:38px;
  padding:0 13px;
  border-radius:10px;
  border:1px solid rgba(147,197,253,.24);
  color:#dbeafe;
  background:rgba(15,23,42,.76);
  cursor:pointer;
  font:800 13px/1 var(--sc-font-ui);
}
.sc-settings-panel section{
  padding:18px 0;
  border-bottom:1px solid rgba(147,197,253,.10);
}
.sc-settings-panel h3{
  margin:0 0 12px;
  color:#f8fbff;
  font:900 18px/1.2 var(--sc-font-ui)!important;
}
.sc-settings-panel p{
  color:#aebcd3;
  font:650 14px/1.55 var(--sc-font-ui)!important;
}
.sc-settings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.sc-settings-grid label{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid rgba(147,197,253,.16);
  border-radius:12px;
  color:#dbeafe;
  background:rgba(15,23,42,.58);
  font:750 14px/1.35 var(--sc-font-ui);
}
.sc-settings-grid select{
  width:100%;
  min-height:38px;
  margin-left:auto;
  color:#f8fbff;
  background:rgba(2,6,23,.72);
  border:1px solid rgba(147,197,253,.24);
  border-radius:10px;
  padding:0 10px;
}
.sc-settings-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.sc-search-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:12px;
  margin-bottom:16px;
}
.sc-search-controls input,
.sc-search-controls select{
  min-height:48px;
  color:#f8fbff;
  background:rgba(2,6,23,.72);
  border:1px solid rgba(147,197,253,.24);
  border-radius:12px;
  padding:0 14px;
  font:750 15px/1.3 var(--sc-font-ui);
}
.sc-q-results{
  display:grid;
  gap:10px;
}
.sc-q-result{
  display:grid;
  gap:8px;
  padding:15px;
  border:1px solid rgba(147,197,253,.16);
  border-radius:14px;
  background:rgba(15,23,42,.62);
}
.sc-q-result div{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.sc-q-result span{
  color:#60a5fa;
  font:900 11px/1 var(--sc-font-ui);
  letter-spacing:.08em!important;
  text-transform:uppercase;
}
.sc-q-result b{
  color:#f8fbff;
  font:850 13px/1 var(--sc-font-ui);
}
.sc-q-result p{
  margin:0;
  color:#dbeafe;
  font:650 14px/1.55 var(--sc-font-ui)!important;
}
.sc-q-result small{
  color:#9fb0ca;
  font:700 12px/1.35 var(--sc-font-ui);
}
.sc-review-filters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 14px;
}
.sc-review-filters button{
  min-height:36px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(147,197,253,.18);
  color:#cbd7ea;
  background:rgba(15,23,42,.64);
  cursor:pointer;
  font:800 12px/1 var(--sc-font-ui);
}
.sc-review-filters button.active{
  color:#f8fbff;
  border-color:rgba(45,212,191,.50);
  background:rgba(20,184,166,.16);
}
.sc-mobile-nav{
  display:none;
}
body[data-sc-font-size="large"]{
  font-size:17px!important;
}
body[data-sc-font-size="extra"]{
  font-size:18px!important;
}
body.sc-compact-ui .cc-dashboard .cc-panel,
body.sc-compact-ui .card,
body.sc-compact-ui .bc-card,
body.sc-compact-ui .profile-card{
  padding:16px!important;
}
body.sc-compact-ui .cc-loop-item{
  min-height:78px!important;
  padding:12px!important;
}
body.sc-reduce-motion *,
body.sc-reduce-motion *::before,
body.sc-reduce-motion *::after{
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important;
}
@media(max-width:760px){
  body{padding-bottom:74px!important}
  .sc-mobile-nav{
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:10030;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:6px;
    padding:8px;
    border:1px solid rgba(147,197,253,.20);
    border-radius:16px;
    background:rgba(8,13,28,.92);
    backdrop-filter:blur(18px);
    box-shadow:0 18px 60px rgba(0,0,0,.45);
  }
  .sc-mobile-nav button{
    min-height:42px;
    border:0;
    border-radius:11px;
    color:#dbeafe;
    background:rgba(37,99,235,.12);
    font:850 12px/1 var(--sc-font-ui);
  }
  .sc-settings-grid,
  .sc-search-controls{
    grid-template-columns:1fr;
  }
  .sc-modal{
    padding:5vh 12px 88px;
  }
}

/* Full-width command center layout */
.cc-page{
  width:calc(100vw - 96px)!important;
  max-width:1360px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.cc-page .cc-hero{
  grid-template-columns:minmax(420px,.82fr) minmax(650px,1.18fr)!important;
  gap:clamp(30px,3.2vw,54px)!important;
  align-items:start!important;
  width:100%!important;
  overflow:hidden!important;
  justify-content:center!important;
}
.cc-page .cc-hero > div:first-child{
  min-width:0!important;
  max-width:none!important;
}
.cc-page .cc-title{
  max-width:620px!important;
  font-size:clamp(56px,4.6vw,82px)!important;
  line-height:.96!important;
}
.cc-page .cc-copy{
  max-width:610px!important;
  font-size:18px!important;
  line-height:1.75!important;
}
.cc-page .cc-actions{
  grid-template-columns:minmax(240px,280px) minmax(210px,250px)!important;
  gap:16px!important;
  max-width:560px!important;
}
.cc-page .cc-trust-row{
  max-width:640px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.cc-page .cc-trust{
  grid-template-columns:42px minmax(0,1fr)!important;
  padding:0 18px 0 0!important;
}
.cc-page .cc-trust i{
  width:42px!important;
  height:42px!important;
}
.cc-page .cc-trust strong{
  font-size:14px!important;
}
.cc-page .cc-trust span{
  font-size:13px!important;
  line-height:1.5!important;
}
.cc-page .cc-dashboard{
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
  min-width:0!important;
  overflow:hidden!important;
}
.cc-page .cc-dash-grid{
  grid-template-columns:minmax(220px,1.05fr) minmax(200px,1fr) minmax(200px,1fr)!important;
  gap:16px!important;
}
@media(max-width:1260px){
  .cc-page{
    width:calc(100vw - 48px)!important;
  }
  .cc-page .cc-hero{
    grid-template-columns:minmax(360px,.78fr) minmax(600px,1.22fr)!important;
    gap:28px!important;
  }
  .cc-page .cc-dash-grid{
    grid-template-columns:minmax(210px,1fr) minmax(190px,1fr) minmax(190px,1fr)!important;
    gap:14px!important;
  }
}
@media(max-width:1080px){
  .cc-page .cc-hero{
    grid-template-columns:1fr!important;
    overflow:visible!important;
  }
  .cc-page .cc-title,
  .cc-page .cc-copy,
  .cc-page .cc-trust-row{
    max-width:100%!important;
  }
}
@media(max-width:760px){
  .cc-page{
    width:calc(100vw - 24px)!important;
  }
  .cc-page .cc-title{
    font-size:clamp(46px,14vw,68px)!important;
  }
  .cc-page .cc-actions,
  .cc-page .cc-trust-row{
    grid-template-columns:1fr!important;
    max-width:100%!important;
  }
  .cc-page .cc-trust{
    border-right:0!important;
    padding-right:0!important;
  }
}

/* Drawer typography normalization */
.drawer .drawer-links{
  gap:6px!important;
  padding:14px 12px 18px!important;
}
.drawer .drawer-section-label{
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  padding:14px 14px 6px!important;
  color:#5eead4!important;
  opacity:1!important;
  font-family:var(--sc-font-ui)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.drawer .drawer-btn,
.drawer .drawer-btn.sub-item{
  min-height:44px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 14px!important;
  border-radius:0!important;
  color:#dbeafe!important;
  opacity:1!important;
  font-family:var(--sc-font-ui)!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.drawer .drawer-btn.sub-item{
  padding-left:28px!important;
  color:#b9c7dc!important;
  font-size:15px!important;
  font-weight:800!important;
}
.drawer .drawer-btn::before,
.drawer .drawer-btn.sub-item::before{
  content:"-"!important;
  width:10px!important;
  flex:0 0 10px!important;
  margin:0 4px 0 0!important;
  color:#7f94b4!important;
  opacity:1!important;
  font:900 14px/1 var(--sc-font-ui)!important;
}
.drawer .drawer-btn:hover,
.drawer .drawer-btn.active{
  color:#f8fbff!important;
  background:rgba(37,99,235,.14)!important;
}

/* Visual + functional upgrade layer */
.sc-page-shell{
  width:min(1320px,calc(100vw - 48px));
  margin:0 auto;
  padding:28px 0 80px;
}
.sc-page-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:24px;
  padding:32px;
  border:1px solid rgba(99,148,232,.26);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(8,47,73,.34));
  box-shadow:0 24px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
}
.sc-page-hero span,
.sc-command-summary span,
.sc-progress-strip span,
.sc-saved-test-trend span,
.sc-writing-summary span{
  display:block;
  margin-bottom:8px;
  color:#5eead4;
  font:900 12px/1 var(--sc-font-ui);
  letter-spacing:.10em;
  text-transform:uppercase;
}
.sc-page-hero h1{
  max-width:760px;
  margin:0;
  color:#f8fbff;
  font:900 clamp(34px,4vw,62px)/.98 var(--sc-font-display);
  letter-spacing:0;
}
.sc-page-hero p{
  max-width:760px;
  margin:14px 0 0;
  color:#c6d3e6;
  font:600 17px/1.7 var(--sc-font-ui);
}
.sc-page-action-bar{
  width:min(1320px,calc(100vw - 48px));
  margin:0 auto 18px;
  display:flex;
  justify-content:flex-end;
}
.sc-command-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0 0 22px;
}
.sc-command-summary article,
.sc-progress-strip,
.sc-saved-test-trend,
.sc-writing-summary,
.sc-score-form,
.sc-table-wrap{
  border:1px solid rgba(99,148,232,.24);
  border-radius:18px;
  background:rgba(11,18,34,.74);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.sc-command-summary article{
  min-height:86px;
  padding:18px;
}
.sc-command-summary strong{
  color:#f8fbff;
  font:900 26px/1 var(--sc-font-ui);
}
.sc-progress-strip{
  margin-top:16px;
  padding:18px;
}
.sc-mini-chart-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}
.sc-mini-chart-grid article{
  min-height:118px;
  padding:14px;
  border:1px solid rgba(99,148,232,.18);
  border-radius:14px;
  background:rgba(15,23,42,.58);
}
.sc-mini-chart-grid b{
  display:block;
  margin-bottom:10px;
  color:#dbeafe;
  font:850 13px/1 var(--sc-font-ui);
}
.sc-trend-bars{
  height:82px;
  display:flex;
  align-items:end;
  gap:7px;
  padding:10px 4px 0;
}
.sc-trend-bars i{
  position:relative;
  flex:1;
  min-width:9px;
  border-radius:999px 999px 4px 4px;
  background:linear-gradient(180deg,#5eead4,#3b82f6);
  box-shadow:0 10px 28px rgba(37,99,235,.22);
}
.sc-trend-bars i span{
  position:absolute;
  left:50%;
  bottom:calc(100% + 6px);
  transform:translateX(-50%);
  margin:0;
  color:#dbeafe;
  font:800 10px/1 var(--sc-font-ui);
  letter-spacing:0;
  text-transform:none;
  opacity:.78;
}
.sc-saved-test-trend{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:16px;
  align-items:center;
  margin-top:16px;
  padding:18px;
}
.sc-saved-test-trend strong,
.sc-writing-summary strong{
  color:#f8fbff;
  font:900 28px/1 var(--sc-font-ui);
}
.sc-saved-review-tools{
  display:grid;
  gap:12px;
  margin:0 0 18px;
  padding:16px;
  border:1px solid rgba(99,148,232,.22);
  border-radius:18px;
  background:rgba(11,18,34,.76);
}
.sc-review-filter-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.sc-review-filter-row button,
.sc-skill-filter select{
  min-height:38px;
  border:1px solid rgba(147,197,253,.24);
  border-radius:999px;
  color:#dbeafe;
  background:rgba(15,23,42,.74);
  font:850 12px/1 var(--sc-font-ui);
}
.sc-review-filter-row button{
  padding:0 14px;
  cursor:pointer;
}
.sc-review-filter-row button.active{
  color:#f8fbff;
  border-color:rgba(45,212,191,.55);
  background:rgba(20,184,166,.18);
}
.sc-skill-filter{
  display:flex;
  align-items:center;
  gap:10px;
  color:#9fb0ca;
  font:850 12px/1 var(--sc-font-ui);
}
.sc-skill-filter select{
  width:min(360px,100%);
  padding:0 14px;
}
.sc-saved-review-card{
  margin:0 0 14px;
  padding:20px;
  border:1px solid rgba(99,148,232,.24);
  border-radius:18px;
  background:rgba(11,18,34,.74);
}
.sc-review-card-top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}
.sc-review-card-top span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#93c5fd;
  background:rgba(59,130,246,.14);
  font:900 12px/1 var(--sc-font-ui);
}
.sc-review-card-top strong{
  flex:1;
  color:#f8fbff;
  font:900 15px/1.2 var(--sc-font-ui);
}
.sc-review-card-top em{
  color:#9fb0ca;
  font:850 12px/1 var(--sc-font-ui);
  font-style:normal;
}
.sc-saved-review-card.ok .sc-review-card-top em{color:#5eead4}
.sc-saved-review-card.bad .sc-review-card-top em{color:#fca5a5}
.sc-review-passage{
  margin:0 0 14px;
  padding:16px;
  border-left:3px solid #3b82f6;
  border-radius:12px;
  color:#dbeafe;
  background:rgba(15,23,42,.72);
  font:600 15px/1.75 var(--sc-font-ui);
}
.sc-saved-review-card p{
  margin:0 0 14px;
  color:#f8fbff;
  font:800 17px/1.55 var(--sc-font-ui);
}
.sc-review-choices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.sc-review-choice{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:10px;
  padding:12px;
  border:1px solid rgba(147,197,253,.18);
  border-radius:12px;
  color:#cbd7ea;
  background:rgba(15,23,42,.58);
  font:650 14px/1.45 var(--sc-font-ui);
}
.sc-review-choice b{
  color:#93c5fd;
}
.sc-review-choice.right{
  border-color:rgba(94,234,212,.45);
  background:rgba(20,184,166,.12);
}
.sc-review-choice.wrong{
  border-color:rgba(248,113,113,.42);
  background:rgba(127,29,29,.14);
}
.sc-review-explain{
  display:grid;
  gap:8px;
  margin-top:14px;
  color:#b9c7dc;
  font:650 14px/1.6 var(--sc-font-ui);
}
.sc-review-explain b{
  color:#f8fbff;
}
.sc-table-wrap{
  margin-top:24px;
  overflow:auto;
}
.sc-compare-table{
  width:100%;
  min-width:980px;
  border-collapse:collapse;
}
.sc-compare-table th,
.sc-compare-table td{
  padding:16px;
  border-bottom:1px solid rgba(99,148,232,.16);
  text-align:left;
  vertical-align:top;
  color:#cbd7ea;
  font:650 14px/1.45 var(--sc-font-ui);
}
.sc-compare-table th{
  color:#8ab4ff;
  background:rgba(37,99,235,.08);
  font:900 12px/1 var(--sc-font-ui);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sc-compare-table td strong{
  display:block;
  color:#f8fbff;
  font:900 15px/1.2 var(--sc-font-ui);
}
.sc-compare-table td small{
  display:block;
  margin-top:5px;
  color:#8b9ab2;
}
.sc-compare-table textarea{
  width:220px;
  min-height:82px;
  resize:vertical;
  border:1px solid rgba(147,197,253,.22);
  border-radius:12px;
  padding:10px;
  color:#f8fbff;
  background:rgba(15,23,42,.72);
  font:650 13px/1.45 var(--sc-font-ui);
}
.sc-bucket{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  color:#dbeafe;
  background:rgba(59,130,246,.14);
  font:900 12px/1 var(--sc-font-ui);
  text-transform:capitalize;
}
.sc-bucket.reach{background:rgba(248,113,113,.16);color:#fecaca}
.sc-bucket.target{background:rgba(59,130,246,.16);color:#bfdbfe}
.sc-bucket.likely{background:rgba(20,184,166,.16);color:#99f6e4}
.sc-writing-grid{
  display:grid;
  grid-template-columns:minmax(420px,1fr) minmax(320px,.7fr);
  gap:20px;
  margin-top:24px;
}
.sc-score-form{
  display:grid;
  gap:16px;
  padding:22px;
}
.sc-score-form label{
  display:grid;
  gap:8px;
  color:#9fb0ca;
  font:850 12px/1 var(--sc-font-ui);
  letter-spacing:.04em;
  text-transform:uppercase;
}
.sc-score-form select,
.sc-score-form input,
.sc-score-form textarea{
  width:100%;
  border:1px solid rgba(147,197,253,.24);
  border-radius:12px;
  color:#f8fbff;
  background:rgba(15,23,42,.72);
  font:700 15px/1.4 var(--sc-font-ui);
}
.sc-score-form select,
.sc-score-form input{
  min-height:46px;
  padding:0 12px;
}
.sc-score-form textarea{
  min-height:110px;
  padding:12px;
  resize:vertical;
}
.sc-rubric-inputs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.sc-writing-summary{
  padding:24px;
}
.sc-writing-summary p{
  margin:16px 0 0;
  color:#b9c7dc;
  font:650 15px/1.65 var(--sc-font-ui);
}
.sc-empty-state,
.sc-polished-empty{
  border:1px solid rgba(99,148,232,.20)!important;
  border-radius:16px!important;
  padding:18px!important;
  color:#b9c7dc!important;
  background:rgba(15,23,42,.58)!important;
  font:700 14px/1.55 var(--sc-font-ui)!important;
}
.sc-empty-state.large{
  display:grid;
  justify-items:start;
  gap:10px;
  margin-top:24px;
  padding:28px!important;
}
.sc-empty-state.large b{
  color:#f8fbff;
  font:900 22px/1.2 var(--sc-font-ui);
}
.sc-empty-state.large span{
  max-width:620px;
}
.sc-empty-state.compact{
  padding:12px!important;
}
.sc-unified-type{
  letter-spacing:0!important;
  text-transform:none!important;
}
@media(max-width:980px){
  .sc-page-hero,
  .sc-writing-grid{
    grid-template-columns:1fr;
  }
  .sc-command-summary,
  .sc-mini-chart-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sc-review-choices{
    grid-template-columns:1fr;
  }
}
@media(max-width:680px){
  .sc-page-shell,
  .sc-page-action-bar{
    width:calc(100vw - 24px);
  }
  .sc-page-hero{
    padding:22px;
  }
  .sc-command-summary,
  .sc-mini-chart-grid,
  .sc-rubric-inputs,
  .sc-saved-test-trend{
    grid-template-columns:1fr;
  }
}

/* Deployment boot lock: prevent any older static shell from flashing before the current home renderer runs. */
body.sc-booting{
  background:#050914!important;
  overflow:hidden!important;
}
body.sc-booting #app,
body.sc-booting .pro-ambient-compass,
body.sc-booting header,
body.sc-booting .drawer,
body.sc-booting .drawer-overlay,
body.sc-booting #install-banner{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.sc-booting::after{
  content:"Student Compass";
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  display:grid!important;
  place-items:center!important;
  color:#f8fbff!important;
  background:#050914!important;
  font:800 20px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.02em!important;
  pointer-events:none!important;
}