:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#100d16;color:#f7f4fa;font-family:system-ui,sans-serif}header,main{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;align-items:center}a{color:#d6ff47}header a{text-decoration:none}.brand{font-weight:950;font-size:24px;color:#fff}.eyebrow{font-size:12px;letter-spacing:.18em;color:#d6ff47;font-weight:800}h1{font-size:clamp(32px,6vw,64px);line-height:1.05;max-width:850px;margin:20px 0}p{color:#c9c2d3;line-height:1.65}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.plan{padding:28px;border:1px solid #45334f;border-radius:24px;background:linear-gradient(140deg,#20172b,#15111d)}.plan h2{font-size:36px;color:#76dcff;margin:0 0 12px}.elite h2{color:#f3d276}.period{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:20px 0;border-top:1px solid #ffffff20}.period strong{font-size:25px}.period small{display:block;color:#bdb4c9;margin-top:6px}.period button{grid-column:1/-1}button,.button{border:0;border-radius:12px;padding:14px 18px;background:#d6ff47;color:#111;font:800 15px system-ui;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}.secondary{background:#33253e;color:#fff;border:1px solid #695477}#billing-message{padding:16px;border:1px solid #554265;border-radius:12px;min-height:58px}#billing-account:empty{display:none}#billing-account>div,.scholarships{padding:24px;background:#1d1625;border-radius:16px;margin:24px 0}footer{border-top:1px solid #ffffff20;padding:24px 0;display:flex;gap:24px;flex-wrap:wrap}ul{padding-left:20px;color:#c9c2d3;line-height:1.8}@media(max-width:650px){.plans{grid-template-columns:1fr}.plan{padding:22px}header,main{padding:18px}.period strong{font-size:23px}}

/* Compact, keyboard-accessible plan and duration selection. */
body .plan-tabs button small,body .period-choices button small{color:inherit!important;-webkit-text-fill-color:inherit!important}
body .plan-tabs button[aria-selected=true],body .plan-tabs button[aria-selected=true] small{color:#18200d!important;-webkit-text-fill-color:#18200d!important}
body .period-choices button[aria-pressed=true],body .period-choices button[aria-pressed=true] small{color:#28153b!important;-webkit-text-fill-color:#28153b!important}
.plan-tabs[hidden],.period-choices[hidden],.plans [hidden]{display:none!important}
.plan-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 0}
body .plan-tabs button{min-height:74px;background:#2d2338;color:#f8f3ff;border:2px solid #8c799f;text-align:left;font-size:22px}
body .plan-tabs button small{display:block;font:600 13px/1.5 system-ui;color:inherit;margin-top:4px}
body .plan-tabs button[aria-selected=true]{background:#d6ff62;color:#18200d;border-color:#d6ff62}
.plans.tabbed{display:block;margin:12px 0 20px}.tabbed .plan{padding:24px}.tabbed .plan>h2{font-size:28px;margin-bottom:8px}.tabbed .plan>.eyebrow{display:none}.tabbed .plan>p{margin:0 0 20px}
.period-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body .period-choices button{padding:12px 5px;min-height:62px;background:#30243d;color:#f7f2fc;border:1px solid #9583a7;font-size:14px}
.period-choices small{display:block;color:inherit;font-size:12px;margin-top:3px}
body .period-choices button[aria-pressed=true]{background:#e6d3ff;color:#28153b;border-color:#e6d3ff}
.tabbed .period{margin-top:18px;padding-bottom:0}.tabbed .period>small{grid-column:1/-1}
@media(max-width:650px){.tabbed .plan{padding:18px}.plan-tabs{gap:8px}.plan-tabs button{padding:12px}.plans.tabbed{margin-bottom:16px}h1{font-size:32px}}