@layer components{:root{--accent-color:#64ffda;--accent-color-rgb:100, 255, 218;--secondary-color:#01cbff;--secondary-color-rgb:1, 203, 255}*{scroll-behavior:smooth;font-family:Inter,sans-serif}.hero-gradient{background:radial-gradient(circle,#2563eb40 0%,#0000 70%)}.fade-up{opacity:0;animation:.8s forwards fadeUp;transform:translateY(20px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.glassmorphism{-webkit-backdrop-filter:blur(4px);background:#ffffff03;border:1px solid #ffffff1a}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pulse-glow{0%{opacity:.3}to{opacity:.7}}.neon-glow{box-shadow:0 0 20px rgba(var(--accent-color-rgb), .6), 0 0 40px rgba(var(--accent-color-rgb), .3)}.comic-button-glow{animation:2s ease-in-out infinite comicGlow;position:relative}.comic-button-glow:before{content:"";background:linear-gradient(45deg, rgba(var(--accent-color-rgb), .8), var(--accent-color), rgba(var(--accent-color-rgb), .8));z-index:-1;opacity:0;background-size:200% 200%;border-radius:9999px;animation:2s ease-in-out infinite comicGlowRing;position:absolute;inset:-2px}@keyframes comicGlow{0%,to{box-shadow:0 0 10px rgba(var(--accent-color-rgb), .5), 0 0 20px rgba(var(--accent-color-rgb), .3), 0 0 30px rgba(var(--accent-color-rgb), .2)}50%{box-shadow:0 0 20px rgba(var(--accent-color-rgb), .8), 0 0 40px rgba(var(--accent-color-rgb), .6), 0 0 60px rgba(var(--accent-color-rgb), .4)}}@keyframes comicGlowRing{0%,to{opacity:0;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.fade-in{opacity:0;animation:.8s forwards fadeInUp;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.typing-animation{border-right:2px solid var(--accent-color);animation:1s infinite blink}@keyframes blink{0%,50%{border-color:#0000}51%,to{border-color:var(--accent-color)}}.premium-card-highlight:before{box-shadow:0 0 15px rgba(var(--accent-color-rgb), .1);opacity:1!important}.premium-card-highlight:hover{transform:scale(1.05)!important}.floating{animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-hover-highlight{transition:box-shadow .3s,border .3s,background .3s}.card-hover-highlight:hover{box-shadow:0 8px 32px rgba(var(--accent-color-rgb), .25), 0 0 0 4px var(--accent-color);border-color:var(--accent-color);background:rgba(var(--accent-color-rgb), .08);z-index:2}.benefit-card{-webkit-backdrop-filter:blur(4px);cursor:pointer;background:#ffffff03;border:1px solid #ffffff1a;transition:all .3s}.benefit-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 25px #ffffff1a}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.gradient-border-card{position:relative;border:none!important}.gradient-border-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--secondary-color), var(--accent-color));-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}#hero-pagination .w-3{transition:all .3s}#hero-pagination .w-3:hover{transform:scale(1.2)}.carousel-container{width:700%;display:flex}.carousel-slide{flex-shrink:0;width:14.285%;height:100%}.carousel-slide img{object-fit:cover;width:100%;height:100%;transition:transform .3s,opacity .3s}.carousel-slide[style*="cursor: pointer"]:hover img{opacity:.9;transform:scale(1.02)}.fade-text{transition:opacity .5s ease-in-out}.fade-text.fade-out{opacity:0}.fade-text.fade-in{opacity:1}.typing-effect{white-space:nowrap;border-right:2px solid #00ffff80;animation:.1s step-end typing,.8s step-end infinite blink-cursor;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-cursor{0%,to{border-color:#0000}50%{border-color:#00ffff80}}.shiny-gradient-button{background-size:200% 200%;animation:3s infinite gradientShift;position:relative;overflow:hidden}.shiny-gradient-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:-100%}@keyframes shine{0%{left:-100%}50%,to{left:100%}}@media (max-width:640px){#home{padding-top:6rem}.carousel-container{width:700%}.carousel-slide{width:14.285%}.feedback-card{min-width:280px!important;max-width:280px!important}.feedback-row{gap:12px!important;padding-left:16px!important;padding-right:16px!important}.chat-scroll-btn{padding:.5rem!important}.chat-scroll-btn i{font-size:1rem!important}}@media (min-width:641px) and (max-width:1023px){#home{padding-top:5rem}.carousel-container{width:700%}.carousel-slide{width:14.285%}}.story-card{border:1px solid #ffffff1a;transition:all .3s;position:relative;overflow:hidden}.story-card:before{content:"";opacity:0;z-index:1;background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);transition:opacity .3s;position:absolute;inset:0}.story-card:hover:before{opacity:1}.story-card:hover{border-color:#fff3;transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.story-card>*{z-index:2;position:relative}.story-card .w-12{transition:all .3s}.story-card:hover .w-12{transform:scale(1.1);box-shadow:0 8px 20px #0000004d}.story-card .bg-blue-500\/10,.story-card .bg-green-500\/10,.story-card .bg-purple-500\/10,.story-card .bg-orange-500\/10,.story-card .bg-teal-500\/10,.story-card .bg-indigo-500\/10{transition:all .3s}.story-card:hover .bg-blue-500\/10{background:#3b82f633;border-color:#3b82f666}.story-card:hover .bg-green-500\/10{background:#22c55e33;border-color:#22c55e66}.story-card:hover .bg-purple-500\/10{background:#9333ea33;border-color:#9333ea66}.story-card:hover .bg-orange-500\/10{background:#f9731633;border-color:#f9731666}.story-card:hover .bg-teal-500\/10{background:#14b8a633;border-color:#14b8a666}.story-card:hover .bg-indigo-500\/10{background:#6366f133;border-color:#6366f166}.story-card .text-xs.bg-blue-500,.story-card .text-xs.bg-green-500,.story-card .text-xs.bg-purple-500,.story-card .text-xs.bg-orange-500,.story-card .text-xs.bg-teal-500,.story-card .text-xs.bg-indigo-500{transition:all .3s}.story-card:hover .text-xs.bg-blue-500{background:#3b82f6e6;transform:scale(1.05)}.story-card:hover .text-xs.bg-green-500{background:#22c55ee6;transform:scale(1.05)}.story-card:hover .text-xs.bg-purple-500{background:#9333eae6;transform:scale(1.05)}.story-card:hover .text-xs.bg-orange-500{background:#f97316e6;transform:scale(1.05)}.story-card:hover .text-xs.bg-teal-500{background:#14b8a6e6;transform:scale(1.05)}.story-card:hover .text-xs.bg-indigo-500{background:#6366f1e6;transform:scale(1.05)}@media (max-width:640px){.story-card{padding:1rem}.story-card .w-12{width:2.5rem;height:2.5rem}.story-card h3{font-size:1rem}.story-card p{font-size:.875rem}}#learning-path-promo{position:relative}#learning-path-promo .path-node{filter:drop-shadow(0 0 4px #22d3ee80)}#learning-path-promo svg{filter:drop-shadow(0 0 20px #22d3ee33)}#advanced-learning-promo{position:relative}#advanced-learning-promo svg text{filter:drop-shadow(0 0 4px #22d3ee4d)}#advanced-learning-promo svg{filter:drop-shadow(0 0 20px #22d3ee33)}@media (max-width:768px){#learning-path-promo{padding-top:3rem;padding-bottom:3rem}#learning-path-promo .text-6xl{font-size:3rem}#learning-path-promo .text-5xl{font-size:2.5rem}#learning-path-promo .text-4xl{font-size:2rem}#learning-path-promo svg{max-width:100%;height:auto}#advanced-learning-promo{padding-top:3rem;padding-bottom:3rem}#advanced-learning-promo .text-6xl{font-size:3rem}#advanced-learning-promo .text-5xl{font-size:2.5rem}#advanced-learning-promo .text-4xl{font-size:2rem}#advanced-learning-promo svg{max-width:100%;height:auto}}#pa-toast-ui{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1e293b;z-index:9999999;opacity:0;pointer-events:none;background:#fffffff2;border:1px solid #fff3;border-radius:12px;align-items:center;gap:12px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .4s cubic-bezier(.18,.89,.32,1.28);display:flex;position:fixed;top:40px;left:50%;transform:translate(-50%)translateY(-20px);box-shadow:0 12px 40px #0000004d}#pa-toast-ui.pa-show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}#pa-toast-ui.pa-err{color:#ef4444;border-color:#fecaca}#pa-toast-ui .pa-toast-icon{width:20px;height:20px}.video-loader-overlay{z-index:20;-webkit-backdrop-filter:blur(8px);background:#0009;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility .6s;display:flex;position:absolute;inset:0}.video-loader-overlay.hidden-loader{opacity:0;visibility:hidden;pointer-events:none}.loader-ring-container{width:64px;height:64px;position:relative}.loader-ring-bg{border:4px solid rgba(var(--accent-color-rgb), .1);border-radius:50%;position:absolute;inset:0}.loader-ring-active{border:4px solid var(--accent-color);border-top-color:#0000;border-radius:50%;animation:1s linear infinite ring-spin;position:absolute;inset:0}.loader-percent-text{color:var(--accent-color);letter-spacing:.1em;text-shadow:0 0 10px rgba(var(--accent-color-rgb), .5);margin-top:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;font-weight:700}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input[name=level]:checked~span{color:#fff;font-weight:500}.peer:checked~span{color:#fff}}