.school-promo{position:relative;padding:90px 0;color:#fff;background:#071f59;scroll-margin-top:100px;isolation:isolate;overflow:hidden}
.school-promo:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(4,20,65,.9),rgba(31,22,95,.7)),url('../images/optimized/directions-space-background.ec9da8dd6be7.webp') center/cover}
.school-flightdeck{display:grid;grid-template-columns:1.12fr 1fr;position:relative;gap:18px 24px;padding:54px 50px 32px;border:1px solid #85d9ff66;border-radius:38px;background:linear-gradient(130deg,#103c7be6,#30236bd9);box-shadow:0 22px 70px #030e3f66,inset 0 1px 0 #b7efff33}
.school-kicker{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#93eaff;font-size:15px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.school-kicker>span{font-size:23px;color:#ffe281}.school-promo h2{margin:0 0 23px;font-size:clamp(55px,6vw,82px);line-height:.94;letter-spacing:-.025em}.school-promo h2>span{color:#86eaff;text-shadow:0 0 28px #48baff45}
.school-lead{max-width:450px;margin:0 0 22px;color:#e5f5ff;font-size:24px;line-height:1.28}.school-features{display:flex;flex-wrap:wrap;gap:10px 16px;margin:0 0 28px;padding:0;list-style:none}.school-features li{display:flex;align-items:center;gap:7px;font-size:16px;color:#cee8ff}.school-features li>span{font-size:21px;color:#ffe489}
.home-page .school-start{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:64px;padding:16px 24px;border:1px solid #ffc4b84d;border-radius:18px;background:linear-gradient(110deg,#ff775c,#ff436e);box-shadow:0 12px 30px #ff4e7145;color:#fff;font-weight:700;font-size:24px;transition:transform .2s,box-shadow .2s}.school-start>span{font-size:29px;line-height:1}.school-start:hover{transform:translateY(-3px);box-shadow:0 17px 36px #ff4e7166}.school-start:focus-visible{outline:3px solid #ffe889;outline-offset:5px}.school-parent-note{margin:13px 0 0;color:#c0d8ed;font-size:16px}
.school-promo-crew{position:relative;display:grid;place-items:center;min-width:0;align-self:center;min-height:400px}.school-planet{position:absolute;width:92%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 25%,#86ecff,#307ce3 45%,#5c3eb1 80%);box-shadow:0 0 50px #40c1fa40,inset -24px -20px 55px #17116599;border:1px solid #a1edff88}.school-planet:after{content:"";position:absolute;inset:30%;border:2px solid #b7ecff5c;transform:rotate(-22deg) scale(3.5,1.05);border-radius:50%}.school-crew-image{position:relative;width:100%;height:auto;filter:drop-shadow(0 14px 10px #071c5445)}
.school-sticker-note{position:absolute;bottom:4px;right:-12px;display:flex;align-items:center;gap:10px;padding:10px 20px 10px 8px;border:1px solid #d9c1ff80;border-radius:19px;background:#392881ed;box-shadow:0 13px 34px #050f3f66;transform:rotate(-4deg);animation:school-note-float 5s ease-in-out infinite}.school-sticker-note img{width:65px;height:65px;object-fit:contain}.school-sticker-note span{font-size:18px;line-height:1.2;color:#e5dcff}.school-sticker-note strong{font-size:22px;color:#ffe88b}.school-spark{position:absolute;color:#ffe88b;text-shadow:0 0 17px #ffe38a88;z-index:1}.school-spark-one{left:2%;top:7%;font-size:44px}.school-spark-two{right:-4%;top:16%;font-size:58px;color:#a9edff}.school-spark-three{left:3%;bottom:13%;font-size:27px}
.school-games{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:27px}.school-game{display:flex;flex-direction:column;align-items:center;padding:15px 12px 19px;border:1px solid #7cc9ff55;border-radius:23px;background:linear-gradient(160deg,#1d5c9b88,#12295f88);text-align:center}.school-game-count{border-color:#ffdb8766;background:linear-gradient(160deg,#95663155,#3b346e88)}.school-game-pattern{border-color:#cbacff66;background:linear-gradient(160deg,#754eaa66,#30236b88)}.school-game-art{display:flex;align-items:center;justify-content:center;width:100%;height:95px;gap:4px;margin-bottom:10px}.school-game-art img{width:72px;height:90px;object-fit:contain}.school-game-art>span{font-size:31px;color:#c4e8ff;margin:0 8px}.school-game-art .school-rocket-shadow{filter:brightness(0);opacity:.72;transform:rotate(25deg)}.school-game-count .school-game-art{gap:0}.school-game-count .school-game-art img{width:55px;height:75px}.school-game-art>b{font-size:32px;color:#ffe58f}.school-game>strong{font-size:25px;line-height:1.1}.school-game>span{margin-top:7px;font-size:17px;color:#cadff6}
.school-pattern{gap:14px}.school-pattern i{display:block;flex-shrink:0}.school-shape-circle{width:36px;height:36px;background:#76dbff;border-radius:50%;box-shadow:inset -3px -4px 0 #318fbe66}.school-shape-triangle{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:38px solid #ffc779}.school-pattern>b{display:grid;place-items:center;width:42px;height:48px;border:1px dashed #dbc7ff88;border-radius:10px;color:#e2cdff}
@keyframes school-note-float{50%{transform:translateY(-7px) rotate(-2deg)}}
@media(max-width:1000px){.school-flightdeck{padding:38px 30px 28px;gap:16px}.school-promo h2{font-size:61px}.school-lead{font-size:22px}.school-promo-crew{min-height:330px}.school-sticker-note{right:-8px;padding-right:12px}.school-sticker-note span{font-size:16px}.school-sticker-note strong{font-size:20px}.school-game>strong{font-size:23px}.school-pattern{gap:9px}.school-shape-circle{width:29px;height:29px}.school-shape-triangle{border-left-width:16px;border-right-width:16px;border-bottom-width:32px}}
@media(max-width:700px){.school-promo{padding:54px 0}.school-promo .container{width:calc(100% - 28px)}.school-flightdeck{grid-template-columns:1fr;padding:30px 22px 22px;border-radius:27px;gap:12px}.school-kicker{font-size:12px;letter-spacing:.1em;margin-bottom:16px}.school-promo h2{font-size:clamp(49px,13vw,72px);margin-bottom:20px}.school-lead{font-size:22px;max-width:none}.school-features{gap:8px 14px;margin-bottom:23px}.school-features li{font-size:15px}.home-page .school-start{width:100%;font-size:22px;padding:14px 19px;min-height:60px}.school-parent-note{font-size:14px;text-align:center}.school-promo-crew{min-height:0;width:min(310px,90%);justify-self:center;margin:8px 0 18px}.school-sticker-note{bottom:-5px;right:-15px;padding:7px 12px 7px 4px;gap:4px}.school-sticker-note img{width:50px;height:50px}.school-sticker-note span{font-size:14px}.school-sticker-note strong{font-size:18px}.school-spark-one{font-size:30px}.school-spark-two{font-size:35px}.school-games{margin-top:5px;gap:8px}.school-game{padding:10px 5px 12px;border-radius:16px}.school-game-art{height:66px;margin-bottom:8px;gap:0}.school-game-art img{width:35px;height:62px}.school-game-art>span{font-size:22px;margin:0 3px}.school-game-count .school-game-art img{width:25px;height:48px}.school-game-art>b{font-size:22px}.school-game>strong{font-size:18px;line-height:1.12}.school-game>span{font-size:13px;line-height:1.2;margin-top:5px}.school-pattern{gap:5px}.school-shape-circle{width:15px;height:15px}.school-shape-triangle{border-left-width:9px;border-right-width:9px;border-bottom-width:18px}.school-pattern>b{width:23px;height:28px;font-size:20px}.school-spark-three{bottom:17%}}
@media(prefers-reduced-motion:reduce){.school-sticker-note{animation:none}.school-start{transition:none}}
/* Keep the invitation and its button together on a laptop screen. */
.school-promo{padding-top:56px;padding-bottom:56px;scroll-margin-top:0}.school-flightdeck{padding:38px 42px 27px}.school-promo h2{font-size:clamp(55px,5.6vw,74px);margin-bottom:19px}.school-kicker{margin-bottom:17px}.school-lead{font-size:23px;margin-bottom:19px}.school-features{margin-bottom:23px}.school-promo-crew{min-height:350px;max-width:405px;justify-self:center;width:100%}.school-games{margin-top:20px}.school-game-art{height:76px}.school-game-art img{height:75px}.school-game{padding-top:10px;padding-bottom:16px}
@media(max-width:700px){.school-flightdeck{padding:30px 22px 22px}.school-promo h2{font-size:clamp(40px,12.5vw,70px)}.school-lead{font-size:22px}.school-promo-crew{min-height:0;width:min(270px,90%)}.school-game-art{height:66px}.school-game-art img{height:62px}.school-games{margin-top:5px}.school-game{padding:10px 5px 12px}}