:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", var(--font-sans);--bg-primary:#11141d;--bg-secondary:#1b202d;--bg-tertiary:#222939;--text-primary:#f8fafc;--text-secondary:#b6bec9;--text-muted:#818a98;--color-primary:#735af2;--color-primary-hover:#8771f4;--color-accent:#2beeee;--color-accent-hover:#5af2f2;--color-success:#2dd272;--color-error:#e64d59;--color-warning:#ee9d2b;--glass-bg:#161c2d73;--glass-border:#ffffff14;--glass-blur:blur(16px);--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2.5rem;--spacing-xl:4rem;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 8px 30px #00000059;--shadow-lg:0 15px 40px #00000080;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--transition-bounce:all .4s cubic-bezier(.68, -.55, .265, 1.55);--transition-elastic:all .6s cubic-bezier(.34, 1.56, .64, 1);--color-neon-green:#25f47b;--color-processing:#4299f0;--glow-neon:0 0 15px var(--color-accent), 0 0 30px var(--color-accent)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 20%,#6366f11f 0%,#0000 45%),radial-gradient(circle at 85% 80%,#06b6d41a 0%,#0000 40%);width:120%;height:120%;position:fixed;top:-10%;left:-10%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.25}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{color:var(--text-secondary)}a{color:var(--color-accent);transition:var(--transition-smooth);text-decoration:none}a:hover{color:var(--color-accent-hover)}.container{width:100%;max-width:1200px;padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin-left:auto;margin-right:auto}.flex-center{justify-content:center;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.grid-auto{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--glass-blur);transition:var(--transition-smooth)}.glass-card-elevated{border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-lg), 0 0 20px #6366f133;-webkit-backdrop-filter:var(--glass-blur);transition:var(--transition-elastic);background:#161c2da6;border:1px solid #ffffff26;position:relative;overflow:hidden}.glass-card-elevated:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);height:2px;position:absolute;top:0;left:0;right:0}.hover-scale:hover{box-shadow:var(--shadow-lg);border-color:#6366f140;transform:translateY(-5px)scale(1.02)}.btn{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);border:none;outline:none;justify-content:center;align-items:center;padding:.75rem 1.75rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, #6c2bee 100%);color:var(--text-primary);box-shadow:0 4px 15px #6366f166}.btn-primary:hover{background:linear-gradient(135deg, var(--color-primary-hover) 0%, #7c42f0 100%);transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.btn-accent{border:2px solid var(--color-accent);color:var(--color-accent);background:0 0}.btn-accent:hover{background:var(--color-accent);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 0 15px #06b6d480}.neumorphic-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);font-family:var(--font-sans);cursor:pointer;text-align:left;width:100%;transition:var(--transition-bounce);will-change:transform, box-shadow;font-size:1.1rem;font-weight:500;position:relative;overflow:hidden;box-shadow:-4px -4px 10px #ffffff08,4px 4px 15px #0006}.neumorphic-btn:hover{background:var(--bg-tertiary);border-color:#ffffff26;transform:translateY(-2px)}.neumorphic-btn:active{transform:scale(.96);box-shadow:inset 2px 2px 10px #0009,inset -2px -2px 5px #ffffff05}.badge{text-transform:uppercase;border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.badge-success{color:var(--color-success);background:#10b98126;border:1px solid #10b9814d}.badge-accent{color:var(--color-accent);background:#06b6d426;border:1px solid #06b6d44d}.fade-in{will-change:opacity, transform;animation:.8s cubic-bezier(.25,.8,.25,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.slide-up-fade-in{animation:slideUpFadeIn .4s var(--transition-bounce) forwards;will-change:transform, opacity}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-out{will-change:transform, opacity;animation:.3s cubic-bezier(.55,.055,.675,.19) forwards slideOut}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.quiz-container{width:100%;position:relative;overflow:hidden}.pulse-glow{will-change:box-shadow;animation:2s infinite alternate pulseGlow}@keyframes pulseGlow{0%{box-shadow:0 0 5px var(--color-accent)}to{box-shadow:0 0 20px var(--color-accent), 0 0 35px var(--color-accent)}}.ad-slot-container{border-radius:var(--radius-sm);margin:var(--spacing-sm) auto;justify-content:center;align-items:center;min-height:50px;display:flex;overflow:hidden;background-color:#fff!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.slide-up-fade-in,.fade-in,.slide-out{animation-name:simpleFade!important}@keyframes simpleFade{0%{opacity:0;transform:none}to{opacity:1;transform:none}}}img,video{max-width:100%;height:auto;display:block}