*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#0a0a0f;color:#e2e8f0;min-height:100vh;overflow-x:hidden}code,pre,.mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9d5bf4}.neon-purple{box-shadow:0 0 20px #7c3aed80}.neon-cyan{box-shadow:0 0 20px #06b6d480}.glow-text{text-shadow:0 0 30px rgba(124,58,237,.8)}.card-flip-container{perspective:1000px;cursor:pointer}.card-flip{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.card-flip.flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%}.card-back{transform:rotateY(180deg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #7c3aed4d}50%{box-shadow:0 0 40px #7c3aedcc,0 0 60px #7c3aed66}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes particle-burst{0%{transform:scale(0) rotate(0);opacity:1}to{transform:scale(1.5) rotate(360deg);opacity:0}}@keyframes screen-flash{0%{opacity:0}50%{opacity:.3}to{opacity:0}}.shimmer-text{background:linear-gradient(90deg,#7c3aed,#06b6d4,#7c3aed,#06b6d4);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.grid-bg{background-image:linear-gradient(rgba(124,58,237,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.05) 1px,transparent 1px);background-size:50px 50px}.glass{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.glass-hover{transition:all .3s ease}.glass-hover:hover{background:#ffffff0f;border-color:#7c3aed66;transform:translateY(-4px);box-shadow:0 20px 40px #0006,0 0 30px #7c3aed33}.btn-primary{background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;color:#fff;padding:12px 28px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #7c3aed80}.btn-secondary{background:#06b6d426;border:1px solid rgba(6,182,212,.4);color:#06b6d4;padding:10px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.btn-secondary:hover{background:#06b6d440;transform:translateY(-2px);box-shadow:0 8px 20px #06b6d44d}.xp-bar-fill{background:linear-gradient(90deg,#7c3aed,#06b6d4);transition:width 1s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.xp-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s linear infinite}.tab-active{background:linear-gradient(135deg,#7c3aed22,#06b6d422);border-bottom:2px solid #7c3aed;color:#a78bfa}.code-block{font-family:JetBrains Mono,monospace;background:#0d0d1a;border:1px solid rgba(124,58,237,.3);border-radius:12px;padding:20px;white-space:pre;overflow-x:auto;font-size:14px;line-height:1.7;color:#a78bfa}.answer-correct{animation:correctFlash .6s ease}.answer-wrong{animation:wrongFlash .6s ease}@keyframes correctFlash{0%{background:#10b98100}30%{background:#10b9814d}to{background:#10b98100}}@keyframes wrongFlash{0%{background:#ef444400}30%{background:#ef44444d}to{background:#ef444400}}@keyframes xpPop{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-60px) scale(1.5);opacity:0}}.xp-pop{animation:xpPop 1s ease forwards;pointer-events:none;position:fixed;z-index:9999;font-weight:900;font-size:24px;color:#7c3aed;text-shadow:0 0 20px rgba(124,58,237,.8)}