.banner-grid{background-image:linear-gradient(#3b82f60a 1px,#0000 1px),linear-gradient(90deg,#3b82f60a 1px,#0000 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 65% at 50% 58%,#000 20%,#0000 78%);mask-image:radial-gradient(70% 65% at 50% 58%,#000 20%,#0000 78%)}.typewriter-stage{width:min(94vw,1000px);height:1.08em;position:relative}.typewriter-current{white-space:nowrap;border-right:2px solid #60a5fa;min-height:1em;padding-right:3px;animation:.75s step-end infinite typewriter-cursor;display:inline-block}@keyframes typewriter-cursor{50%{border-color:#0000}}.question-particle,.course-particle{will-change:left, top, transform, opacity;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute}.question-particle{--particle-radius:33px;left:-82px;top:calc(var(--start-top) - var(--particle-radius));color:#dbeafe;background:radial-gradient(circle at 35% 30%,#172554,#020617 72%);border:1px solid #60a5fa8c;width:66px;height:66px;animation-name:question-to-hub;animation-timing-function:linear;animation-iteration-count:infinite;box-shadow:0 0 24px #2563eb47}.course-particle{--particle-radius:32px;left:-32px;top:calc(50% - var(--particle-radius));width:64px;height:64px;color:var(--course-color);border:1px solid color-mix(in srgb, var(--course-color) 65%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--course-color) 24%, transparent), inset 0 0 14px #ffffff0a;background:radial-gradient(circle at 35% 28%,#172554,#020617 72%);animation-name:course-from-hub;animation-timing-function:linear;animation-iteration-count:infinite}.hub-wrap{width:clamp(150px,18vw,240px);height:clamp(150px,18vw,240px)}.hub-ring{background:linear-gradient(145deg,#2563ebbf,#1e40af33);border:2px solid #60a5fad9;border-radius:999px;place-items:center;padding:21px;display:grid;position:absolute;inset:17px;box-shadow:0 0 0 10px #2563eb24,0 0 0 24px #1e40af1a,0 0 56px #2563eb9e,inset 0 0 34px #60a5fa57}.hub-core{background:radial-gradient(circle at 50% 42%,#101b4d,#020617 70%);border:1px solid #93c5fd99;border-radius:999px;place-items:center;width:100%;height:100%;display:grid;overflow:hidden;box-shadow:inset 0 0 28px #1e40af8c,0 0 18px #2563eb47}.hub-ping{border:1px solid #3b82f694;border-radius:999px;animation:2.8s cubic-bezier(0,0,.2,1) infinite hub-ping;position:absolute;inset:0}.hub-ping-two{animation-delay:1.4s}.hub-orbit{border:1px solid #3b82f647;border-radius:999px;animation:7s linear infinite orbit-spin;position:absolute;inset:2px}.hub-orbit-dot{background:#93c5fd;border-radius:999px;width:8px;height:8px;position:absolute;top:-4px;left:50%;box-shadow:0 0 14px #3b82f6}.banner-benefits{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#081847eb,#020a23f5),#020617;border:1px solid #2563ebb3;border-radius:18px;justify-content:center;align-items:center;width:min(100% - 32px,720px);min-height:62px;padding:10px 22px;display:flex;position:absolute;bottom:54px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #3b82f614,0 0 24px #2563eb61,inset 0 1px 14px #3b82f61f}.banner-benefit{color:#cbd5e1;letter-spacing:.04em;white-space:nowrap;flex:1 1 0;justify-content:center;align-items:center;gap:11px;font-size:11px;font-weight:800;display:flex}.banner-benefit svg{color:#3b82f6;stroke-width:2.2px;filter:drop-shadow(0 0 8px #2563ebcc);flex:none;width:30px;height:30px}.banner-benefit-divider{background:linear-gradient(#0000,#3b82f6 25% 75%,#0000);flex:none;width:1px;height:34px;box-shadow:0 0 8px #2563eb8c}@keyframes question-to-hub{0%{left:-82px;top:calc(var(--start-top) - var(--particle-radius));opacity:.2;transform:scale(.9)}8%,86%{opacity:1}to{left:calc(100% - var(--particle-radius));top:calc(50% - var(--particle-radius));opacity:.15;transform:scale(.38)}}@keyframes course-from-hub{0%{left:calc(0px - var(--particle-radius));top:calc(50% - var(--particle-radius));opacity:.15;transform:scale(.38)}9%{opacity:1}42%{left:40%;top:calc(var(--bend-top) - var(--particle-radius));opacity:1;transform:scale(.68)}88%{opacity:1}to{left:calc(100% - var(--particle-radius));top:calc(var(--target-top) - var(--particle-radius));opacity:.2;transform:scale(.95)}}@keyframes hub-ping{0%{opacity:.8;transform:scale(.72)}80%,to{opacity:0;transform:scale(1.45)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@media (max-width:639px){.typewriter-current{font-size:.78em}.hub-wrap{width:clamp(142px,40vw,168px);height:clamp(142px,40vw,168px)}.hub-ring{padding:12px;inset:10px}.question-particle{--particle-radius:22px;width:44px;height:44px}.course-particle{--particle-radius:22px;width:44px;height:44px;left:-22px}.banner-benefits{border-radius:14px;min-height:52px;padding:8px;bottom:40px}.banner-benefit{letter-spacing:0;flex-direction:column;gap:3px;font-size:clamp(7px,2.15vw,9px)}.banner-benefit svg{width:21px;height:21px}.banner-benefit-divider{height:35px}}@media (max-width:374px){.banner-flow{height:280px!important}.hub-wrap{width:clamp(124px,40vw,142px);height:clamp(124px,40vw,142px)}.question-particle,.course-particle{--particle-radius:19px;width:38px;height:38px}.course-particle{left:-19px}}@media (min-width:640px) and (max-width:1023px){.question-particle{--particle-radius:27px;width:54px;height:54px}.course-particle{--particle-radius:27px;width:54px;height:54px;left:-27px}}@media (prefers-reduced-motion:reduce){.question-particle,.course-particle,.hub-ping,.hub-orbit{animation-play-state:paused}}