.hero-section{isolation:isolate}.hero-slide-grid{display:grid;gap:2rem;grid-template-columns:1fr;grid-template-areas:"title" "visual" "body"}.slide-title-wrap{grid-area:title}.slide-visual-wrap{grid-area:visual}.slide-body-wrap{grid-area:body}@media(min-width:1024px){.hero-slide-grid{grid-template-columns:1.05fr 1fr;column-gap:3rem;row-gap:1.5rem;grid-template-areas:"title  visual" "body   visual";align-items:center}.slide-visual-wrap{align-self:center}}.bg-glow{position:absolute;border-radius:9999px;filter:blur(80px);opacity:.55}.bg-glow-1{top:-180px;right:-180px;width:520px;height:520px;background:radial-gradient(circle,rgba(228,33,39,.45),transparent 70%);animation:glowDrift1 16s ease-in-out infinite}.bg-glow-2{bottom:-220px;left:-160px;width:560px;height:560px;background:radial-gradient(circle,rgba(26,26,46,.25),transparent 70%);animation:glowDrift2 20s ease-in-out infinite}@keyframes glowDrift1{0%,to{transform:translate(0)}50%{transform:translate(-40px,50px)}}@keyframes glowDrift2{0%,to{transform:translate(0)}50%{transform:translate(40px,-40px)}}.bg-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(15,23,42,.06) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.bg-spark{position:absolute;width:6px;height:6px;border-radius:9999px;background:#e4212780;box-shadow:0 0 20px #e4212780;animation:sparkFloat 6s ease-in-out infinite}.bg-spark-1{top:18%;left:8%;animation-delay:0s}.bg-spark-2{top:68%;left:14%;animation-delay:1.5s;background:#e4212759}.bg-spark-3{top:28%;right:12%;animation-delay:3s;width:4px;height:4px}@keyframes sparkFloat{0%,to{transform:translateY(0);opacity:.9}50%{transform:translateY(-24px);opacity:.4}}.hero-dot{position:relative;height:6px;width:26px;border-radius:9999px;background:#cbd5e1;border:none;cursor:pointer;overflow:hidden;transition:width .3s,background .3s}.hero-dot:hover:not(.active){background:#94a3b8}.hero-dot.active{width:52px;background:#e421272e}.hero-dot-fill{position:absolute;top:0;bottom:0;left:0;width:0;background:#e42127;border-radius:9999px}.hero-dot.active .hero-dot-fill{animation:dotProgress 6s linear forwards}@keyframes dotProgress{0%{width:0}to{width:100%}}.orbit-scene{width:100%;max-width:460px;margin:0 auto}.orbit-ring{position:absolute;top:50%;left:50%;border-radius:9999px;border:1px dashed rgba(228,33,39,.22)}.orbit-ring-inner{width:62%;height:62%;transform:translate(-50%,-50%);animation:orbitSpin 36s linear infinite}.orbit-ring-outer{width:92%;height:92%;transform:translate(-50%,-50%);border-color:#e4212724;animation:orbitSpinRev 48s linear infinite}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbitSpinRev{to{transform:translate(-50%,-50%) rotate(-360deg)}}.pulse-halo{position:absolute;top:50%;left:50%;width:140px;height:140px;border-radius:9999px;border:1.5px solid rgba(228,33,39,.3);transform:translate(-50%,-50%);animation:pulseHalo 3.2s cubic-bezier(.4,0,.6,1) infinite}.pulse-halo.pulse-halo-delay{animation-delay:1.6s}.pulse-halo.pulse-halo-red{border-color:#e4212766}@keyframes pulseHalo{0%{transform:translate(-50%,-50%) scale(.85);opacity:.9}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.orbit-illustration{position:absolute;top:50%;left:50%;width:78%;height:78%;transform:translate(-50%,-50%);object-fit:contain;z-index:2;animation:orbitIllustrationFloat 6s ease-in-out infinite}@keyframes orbitIllustrationFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}.orbit-logo{position:absolute;top:50%;left:50%;width:44%;max-width:200px;height:auto;transform:translate(-50%,-50%);border-radius:24px;box-shadow:0 20px 50px -10px #e4212759;ring:1px solid rgba(255,255,255,.8);border:4px solid #fff;z-index:3;animation:orbitLogoPop 6s ease-in-out infinite}@keyframes orbitLogoPop{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.03)}}.mascot-scene{width:100%;max-width:460px;margin:0 auto}.mascot-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62%;height:auto;z-index:2;animation:mascotFloat 4.5s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(228,33,39,.25))}@keyframes mascotFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}.chat-bubble{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:12px;color:#334155;box-shadow:0 10px 24px -8px #0000002e;z-index:3;white-space:nowrap;animation:bubbleFloat 5s ease-in-out infinite}.chat-bubble-1{top:8%;left:2%;animation-delay:0s}.chat-bubble-2{top:22%;right:0%;animation-delay:1.2s}.chat-bubble-3{bottom:18%;left:0%;animation-delay:2.4s}.chat-bubble-4{bottom:6%;right:4%;animation-delay:3.6s}.chat-dot{width:7px;height:7px;border-radius:9999px;display:inline-block}@keyframes bubbleFloat{0%,to{transform:translateY(0);opacity:.95}50%{transform:translateY(-8px);opacity:1}}@media(max-width:640px){.chat-bubble{font-size:11px;padding:6px 10px}.chat-bubble-1{top:0;left:-2%}.chat-bubble-4{bottom:0;right:-2%}}.courses-scene{width:100%;max-width:460px;margin:0 auto}.course-card{position:absolute;width:68%;padding:18px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 18px 40px -12px #0000002e;z-index:2;transition:transform .3s}.course-card-back{top:8%;left:6%;transform:rotate(-6deg);opacity:.92}.course-card-mid{top:22%;left:18%;transform:rotate(-1deg);z-index:3}.course-card-front{top:38%;left:12%;transform:rotate(4deg);z-index:4;box-shadow:0 24px 60px -12px #e4212740;border-color:#e4212733;animation:cardTilt 4.5s ease-in-out infinite}@keyframes cardTilt{0%,to{transform:rotate(4deg) translateY(0)}50%{transform:rotate(2deg) translateY(-6px)}}.course-head{display:flex;align-items:center;justify-content:space-between}.course-tag{font-size:10px;font-weight:800;letter-spacing:.15em;color:#94a3b8}.course-title{margin-top:8px;font-size:15px;font-weight:800;color:#0f172a}.course-meta{margin-top:4px;font-size:12px;color:#64748b}.course-footer{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}.course-chip{font-size:10px;font-weight:800;padding:3px 8px;border-radius:9999px;background:#e421271a;color:#e42127;letter-spacing:.04em}.course-chip-outline{background:#fff;border:1px solid #e2e8f0;color:#334155}.float-badge{position:absolute;padding:6px 12px;background:#e42127;color:#fff;font-size:11px;font-weight:800;border-radius:9999px;box-shadow:0 10px 24px -6px #e4212780;z-index:5;white-space:nowrap;animation:badgeFloat 4s ease-in-out infinite}.float-badge-1{top:4%;right:2%;animation-delay:0s}.float-badge-2{top:48%;right:-4%;animation-delay:1.3s;background:#1a1a2e;box-shadow:0 10px 24px -6px #1a1a2e59}.float-badge-3{bottom:6%;right:8%;animation-delay:2.6s;background:#fff;color:#e42127;border:1px solid rgba(228,33,39,.3);box-shadow:0 10px 24px -6px #e4212733}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.bg-glow,.bg-spark,.orbit-ring,.orbit-illustration,.orbit-logo,.pulse-halo,.mascot-img,.chat-bubble,.course-card-front,.float-badge,.hero-dot.active .hero-dot-fill{animation:none!important}.hero-dot.active .hero-dot-fill{width:100%}}