.school-promo{--ink: #fff;--ink-muted: #bcb8cd;--surface: #171a2c;--surface-raised: #25283f;--line: #68627b;--tile-correct: #75539b;width:min(1024px,calc(100% - 2rem));margin:.75rem auto;border:1px solid #555078;border-radius:1rem;background:radial-gradient(ellipse at 95% 0%,#344778 0%,transparent 60%),linear-gradient(115deg,#251634,#14172b);color:#fff;overflow:hidden}.school-promo__offer{display:flex;align-items:center;gap:.9rem;padding:.6rem .75rem .6rem 1rem}.school-promo__icon{font-size:1.5rem;line-height:1}.school-promo__copy{flex:1;min-width:0}.school-promo__eyebrow{display:block;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#cfb7ff}.school-promo h2{margin:.1rem 0 0;font-size:1.02rem;letter-spacing:-.01em;line-height:1.25}.school-promo p{margin:0;font-size:.88rem;line-height:1.5;color:#dddbea}.school-promo__previews{display:flex;gap:.7rem}.school-promo__tiles{display:flex;gap:2px}.school-promo__tiles span{display:grid;place-items:center;width:17px;height:19px;border-radius:3px;color:#fff;font-size:.58rem;font-weight:800}.school-promo__count{flex:0 0 auto;font-size:.78rem;font-weight:700;color:#d9ccff;text-underline-offset:3px;white-space:nowrap}.school-promo__count:hover{color:#fff}.school-promo__cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:.45rem;border:0;border-radius:999px;background:#fff;color:#221831;padding:.5rem .95rem;font:inherit;font-size:.82rem;font-weight:800;white-space:nowrap;cursor:pointer}.school-promo__cta:hover{background:#eee8ff}.school-promo__cta:focus-visible,.school-promo__dismiss:focus-visible,.school-promo__count:focus-visible{outline:3px solid #fff;outline-offset:3px}.school-promo__dismiss{flex:0 0 auto;border:0;border-radius:50%;background:#ffffff14;color:#ccc6de;font:inherit;font-size:1.15rem;line-height:1;cursor:pointer;width:32px;height:32px}.school-promo__dismiss:hover{background:#ffffff2b;color:#fff}.school-promo__form{max-width:540px;margin:0 auto;padding:0 1.2rem 1.2rem}.school-promo__form h3{margin:0 0 .5rem}.school-promo__form>p{margin-bottom:1rem}@media(max-width:900px){.school-promo__previews{display:none}}@media(max-width:560px){.school-promo__offer{gap:.6rem;padding:.55rem .6rem .55rem .8rem}.school-promo__icon,.school-promo__count{display:none}.school-promo h2{font-size:.9rem}.school-promo__cta{padding:.45rem .75rem;font-size:.76rem}}
