:root{--bg-gradient-dark:linear-gradient(135deg, #0f0c1b 0%, #1a103c 40%, #2b0b3a 70%, #0d1b2a 100%);--bg-gradient-light:linear-gradient(135deg, #f0f4ff 0%, #e6eeff 40%, #f5e6ff 70%, #edf2f7 100%);--card-bg-dark:#ffffff0d;--card-bg-light:#ffffffbf;--card-border-dark:#ffffff1f;--card-border-light:#fff9;--text-primary-dark:#f8fafc;--text-secondary-dark:#cbd5e1;--text-primary-light:#1e293b;--text-secondary-light:#475569;--primary-accent:#8b5cf6;--primary-gradient:linear-gradient(135deg, #a855f7 0%, #6366f1 100%);--secondary-gradient:linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);--gold-gradient:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--emerald-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--cyan-gradient:linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 25px -5px #00000040, 0 8px 10px -6px #0000001a;--shadow-glow:0 0 25px #a855f759;--font-heading:"Fredoka", "Outfit", sans-serif;--font-body:"Plus Jakarta Sans", "Outfit", sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-body);min-height:100vh;transition:background .4s,color .4s;overflow-x:hidden}body.dark{background:var(--bg-gradient-dark);color:var(--text-primary-dark)}body.light{background:var(--bg-gradient-light);color:var(--text-primary-light)}.glass-panel{-webkit-backdrop-filter:blur(16px);border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark .glass-panel{background:var(--card-bg-dark);border:1px solid var(--card-border-dark);box-shadow:0 8px 32px #0000005e}body.light .glass-panel{background:var(--card-bg-light);border:1px solid var(--card-border-light);box-shadow:0 8px 32px #1f268714}.glass-button{cursor:pointer;font-family:var(--font-heading);border:none;border-radius:16px;outline:none;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.glass-button:hover{transform:translateY(-2px)scale(1.02)}.glass-button:active{transform:translateY(1px)scale(.98)}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px #a855f766}.btn-secondary{background:var(--secondary-gradient);color:#fff;box-shadow:0 4px 15px #ec489966}.btn-gold{background:var(--gold-gradient);color:#1e1b4b;box-shadow:0 4px 15px #fbbf2466}.btn-emerald{background:var(--emerald-gradient);color:#fff;box-shadow:0 4px 15px #10b98166}.btn-cyan{background:var(--cyan-gradient);color:#fff;box-shadow:0 4px 15px #06b6d466}.btn-outline{color:inherit;background:#ffffff1a;border:1px solid #fff3}body.light .btn-outline{background:#0000000d;border-color:#0000001a}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #a855f74d}50%{box-shadow:0 0 30px #a855f799}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.animate-float{animation:4s ease-in-out infinite float}.animate-pop{animation:.3s ease-out pop}.animate-bounce-in{animation:.5s cubic-bezier(.68,-.55,.265,1.55) bounceIn}.app-container{max-width:1280px;margin:0 auto;padding:16px 24px 60px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#a855f780;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a855f7cc}