@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";
:root{--learn-bg-deep:#0a1628;--learn-bg-surface:#0f2744;--learn-bg-card:#0e304c99;--learn-teal:#06d6a0;--learn-teal-light:#1affb2;--learn-cyan:#0ea5e9;--learn-purple:#a78bfa;--learn-pink:#f472b6;--learn-text:#e2e8f0;--learn-text-muted:#94a3b8;--learn-border:#06d6a026}*{box-sizing:border-box}html{scroll-behavior:smooth}body.learn-body{background:var(--learn-bg-deep);color:var(--learn-text);min-height:100vh;font-family:Nunito,sans-serif;overflow-x:hidden}body.learn-body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 20% 20%,#06d6a014 0%,#0000 50%),radial-gradient(60% 40% at 80% 80%,#0ea5e90f 0%,#0000 50%),radial-gradient(50% 30%,#a78bfa0a 0%,#0000 60%);position:fixed;inset:0}body.learn-body:after{content:"";filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle,#06d6a01f 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:8s ease-in-out infinite blobFloat;position:fixed;top:10%;right:5%}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-20px,20px)scale(1.05)}66%{transform:translate(10px,-10px)scale(.95)}}.glass-card{background:var(--learn-bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--learn-border);border-radius:1.5rem;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.gradient-text{background:linear-gradient(135deg,var(--learn-teal)0%,var(--learn-cyan)50%,var(--learn-purple)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-learn{opacity:0;animation:.7s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.animate-learn-delay-1{animation-delay:.1s}.animate-learn-delay-2{animation-delay:.2s}.animate-learn-delay-3{animation-delay:.3s}.animate-learn-delay-4{animation-delay:.4s}.animate-learn-delay-5{animation-delay:.5s}.scale-in{opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) forwards scaleIn}.scale-in-delay{opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) .2s forwards scaleIn}.float-anim{animation:4s ease-in-out infinite float}.float-anim-delay{animation:4s ease-in-out 1s infinite float}.btn-learn{background:linear-gradient(135deg,var(--learn-teal)0%,#0cb894 100%);color:#0a1628;cursor:pointer;border:none;border-radius:9999px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:800;transition:all .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #06d6a066,0 0 40px #06d6a033}.btn-learn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-learn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 30px #06d6a080,0 0 60px #06d6a04d}.btn-learn:hover:before{left:100%}.btn-learn:active{transform:translateY(-1px)scale(.98)}.progress-glow{background:linear-gradient(90deg,var(--learn-teal),var(--learn-cyan),var(--learn-teal));background-size:200% 100%;border-radius:9999px;animation:2s linear infinite shimmer;box-shadow:0 0 20px #06d6a080}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stat-card{text-align:center;background:linear-gradient(135deg,#06d6a01a 0%,#0ea5e90d 100%);border:1px solid #06d6a033;border-radius:1.25rem;padding:1.5rem;transition:all .3s}.stat-card:hover{border-color:#06d6a066;transform:translateY(-4px);box-shadow:0 12px 40px #06d6a026}.step-line{background:linear-gradient(180deg,var(--learn-teal)0%,transparent 100%);width:2px;height:40px;margin:0 auto}.deco-circle{pointer-events:none;border:1px solid #06d6a033;border-radius:50%;position:absolute}.deco-circle-1{width:200px;height:200px;animation:6s ease-in-out infinite float;top:5%;left:-50px}.deco-circle-2{width:150px;height:150px;animation:5s ease-in-out .5s infinite float;bottom:20%;right:-30px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--learn-bg-deep)}::-webkit-scrollbar-thumb{background:#06d6a04d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#06d6a080}.card-glow:hover{border-color:#06d6a04d;box-shadow:0 20px 60px #0006,0 0 40px #06d6a01a,inset 0 1px #ffffff1a}.text-learn{color:var(--learn-text)}.text-learn-muted{color:var(--learn-text-muted)}.bg-learn-deep{background:var(--learn-bg-deep)}.bg-learn-surface{background:var(--learn-bg-surface)}.border-learn{border-color:var(--learn-border)}