:root{--bg-color:#0f172a;--card-bg:#1e293bb3;--border-color:#ffffff1a;--primary:#6366f1;--primary-hover:#4f46e5;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#22d3ee;--success:#10b981;--warning:#f59e0b;--font-family:"Outfit", sans-serif}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;overflow-x:hidden}.intro-loader{z-index:9999;color:#fff;background:radial-gradient(circle at 50% 45%,#60a5fa26,#0000 34%),#050816;place-items:center;transition:opacity .65s,visibility .65s,transform .65s;display:grid;position:fixed;inset:0}.intro-loader-visible{opacity:1;visibility:visible;transform:translateY(0)}.intro-loader-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-20px)}.intro-loader:after{content:"";transform-origin:0;background:linear-gradient(90deg,#60a5fa,#22d3ee,#10b981);height:2px;animation:2.4s cubic-bezier(.76,0,.24,1) forwards introProgress;position:absolute;bottom:0;left:0;right:0}.intro-loader-inner{text-align:center;gap:1rem;display:grid}.intro-loader-mark{color:#ffffff9e;letter-spacing:0;text-transform:uppercase;font-size:.85rem;font-weight:600}.intro-loader h1{letter-spacing:0;min-width:360px;font-size:6.5rem;font-weight:800;line-height:.95;animation:.28s cubic-bezier(.76,0,.24,1) introWord}.screen{opacity:0;pointer-events:none;width:100%;min-height:100vh;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;transform:translateY(28px)}.screen.active{opacity:1;pointer-events:auto;position:relative;transform:translateY(0)}.screen.active .home-nav{animation:.85s cubic-bezier(.22,1,.36,1) 80ms both riseIn}.screen.active .home-eyebrow{animation:.8s cubic-bezier(.22,1,.36,1) .28s both riseIn}.screen.active .home-hero-title{animation:.9s cubic-bezier(.22,1,.36,1) .38s both riseIn}.screen.active .home-hero-text{animation:.9s cubic-bezier(.22,1,.36,1) .5s both riseIn}.screen.active .home-hero-cta{animation:.9s cubic-bezier(.22,1,.36,1) .62s both riseIn}.screen.active .home-hero-visual{animation:1s cubic-bezier(.22,1,.36,1) .44s both visualIn}.home-nav{z-index:50;-webkit-backdrop-filter:blur(18px);background:#0a0f1dc7;position:sticky;top:0}.home-brand{cursor:pointer;outline:none;transition:opacity .25s,transform .25s}.home-brand:hover,.home-brand:focus-visible{opacity:.82;transform:translateY(-1px)}.home-nav-links li{display:flex}.home-nav-link{color:#cbd5e1;cursor:pointer;font:inherit;background:0 0;border:0;padding:.3rem 0;transition:color .25s;position:relative}.home-nav-link:after{content:"";transform-origin:100%;background:linear-gradient(90deg,#60a5fa,#22d3ee);height:2px;transition:transform .28s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.home-nav-link:hover,.home-nav-link:focus-visible,.home-nav-link-active{color:#fff;outline:none}.home-nav-link:hover:after,.home-nav-link:focus-visible:after,.home-nav-link-active:after{transform-origin:0;transform:scaleX(1)}.home-nav-ghost,.home-nav-primary{will-change:transform}.home-nav-ghost:hover,.home-nav-primary:hover,.home-nav-ghost:focus-visible,.home-nav-primary:focus-visible{outline:none;transform:translateY(-2px)}.home-mascot{filter:drop-shadow(0 22px 34px #00000094);width:100%;animation:6s ease-in-out infinite alternate mascotDrift;display:block}.home-hero-title{letter-spacing:0!important}.cute-pearl-buddy{color:#eaf6ff;cursor:pointer;isolation:isolate;background:linear-gradient(135deg,#0f172abd,#0f172a61),radial-gradient(circle at 12% 28%,#22d3ee2e,#0000 34%);border:1px solid #94a3b82e;border-radius:999px;align-items:center;gap:18px;width:fit-content;margin-top:34px;padding:14px 18px 14px 16px;transition:transform .28s,border-color .28s,box-shadow .28s;display:inline-flex;position:relative;box-shadow:0 20px 45px #00000047,inset 0 1px #ffffff14}.cute-pearl-buddy:before{content:"";z-index:-1;border-radius:inherit;opacity:0;filter:blur(12px);background:linear-gradient(110deg,#60a5fa73,#34d39933,#a78bfa73);transition:opacity .28s;position:absolute;inset:-1px}.cute-pearl-buddy:hover,.cute-pearl-buddy:focus-visible{border-color:#7dd3fc80;outline:none;transform:translateY(-4px);box-shadow:0 24px 60px #00000059,0 0 50px #60a5fa29,inset 0 1px #ffffff1f}.cute-pearl-buddy:hover:before,.cute-pearl-buddy:focus-visible:before{opacity:1}.cute-buddy-speech{z-index:3;letter-spacing:.01em;white-space:nowrap;font-size:.86rem;font-weight:800;position:relative}.cute-buddy-speech:after{content:"->";color:#67e8f9;margin-left:8px;transition:transform .24s;display:inline-block}.cute-pearl-buddy:hover .cute-buddy-speech:after,.cute-pearl-buddy:focus-visible .cute-buddy-speech:after{transform:translate(4px)}.cute-buddy-stage{perspective:680px;place-items:center;width:96px;height:94px;display:grid;position:relative}.cute-buddy-shadow{filter:blur(2px);background:radial-gradient(#0ea5e957,#0000 72%);border-radius:999px;height:14px;animation:3.4s ease-in-out infinite buddyShadow;position:absolute;bottom:1px;left:20px;right:16px}.cute-buddy-body{width:74px;height:74px;transform-style:preserve-3d;background:radial-gradient(circle at 28% 20%,#fffffffa,#ffffff94 21%,#0000 34%),radial-gradient(circle at 72% 80%,#60a5fa4d,#0000 38%),linear-gradient(145deg,#f9feff 0%,#dff7ff 48%,#b9d6ff 100%);border-radius:50%;animation:3.4s ease-in-out infinite buddyFloat;position:relative;box-shadow:inset -14px -16px 26px #36538f3b,inset 10px 8px 24px #ffffffe6,0 18px 34px #0ea5e93b}.cute-buddy-body:after{content:"";filter:blur(1px);background:#ffffff8c;border-radius:50%;width:22px;height:14px;position:absolute;inset:8px 12px auto auto;transform:rotate(-24deg)}.cute-buddy-cap{width:60px;height:34px;position:absolute;top:-21px;left:10px;transform:rotate(-9deg)translateZ(18px)}.cute-buddy-cap-top{clip-path:polygon(50% 0,100% 35%,50% 70%,0 35%);filter:drop-shadow(0 7px 7px #0f172a57);background:linear-gradient(135deg,#172554,#4338ca 70%,#60a5fa);width:60px;height:25px;position:absolute;top:0;left:0}.cute-buddy-cap-base{background:linear-gradient(#312e81,#111827);border-radius:4px 4px 8px 8px;width:29px;height:12px;position:absolute;top:20px;left:18px}.cute-buddy-tassel{transform-origin:top;background:linear-gradient(#fde68a,#f59e0b);border-radius:999px;width:3px;height:24px;animation:2.5s ease-in-out infinite buddyTassel;position:absolute;top:12px;right:8px}.cute-buddy-tassel:after{content:"";background:#f59e0b;border-radius:0 0 8px 8px;width:12px;height:10px;position:absolute;bottom:-5px;left:-5px}.cute-buddy-eye{background:#1e293b;border-radius:999px;width:9px;height:12px;animation:5.2s infinite buddyBlink;position:absolute;top:31px;box-shadow:inset 2px 2px #ffffffe0}.cute-buddy-eye-left{left:23px}.cute-buddy-eye-right{right:23px}.cute-buddy-cheek{filter:blur(.2px);background:#f472b66b;border-radius:999px;width:12px;height:7px;position:absolute;top:45px}.cute-buddy-cheek-left{left:13px}.cute-buddy-cheek-right{right:13px}.cute-buddy-smile{border-bottom:2px solid #334155;border-radius:0 0 999px 999px;width:13px;height:8px;position:absolute;top:43px;left:31px}.cute-buddy-arm{background:linear-gradient(#e0f7ff,#a5d8ff);border-radius:999px;width:18px;height:8px;position:absolute;top:46px;box-shadow:inset -2px -2px 4px #3341551a}.cute-buddy-arm-left{left:-9px;transform:rotate(-28deg)}.cute-buddy-arm-right{transform-origin:0;right:-9px;transform:rotate(20deg)}.cute-pearl-buddy:hover .cute-buddy-arm-right,.cute-pearl-buddy:focus-visible .cute-buddy-arm-right{animation:.7s ease-in-out 2 buddyWave}.cute-buddy-foot{background:linear-gradient(#bfdbfe,#60a5fa);border-radius:999px;width:17px;height:9px;position:absolute;bottom:-5px;box-shadow:0 4px 8px #2563eb2e}.cute-buddy-foot-left{left:18px;transform:rotate(8deg)}.cute-buddy-foot-right{right:18px;transform:rotate(-8deg)}.cute-buddy-sparkle{clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%);filter:drop-shadow(0 0 10px);background:#67e8f9;width:9px;height:9px;animation:2.6s ease-in-out infinite buddySparkle;position:absolute}.cute-buddy-sparkle-one{color:#67e8f9;top:16px;left:9px}.cute-buddy-sparkle-two{color:#c4b5fd;width:7px;height:7px;animation-delay:-.8s;top:24px;right:9px}.cute-buddy-sparkle-three{color:#86efac;width:6px;height:6px;animation-delay:-1.6s;bottom:20px;right:18px}.home-hero-visual{--glow-x:50%;--glow-y:45%;--tilt-x:0deg;--tilt-y:0deg;perspective:1200px;isolation:isolate}.home-visual-glow{z-index:1;background:radial-gradient(circle at var(--glow-x) var(--glow-y), #22d3ee47, transparent 24%), radial-gradient(circle at 60% 42%, #818cf838, transparent 38%);filter:blur(18px);opacity:.78;pointer-events:none;border-radius:40px;transition:opacity .3s;position:absolute;inset:6%}.home-hero-visual:hover .home-visual-glow{opacity:1}.home-orbit-ring{z-index:0;pointer-events:none;border-radius:50%;position:absolute}.home-orbit-ring-md{border:1px solid #60a5fa38;width:500px;height:500px;animation:5.8s ease-in-out infinite ringBreath;box-shadow:inset 0 0 38px #60a5fa0a}.home-orbit-ring-lg{border:1px dashed #a78bfa3d;width:650px;height:650px;animation:26s linear infinite orbitSpin}.home-mascot-frame{z-index:5;width:90%;max-width:600px;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .22s ease-out;position:relative}.home-mascot-frame:before{content:"";z-index:-1;filter:blur(26px);background:radial-gradient(circle,#60a5fa38,#0000 68%);border-radius:42%;animation:4.8s ease-in-out infinite alternate mascotAura;position:absolute;inset:10% 12% 6%}.home-mascot-shine{z-index:6;pointer-events:none;opacity:0;border-radius:30px;position:absolute;inset:10% 7% 8%;overflow:hidden}.home-mascot-shine:after{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:30%;height:150%;position:absolute;top:-25%;left:-45%;transform:rotate(18deg)}.home-hero-visual:hover .home-mascot-shine{opacity:1}.home-hero-visual:hover .home-mascot-shine:after{animation:1.15s shineSweep}.home-skill-orb{--orb-color:#60a5fa;--orb-rgb:96, 165, 250;z-index:10;color:#e2e8f0;cursor:pointer;text-align:center;background:0 0;border:0;justify-items:center;gap:8px;animation:4.8s ease-in-out infinite skillFloat;display:grid;position:absolute}.home-skill-orb-web{--orb-color:#818cf8;--orb-rgb:129, 140, 248;animation-delay:-.7s;top:10%;right:15%}.home-skill-orb-game{--orb-color:#60a5fa;--orb-rgb:96, 165, 250;animation-delay:-1.8s;top:25%;left:5%}.home-skill-orb-ai{--orb-color:#a78bfa;--orb-rgb:167, 139, 250;animation-delay:-3.1s;bottom:25%;right:0}.home-skill-orb-design{--orb-color:#34d399;--orb-rgb:52, 211, 153;animation-delay:-2.4s;bottom:20%;left:15%}.home-orb-core{border:1px solid var(--orb-color);width:66px;height:66px;box-shadow:0 0 24px rgba(var(--orb-rgb), .42), inset 0 0 18px rgba(var(--orb-rgb), .1);background:linear-gradient(145deg,#0f172ae6,#0f172a9e),radial-gradient(circle at 32% 24%,#fff3,#0000 24%);border-radius:999px;place-items:center;transition:transform .28s,box-shadow .28s,border-color .28s;display:grid;position:relative}.home-orb-core:before{content:"";border:1px solid rgba(var(--orb-rgb), .24);border-radius:inherit;animation:2.8s ease-out infinite orbPulse;position:absolute;inset:-9px}.home-orb-core i{color:var(--orb-color);font-size:24px;transition:transform .28s,color .28s}.home-orb-label{color:#eef6ff;letter-spacing:.02em;text-shadow:0 8px 24px #0000008c;font-size:11px;font-weight:800;line-height:1.45}.home-skill-orb:hover,.home-skill-orb:focus-visible{outline:none;animation-play-state:paused}.home-skill-orb:hover .home-orb-core,.home-skill-orb:focus-visible .home-orb-core{box-shadow:0 0 36px rgba(var(--orb-rgb), .76), 0 0 80px rgba(var(--orb-rgb), .28), inset 0 0 24px rgba(var(--orb-rgb), .16);border-color:#fff;transform:translateY(-8px)scale(1.12)rotate(-5deg)}.home-skill-orb:hover .home-orb-core i,.home-skill-orb:focus-visible .home-orb-core i{color:#fff;transform:scale(1.08)}.home-skill-orb:focus-visible .home-orb-label{color:#fff}.home-particle{z-index:4;pointer-events:none;background:#22d3ee;border-radius:999px;width:8px;height:8px;animation:7s ease-in-out infinite particleDrift;position:absolute;box-shadow:0 0 24px #22d3ee}.home-particle-one{top:31%;left:27%}.home-particle-two{background:#a78bfa;width:6px;height:6px;animation-delay:-2.2s;top:22%;right:30%;box-shadow:0 0 22px #a78bfa}.home-particle-three{background:#34d399;width:7px;height:7px;animation-delay:-4s;bottom:30%;right:21%;box-shadow:0 0 22px #34d399}.home-experience{z-index:2;gap:5rem;max-width:1400px;margin:0 auto;padding:1rem 5% 6rem;display:grid;position:relative}.home-feature-section{background:radial-gradient(circle at 10% 10%,#60a5fa1f,#0000 32%),linear-gradient(135deg,#0f172ac7,#0f172a6b);border:1px solid #94a3b81f;border-radius:34px;padding:clamp(1.6rem,3vw,3rem);position:relative;overflow:hidden;box-shadow:0 30px 90px #00000047}.home-feature-section:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff0f,#0000);transition:opacity .3s;position:absolute;inset:0;transform:translate(-60%)}.home-feature-section:hover:before{opacity:1;animation:1.2s sectionShine}.section-kicker{color:#67e8f9;letter-spacing:.12em;text-transform:uppercase;background:#22d3ee14;border:1px solid #22d3ee38;border-radius:999px;align-items:center;width:fit-content;margin-bottom:1rem;padding:.45rem .8rem;font-size:.76rem;font-weight:900;display:inline-flex}.home-section-heading{max-width:760px;margin-bottom:2rem}.home-section-heading h2,.certificate-copy h2,.demo-class-banner h2{color:#f8fafc;letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.6rem);font-weight:900;line-height:1.02}.home-section-heading p,.certificate-copy p,.demo-class-banner p{color:#9fb0c8;max-width:680px;margin:1rem 0 0;font-size:1.02rem;line-height:1.7}.course-finder-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:1.5rem;display:grid}.quiz-card,.quiz-result-card,.project-card,.mentor-card,.learning-step,.faq-item,.certificate-card{background:#02061770;border:1px solid #94a3b81f;box-shadow:inset 0 1px #ffffff0d}.quiz-card{border-radius:26px;gap:1.15rem;padding:clamp(1.1rem,2vw,1.6rem);display:grid}.quiz-question h3{color:#e2e8f0;margin:0 0 .85rem;font-size:1rem}.quiz-options{flex-wrap:wrap;gap:.75rem;display:flex}.quiz-option{color:#cbd5e1;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b829;border-radius:999px;padding:.75rem 1rem;font-weight:700;transition:transform .22s,border-color .22s,background .22s,color .22s}.quiz-option:hover,.quiz-option:focus-visible,.quiz-option-active{color:#fff;background:#22d3ee24;border-color:#67e8f9;outline:none;transform:translateY(-2px)}.quiz-result-card{border-radius:28px;flex-direction:column;justify-content:space-between;min-height:100%;padding:1.6rem;display:flex;position:relative;overflow:hidden}.quiz-result-card:before{content:"";background:var(--match-accent);opacity:.18;filter:blur(26px);border-radius:50%;width:260px;height:260px;position:absolute;inset:-40% -10% auto auto}.quiz-progress{color:#cbd5e1;background:#ffffff14;border-radius:999px;width:fit-content;padding:.45rem .7rem;font-size:.78rem;font-weight:800;position:relative}.quiz-result-icon{width:76px;height:76px;color:var(--match-accent);background:#ffffff14;border-radius:24px;place-items:center;margin-top:1.7rem;font-size:2rem;display:grid;position:relative;box-shadow:0 0 36px #ffffff14}.quiz-result-card p{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin:1.4rem 0 .35rem;font-size:.75rem;font-weight:800;position:relative}.quiz-result-card h3{color:#fff;margin:0;font-size:1.55rem;line-height:1.15;position:relative}.quiz-result-card span{color:#b7c4d8;margin-top:.85rem;line-height:1.6;display:block;position:relative}.quiz-result-actions{gap:.75rem;margin-top:1.4rem;display:grid;position:relative}.quiz-result-actions button,.mentor-card button,.demo-banner-actions button{cursor:pointer;border:0;border-radius:14px;padding:.9rem 1.1rem;font-weight:900;transition:transform .22s,box-shadow .22s,opacity .22s}.quiz-result-actions button:first-child,.demo-banner-actions button:first-child{color:#fff;background:linear-gradient(90deg,#60a5fa,#818cf8);box-shadow:0 16px 36px #60a5fa38}.quiz-result-actions button:last-child,.demo-banner-actions button:last-child,.mentor-card button{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f}.quiz-result-actions button:hover,.quiz-result-actions button:focus-visible,.mentor-card button:hover,.mentor-card button:focus-visible,.demo-banner-actions button:hover,.demo-banner-actions button:focus-visible{outline:none;transform:translateY(-3px)}.project-showcase-grid,.mentor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.project-card{border-radius:28px;padding:1rem;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.project-card:hover{border-color:var(--project-accent);transform:translateY(-8px)rotate(-.5deg);box-shadow:0 24px 60px #00000042}.project-preview{background:linear-gradient(135deg, #ffffff1f, transparent 28%), radial-gradient(circle at 70% 30%, var(--project-accent), transparent 34%), #020617;border-radius:22px;align-items:flex-end;height:190px;margin-bottom:1.1rem;padding:1rem;display:flex;position:relative;overflow:hidden}.project-preview:after{content:"";background:linear-gradient(#ffffff24,#ffffff08);border-radius:18px 18px 6px 6px;height:46%;position:absolute;bottom:18%;left:12%;right:12%;transform:skew(-8deg)}.project-preview i{color:#fff;filter:drop-shadow(0 0 24px var(--project-accent));z-index:2;font-size:3rem;position:absolute;bottom:1.4rem;right:1.4rem}.project-window-dot{z-index:2;background:var(--project-accent);opacity:.9;border-radius:999px;width:9px;height:9px;margin-right:6px;position:relative}.project-card span{color:var(--project-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900;display:inline-flex}.project-card h3,.mentor-card h3,.learning-step h3{color:#fff;margin:.55rem 0;font-size:1.35rem}.project-card p,.mentor-card p,.learning-step p,.faq-item p{color:#9fb0c8;margin:0;line-height:1.65}.learning-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid;position:relative}.learning-timeline:before{content:"";background:linear-gradient(90deg,#0000,#60a5fa8c,#0000);height:1px;position:absolute;top:44px;left:7%;right:7%}.learning-step{border-radius:24px;padding:1.2rem;position:relative;overflow:hidden}.learning-step-index{color:#ffffff2e;font-size:2.8rem;font-weight:900;line-height:1}.learning-step-icon{color:#67e8f9;background:#60a5fa24;border-radius:16px;place-items:center;width:44px;height:44px;margin-top:.5rem;display:grid}.mentor-card{border-radius:28px;padding:1.4rem;transition:transform .25s,border-color .25s}.mentor-card:hover{border-color:var(--mentor-accent);transform:translateY(-6px)}.mentor-avatar{background:radial-gradient(circle at 30% 20%, #fff6, transparent 30%), var(--mentor-accent);color:#020617;border-radius:22px;place-items:center;width:68px;height:68px;font-size:1.35rem;font-weight:1000;display:grid;box-shadow:0 18px 34px #00000040}.mentor-card button{width:100%;margin-top:1.1rem}.demo-class-banner{background:radial-gradient(circle at 80% 20%,#34d39938,#0000 28%),linear-gradient(135deg,#064e3b8c,#0f172ab8);border:1px solid #34d39938;border-radius:34px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:clamp(1.6rem,4vw,3rem);display:grid;box-shadow:0 30px 90px #10b9811a}.demo-class-banner span{color:#86efac;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.8rem;font-size:.76rem;font-weight:900;display:inline-block}.demo-banner-actions{gap:.85rem;min-width:220px;display:grid}.certificate-section{grid-template-columns:minmax(0,.8fr) minmax(320px,.7fr);align-items:center;gap:1.6rem;display:grid}.certificate-card{color:#0f172a;background:linear-gradient(135deg,#fffffff5,#e0f2fef0),radial-gradient(circle at 85% 20%,#60a5fa66,#0000 28%);border-radius:30px;min-height:340px;padding:2rem;transition:transform .28s;position:relative;overflow:hidden;transform:rotate(1.4deg)}.certificate-card:hover{transform:rotate(0)translateY(-6px)}.certificate-card:before{content:"";border:2px solid #0f172a24;border-radius:22px;position:absolute;inset:18px}.certificate-ribbon{z-index:1;color:#fff;background:#0f172a;border-radius:999px;width:fit-content;padding:.45rem .8rem;font-size:.75rem;font-weight:900;position:relative}.certificate-card h3{z-index:1;letter-spacing:-.04em;margin:2.1rem 0 1rem;font-size:clamp(1.8rem,4vw,2.7rem);position:relative}.certificate-card p,.certificate-card span,.certificate-card strong{z-index:1;display:block;position:relative}.certificate-card p{color:#475569}.certificate-card strong{color:#1d4ed8;margin:.4rem 0;font-family:Georgia,serif;font-size:1.75rem}.certificate-seal{color:#78350f;background:radial-gradient(circle,#facc15,#f59e0b);border-radius:50%;place-items:center;width:78px;height:78px;font-size:2rem;display:grid;position:absolute;bottom:2rem;right:2.2rem;box-shadow:0 16px 30px #b4530947}.faq-list{gap:.8rem;display:grid}.faq-item{border-radius:20px;padding:1.1rem 1.25rem}.faq-item summary{color:#fff;cursor:pointer;font-weight:900;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:#67e8f9}.faq-item[open] summary:after{content:"-"}.faq-item p{padding-top:.85rem}.home-stat-card{transition:transform .24s,border-color .24s,box-shadow .24s;position:relative;overflow:hidden}.home-stat-card:after{content:"";background:linear-gradient(120deg,#0000,#ffffff14,#0000);position:absolute;inset:0;transform:translate(-100%)}.home-stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px #00000038;border-color:#60a5fa3d!important}.home-stat-card:hover:after{animation:.85s statShine}.home-stat-number{animation:2.6s ease-in-out infinite statPop;display:inline-block}.floating-whatsapp-cta{z-index:80;color:#fff;cursor:pointer;background:linear-gradient(135deg,#064e3be6,#0f172ad1),radial-gradient(circle at 20% 20%,#86efac47,#0000 38%);border:1px solid #86efac66;border-radius:999px;align-items:center;gap:.75rem;padding:.75rem 1rem .75rem .8rem;transition:transform .22s,box-shadow .22s;display:inline-flex;position:fixed;bottom:1.4rem;right:1.4rem;box-shadow:0 18px 45px #0000005c,0 0 36px #22c55e33}.floating-whatsapp-cta i{color:#052e16;background:#22c55e;border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.55rem;display:grid}.floating-whatsapp-cta span:not(.floating-whatsapp-pulse){text-align:left;color:#bbf7d0;text-transform:uppercase;letter-spacing:.08em;gap:.1rem;font-size:.72rem;font-weight:900;display:grid}.floating-whatsapp-cta strong{color:#fff;letter-spacing:0;text-transform:none;font-size:.9rem}.floating-whatsapp-cta:hover,.floating-whatsapp-cta:focus-visible{outline:none;transform:translateY(-5px)scale(1.02);box-shadow:0 24px 60px #0000006b,0 0 48px #22c55e52}.floating-whatsapp-pulse{border-radius:inherit;border:1px solid #86efac57;animation:2.4s ease-out infinite whatsappPulse;position:absolute;inset:-8px}.course-card{cursor:pointer;max-width:400px;transform-style:preserve-3d;background:#ffffff09;border:1px solid #ffffff12;border-radius:24px;flex:350px;transition:transform .32s,border-color .32s,box-shadow .32s;position:relative;overflow:hidden}.course-card:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff14,#0000);position:absolute;inset:0;transform:translate(-120%)}.course-card:hover{border-color:var(--course-accent);transform:translateY(-12px)rotateX(2deg)rotateY(-2deg);box-shadow:0 28px 70px #00000059,0 0 44px #ffffff0f}.course-card:hover:after{animation:.9s courseSweep}.course-card-media{background:var(--course-bg);place-items:center;height:200px;display:grid;position:relative;overflow:hidden}.course-card-media:before{content:"";background:var(--course-accent);opacity:.16;filter:blur(18px);border-radius:50%;height:90%;position:absolute;inset:auto -30% -45%}.course-card-glow{background:var(--course-accent);opacity:.16;filter:blur(26px);border-radius:50%;width:150px;height:150px;transition:transform .32s,opacity .32s;position:absolute;transform:scale(.9)}.course-card:hover .course-card-glow{opacity:.3;transform:scale(1.18)}.course-card-icon,.course-card-roblox-icon{z-index:1;filter:drop-shadow(0 18px 28px #00000042);transition:transform .32s,filter .32s;position:relative}.course-card:hover .course-card-icon,.course-card:hover .course-card-roblox-icon{filter:drop-shadow(0 0 26px #ffffff5c);transform:translateY(-6px)scale(1.08)rotate(-3deg)}.course-card-roblox-icon{background:#fff;border-radius:10px;place-items:center;width:84px;height:84px;display:grid;transform:skew(-10deg)}.course-card-roblox-icon div{background:#020617;border-radius:5px;width:30px;height:30px}.course-card-body{padding:30px}.course-card-tag{border-radius:7px;margin-bottom:15px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-block}.course-card-body h3{color:#fff;margin:0 0 15px;font-size:24px;line-height:1.25}.course-card-body p{color:#94a3b8;min-height:104px;margin:0 0 20px;line-height:1.6}.course-card-button{color:#fff;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:12px;font-weight:900;transition:background .22s,transform .22s,border-color .22s;display:inline-flex}.course-card-button:hover,.course-card-button:focus-visible{border-color:var(--course-accent);background:#ffffff1a;outline:none;transform:translateY(-2px)}.course-card-button i{transition:transform .22s}.course-card-button:hover i,.course-card-button:focus-visible i{transform:translate(4px)}@keyframes introProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes introWord{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes visualIn{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mascotDrift{0%{transform:translateY(0)rotate(-.6deg)}to{transform:translateY(-12px)rotate(.6deg)}}@keyframes buddyFloat{0%,to{transform:translateY(0)rotateX(0)rotateY(-7deg)}50%{transform:translateY(-9px)rotateX(5deg)rotateY(8deg)}}@keyframes buddyShadow{0%,to{opacity:.72;transform:scaleX(1)}50%{opacity:.42;transform:scaleX(.75)}}@keyframes buddyTassel{0%,to{transform:rotate(8deg)}50%{transform:rotate(-12deg)}}@keyframes buddyBlink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.15)}}@keyframes buddyWave{0%,to{transform:rotate(20deg)}50%{transform:rotate(-34deg)translateY(-3px)}}@keyframes buddySparkle{0%,to{opacity:.3;transform:translateY(0)scale(.78)rotate(0)}50%{opacity:1;transform:translateY(-8px)scale(1.2)rotate(45deg)}}@keyframes orbitSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.025)}to{transform:rotate(360deg)scale(1)}}@keyframes ringBreath{0%,to{opacity:.55;transform:scale(.97)}50%{opacity:.95;transform:scale(1.03)}}@keyframes skillFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(-12px)}}@keyframes orbPulse{0%{opacity:.72;transform:scale(.72)}to{opacity:0;transform:scale(1.35)}}@keyframes mascotAura{0%{opacity:.45;transform:scale(.95)}to{opacity:.85;transform:scale(1.05)}}@keyframes shineSweep{0%{transform:translate(0)rotate(18deg)}to{transform:translate(520%)rotate(18deg)}}@keyframes particleDrift{0%,to{opacity:.35;transform:translate(0,0)scale(.9)}50%{opacity:1;transform:translate(22px,-24px)scale(1.22)}}@keyframes sectionShine{0%{transform:translate(-70%)}to{transform:translate(70%)}}@keyframes statShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes statPop{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.04)}}@keyframes whatsappPulse{0%{opacity:.65;transform:scale(.96)}to{opacity:0;transform:scale(1.14)}}@keyframes courseSweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}.background-orbs{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.orb{filter:blur(100px);opacity:.5;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.orb1{background:var(--primary);width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.orb2{background:var(--accent);width:500px;height:500px;animation-delay:-5s;bottom:-100px;right:-100px}.orb3{background:#c026d3;width:300px;height:300px;animation-delay:-10s;top:30%;left:50%}.orb4{background:var(--primary);opacity:.3;width:600px;height:600px;top:-200px;right:-200px}.orb5{background:var(--success);opacity:.2;width:500px;height:500px;bottom:-100px;left:-100px}@keyframes float{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 25px 50px -12px #00000080}#login-section,#register-section,#forgot-password-section,#reset-password-section{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.login-card{z-index:10;flex-direction:column;gap:1.5rem;width:100%;max-width:450px;padding:3rem;display:flex}.logo{flex-direction:column;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.logo i{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3.5rem}.logo h1{font-size:1.8rem;font-weight:700}.subtitle{text-align:center;color:var(--text-muted);margin-bottom:1rem;font-size:1rem}.input-group{width:100%;margin-bottom:1.2rem;position:relative}.input-group i{color:var(--text-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-group i.password-toggle{cursor:pointer;z-index:2;transition:color .2s;left:auto;right:1rem}.password-toggle:hover{color:var(--accent)}.input-group input{border:1px solid var(--border-color);color:#fff;background:#0f172a80;border-radius:12px;outline:none;width:100%;padding:1rem 1rem 1rem 3rem;font-size:1rem;transition:all .3s}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6366f133}.form-options{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:.9rem;display:flex}.form-options a{color:var(--accent);text-decoration:none;transition:color .2s}.form-options a:hover{color:#fff}.btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.primary-btn{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;box-shadow:0 4px 15px #6366f166}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f199}#dashboard-section{flex-direction:column;min-height:100vh;padding:2rem;display:flex}.dashboard-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.logo-small{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.logo-small i{color:var(--primary)}.user-profile{align-items:center;gap:1rem;font-weight:500;display:flex}.avatar{border:1px solid var(--primary);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dashboard-content{flex-direction:column;flex:1;margin-top:2rem;display:flex}.section-top{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-top h2{text-transform:uppercase;letter-spacing:1px;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;display:flex}.section-top h2 i{color:var(--primary)}.date-badge{color:var(--warning);margin-left:1rem;font-size:1rem}.search-bar{align-items:center;display:flex}.search-bar input{border:1px solid var(--border-color);color:#fff;background:#0f172a80;border-radius:8px 0 0 8px;outline:none;padding:.5rem 1rem}.search-bar button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:0 8px 8px 0;padding:.6rem 1rem}.table-container{border-radius:16px;flex:1;padding:1rem;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0 .5rem;width:100%;min-width:1000px}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:1rem;font-size:.85rem}.data-table td{background:#ffffff08;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:1rem;font-size:.95rem}.data-table td:first-child{border-left:1px solid #ffffff0d;border-radius:8px 0 0 8px}.data-table td:last-child{border-right:1px solid #ffffff0d;border-radius:0 8px 8px 0}.data-table tr:hover td{background:#ffffff0f}.active-row td{background:#6366f11a;border-color:#6366f14d}.btn-small{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.8rem;transition:background .2s;display:inline-flex}.btn-small:hover{background:#fff3}.action-cell{gap:.5rem;display:flex}.btn-join{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.8rem;font-weight:700;transition:transform .2s;display:inline-flex;box-shadow:0 0 10px #10b98166}.btn-join:hover{transform:scale(1.05)}.btn-timer{background:var(--warning);color:#000;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.8rem;font-weight:700;display:inline-flex}.badge{text-transform:uppercase;border-radius:20px;padding:.3rem .6rem;font-size:.75rem;font-weight:700}.badge.tech{color:#34d399;background:#10b98133}.badge.event{color:#818cf8;background:#6366f133}@media (width<=1200px){.course-finder-grid,.certificate-section{grid-template-columns:1fr}.project-showcase-grid,.mentor-grid,.learning-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-timeline:before{display:none}.table-container{padding:.5rem}}@media (width<=768px){.intro-loader h1{min-width:0;font-size:3.5rem}.home-nav{flex-wrap:wrap;gap:1rem;align-items:flex-start!important}.home-nav-links{order:3;width:100%;overflow-x:auto;gap:1rem!important;padding-bottom:.25rem!important}.home-nav-actions{gap:.5rem!important}.home-nav-actions button{font-size:.85rem;padding:.7rem .85rem!important}.home-hero{flex-direction:column;min-height:auto!important;padding-top:2rem!important}.home-hero-copy{padding-right:0!important}.home-hero-title{font-size:3rem!important}.home-experience{gap:3rem;padding-bottom:5rem}.home-feature-section,.demo-class-banner{border-radius:24px}.project-showcase-grid,.mentor-grid,.learning-timeline,.demo-class-banner{grid-template-columns:1fr}.project-preview{height:160px}.quiz-options{display:grid}.demo-banner-actions{min-width:0}.certificate-card{min-height:300px;transform:none}.floating-whatsapp-cta{padding:.65rem;bottom:1rem;right:1rem}.floating-whatsapp-cta span:not(.floating-whatsapp-pulse){display:none}.cute-pearl-buddy{gap:12px;margin-top:24px;padding:12px 14px}.cute-buddy-stage{width:78px;height:78px}.cute-buddy-body{width:60px;height:60px}.cute-buddy-cap{top:-17px;left:5px;transform:rotate(-9deg)scale(.82)translateZ(18px)}.cute-buddy-eye{top:25px}.cute-buddy-eye-left{left:18px}.cute-buddy-eye-right{right:18px}.cute-buddy-cheek{top:37px}.cute-buddy-smile{top:36px;left:24px}.cute-buddy-speech{font-size:.78rem}.home-hero-visual{width:100%;margin-top:1rem;height:430px!important}.home-orbit-ring-md{width:330px;height:330px}.home-orbit-ring-lg{width:430px;height:430px}.home-mascot-frame{width:min(92%,390px)}.home-orb-core{width:52px;height:52px}.home-orb-core i{font-size:19px}.home-orb-label{font-size:9px}.home-skill-orb-web{top:3%;right:10%}.home-skill-orb-game{top:24%;left:0}.home-skill-orb-ai{bottom:24%;right:-2%}.home-skill-orb-design{bottom:15%;left:7%}#dashboard-section{padding:1rem}.data-table th,.data-table td{padding:.5rem;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.home-mascot,.cute-buddy-body,.cute-buddy-shadow,.cute-buddy-tassel,.cute-buddy-eye,.cute-buddy-arm-right,.cute-buddy-sparkle,.home-orbit-ring-md,.home-orbit-ring-lg,.home-skill-orb,.home-orb-core:before,.home-particle,.home-mascot-frame:before,.home-stat-number,.floating-whatsapp-pulse{animation:none!important}.home-mascot-frame,.cute-pearl-buddy,.cute-buddy-speech:after,.home-orb-core,.home-orb-core i,.course-card,.course-card-icon,.course-card-roblox-icon,.project-card,.mentor-card,.floating-whatsapp-cta{transition:none!important}}