.bb-program-home,.bb-program-page,.bb-program-home *,.bb-program-page *{box-sizing:border-box}.bb-program-home{isolation:isolate;color:#f3ffff;background:linear-gradient(#02162475,#021825eb),url(/brand/home/mountain-world.webp) 50% 36%/cover no-repeat,#031c2a;width:100vw;max-width:100vw;min-height:min(740px,100svh - 80px);margin-inline:calc(50% - 50vw);padding:clamp(60px,10vh,112px) clamp(18px,5vw,72px) 90px;position:relative;overflow:hidden}.bb-program-home:before,.bb-program-home:after{z-index:-1;content:"";pointer-events:none;border-radius:50%;position:absolute}.bb-program-home:before{filter:blur(100px);background:#47dcd621;width:520px;height:520px;top:-290px;right:8%}.bb-program-home:after{filter:blur(100px);background:#5077ee1f;width:440px;height:440px;bottom:-280px;left:6%}.bb-program-home-inner{text-align:center;width:min(1120px,100%);margin-inline:auto}.bb-program-eyebrow{color:#8cece4;letter-spacing:.05em;margin:0 0 9px;font-size:13px;font-weight:900}.bb-program-home h1,.bb-program-page-head h1{color:#f7ffff;text-shadow:0 5px 28px #00000057;margin:0;font-size:clamp(31px,5vw,56px);font-weight:950;line-height:1.25}.bb-program-intro{color:#e7fafaba;margin:13px auto 0;font-size:clamp(14px,2vw,17px)}.bb-program-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:clamp(38px,7vh,68px) 0 0;display:grid}.bb-program-card{--program-color:#5ce2dc;border:1px solid color-mix(in srgb, var(--program-color) 36%, transparent);color:#f2ffff;background:linear-gradient(152deg,#093948de,#052233eb);border-radius:25px;flex-direction:column;align-items:center;min-height:270px;padding:25px 20px 20px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 17px 42px #00000040,inset 0 1px #ffffff14}.bb-program-card:before{content:"";background:linear-gradient(90deg, transparent, var(--program-color), transparent);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.bb-program-card:hover,.bb-program-card:focus-visible{border-color:color-mix(in srgb, var(--program-color) 76%, white 24%);box-shadow:0 24px 52px #00000054, 0 0 25px color-mix(in srgb, var(--program-color) 17%, transparent);outline:none;transform:translateY(-7px)}.bb-program-computer{--program-color:#62e5dc}.bb-program-math{--program-color:#93a9ff}.bb-program-science{--program-color:#79e8b4}.bb-program-english{--program-color:#d09cff}.bb-program-index{color:#e0faf878;font-variant-numeric:tabular-nums;font-size:11px;font-weight:900;position:absolute;top:14px;right:16px}.bb-program-icon{border:1px solid color-mix(in srgb, var(--program-color) 40%, transparent);width:74px;height:74px;color:var(--program-color);box-shadow:0 0 28px color-mix(in srgb, var(--program-color) 12%, transparent), inset 0 1px #ffffff24;background:radial-gradient(circle at 35% 25%,#ffffff26,#0b46567a 68%);border-radius:22px;place-items:center;margin:8px 0 19px;font-size:34px;font-weight:800;display:grid}.bb-program-card strong{font-size:clamp(17px,1.65vw,21px);font-weight:950}.bb-program-subtitle{color:#e2f6f5a6;margin-top:8px;font-size:12px}.bb-program-open{width:100%;color:var(--program-color);justify-content:center;align-items:center;gap:10px;margin-top:auto;padding-top:24px;font-size:13px;font-weight:900;display:flex}.bb-program-page{color:#f2ffff;width:min(1100px,100%);min-height:620px;margin:0 auto;padding:52px 18px 96px}.bb-program-page-head{text-align:center;margin:0 auto 54px;position:relative}.bb-program-page-head>p:last-child{color:#e1f5f5b3;margin:12px 0 0}.bb-program-back{color:#9cebe5;background:#03233280;border:1px solid #7be0dc42;border-radius:999px;margin-bottom:31px;padding:9px 13px;font-size:13px;font-weight:850;text-decoration:none;display:inline-flex}.bb-grade-roadmap{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:26px;display:grid;position:relative}.bb-grade-road{z-index:-1;background:linear-gradient(90deg,#497cbd,#48d7cb 50%,#7b75d7);border-radius:99px;height:7px;position:absolute;top:45px;left:12%;right:12%;box-shadow:0 0 22px #47d9cd40}.bb-grade-stop{--stop-color:#63e4dc;color:#f2ffff;background:linear-gradient(145deg,#0a3949eb,#041f30f7);border:1px solid #73dcda40;border-radius:24px;flex-direction:column;align-items:center;min-height:230px;padding:24px 21px 20px;text-decoration:none;transition:transform .18s,border-color .18s;display:flex;box-shadow:0 17px 42px #00000038,inset 0 1px #ffffff0f}.bb-grade-stop:nth-of-type(3){--stop-color:#94a9ff}.bb-grade-stop:nth-of-type(4){--stop-color:#d09cff}.bb-grade-stop:hover,.bb-grade-stop:focus-visible{border-color:color-mix(in srgb, var(--stop-color) 72%, white 28%);outline:none;transform:translateY(-5px)}.bb-grade-level{border:2px solid color-mix(in srgb, var(--stop-color) 70%, transparent);width:58px;height:58px;color:var(--stop-color);box-shadow:0 0 23px color-mix(in srgb, var(--stop-color) 30%, transparent);background:#082d40;border-radius:50%;place-items:center;margin:-1px 0 16px;font-size:26px;display:grid}.bb-grade-label{font-size:21px;font-weight:950}.bb-grade-meta{color:#def4f3a3;margin-top:7px;font-size:12px}.bb-grade-cta{color:#8ce8e2;align-items:center;gap:8px;margin-top:auto;padding-top:20px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.bb-program-admin-hint{color:#e0f3f28f;text-align:center;margin:30px 0 0;font-size:13px}.bb-program-empty{color:#e7f9f8c2;text-align:center;background:#05253599;border:1px dashed #7fdcd852;border-radius:20px;grid-column:1/-1;padding:30px}.bb-program-empty-large{max-width:620px;margin:0 auto;padding:43px 24px}.bb-program-empty-large>span{font-size:36px}.bb-program-empty-large h2{margin:12px 0 6px;font-size:22px}.bb-program-empty-large p{color:#e7f9f8a6;margin:0}.bb-program-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.bb-program-book{background:linear-gradient(145deg,#093647e6,#031e2ef7);border:1px solid #73dcda33;border-radius:22px;grid-template-columns:96px minmax(0,1fr);gap:18px;min-height:230px;padding:20px;display:grid}.bb-program-book-art{background:#5ed2cf14;border:1px solid #7de0db33;border-radius:20px;place-items:center;width:88px;height:88px;font-size:42px;display:grid}.bb-program-book-art img{object-fit:contain;width:76px;height:76px}.bb-program-book-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.bb-program-book-copy>p{color:#8ce8e2;margin:0 0 5px;font-size:11px;font-weight:800}.bb-program-book-copy h2{margin:0;font-size:19px}.bb-program-book-copy>span{color:#e4f6f5a6;margin-top:8px;font-size:12px;line-height:1.8}.bb-program-book-meta{color:#e2f5f4b3;gap:7px;margin-top:12px;font-size:11px;display:flex}.bb-program-book-meta span{background:#ffffff0e;border-radius:99px;padding:5px 8px}.bb-program-book-copy .bb-grade-cta{margin-top:auto}@media (max-width:760px){.bb-program-home{min-height:calc(100svh - 65px);padding:54px 17px 72px}.bb-program-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px}.bb-program-card{border-radius:19px;min-height:220px;padding:19px 13px 16px}.bb-program-icon{border-radius:18px;width:60px;height:60px;margin:6px 0 14px;font-size:29px}.bb-program-open{padding-top:18px;font-size:12px}.bb-program-page{min-height:560px;padding:34px 15px 70px}.bb-program-page-head{margin-bottom:38px}.bb-grade-roadmap{grid-template-columns:1fr;gap:14px;padding-right:20px}.bb-grade-road{background:linear-gradient(#497cbd,#48d7cb 50%,#7b75d7);width:6px;height:auto;inset:35px 47px 35px auto}.bb-grade-stop{text-align:right;grid-template-rows:auto auto;grid-template-columns:58px minmax(0,1fr) auto;column-gap:13px;min-height:132px;padding:16px;display:grid}.bb-grade-level{grid-row:1/span 2;margin:0}.bb-grade-label{align-self:end;font-size:18px}.bb-grade-meta{align-self:start;margin-top:3px}.bb-grade-cta{grid-area:1/3/span 2;align-self:center;padding:0;font-size:11px}.bb-program-book-grid{grid-template-columns:1fr}}@media (max-width:380px){.bb-program-card{min-height:205px}.bb-program-subtitle{font-size:10px}.bb-program-book{grid-template-columns:65px minmax(0,1fr);gap:12px;padding:14px}.bb-program-book-art{border-radius:16px;width:64px;height:64px;font-size:32px}.bb-program-book-art img{width:56px;height:56px}}@media (prefers-reduced-motion:reduce){.bb-program-card,.bb-grade-stop{transition:none}}
