@keyframes pulse-glow{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.8}}@keyframes score-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes achievement-unlock{0%{opacity:0;transform:translateY(50px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.1)}40%{transform:translateY(0) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes particle-float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}@keyframes card-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-15px)}50%{transform:translateY(-5px)}75%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 20px currentColor}50%{box-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 40px currentColor,0 0 60px currentColor}}@keyframes progress-glow{0%{background-position:0% 50%}to{background-position:200% 50%}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-pop-in{animation:pop-in .4s ease-out}.animate-slide-up{animation:slide-up .5s ease-out}.animate-fade-in{animation:fade-in .3s ease-out}.animate-shake{animation:shake .5s ease-in-out}.animate-bounce{animation:bounce 1s ease-in-out infinite}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0f;color:#fff;min-height:100vh;overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:16px}h1{font-size:3rem;background:linear-gradient(135deg,#00f0ff,#b347ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:2rem}h3{font-size:1.5rem}a{color:#00f0ff;text-decoration:none;transition:all .15s ease}a:hover{text-shadow:0 0 5px #00f0ff,0 0 10px #00f0ff,0 0 20px rgba(0,240,255,.5)}.particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particles-bg .particle{position:absolute;width:4px;height:4px;background:#00f0ff;border-radius:50%;opacity:.3;animation:particle-float linear infinite}.particles-bg .particle:nth-child(1){left:94%;animation-duration:26s;animation-delay:2s;width:5px;height:6px;background:#f0a}.particles-bg .particle:nth-child(2){left:24%;animation-duration:13s;animation-delay:1s;width:3px;height:6px}.particles-bg .particle:nth-child(3){left:4%;animation-duration:29s;animation-delay:6s;width:3px;height:3px;background:#b347ff}.particles-bg .particle:nth-child(4){left:76%;animation-duration:17s;animation-delay:8s;width:4px;height:4px;background:#f0a}.particles-bg .particle:nth-child(5){left:23%;animation-duration:14s;animation-delay:8s;width:6px;height:4px}.particles-bg .particle:nth-child(6){left:9%;animation-duration:12s;animation-delay:2s;width:4px;height:6px;background:#b347ff}.particles-bg .particle:nth-child(7){left:59%;animation-duration:23s;animation-delay:5s;width:6px;height:6px;background:#f0a}.particles-bg .particle:nth-child(8){left:52%;animation-duration:11s;animation-delay:6s;width:4px;height:4px}.particles-bg .particle:nth-child(9){left:14%;animation-duration:13s;animation-delay:3s;width:6px;height:5px;background:#b347ff}.particles-bg .particle:nth-child(10){left:39%;animation-duration:20s;animation-delay:4s;width:4px;height:5px;background:#f0a}.particles-bg .particle:nth-child(11){left:67%;animation-duration:23s;animation-delay:7s;width:5px;height:3px}.particles-bg .particle:nth-child(12){left:96%;animation-duration:27s;animation-delay:8s;width:3px;height:6px;background:#b347ff}.particles-bg .particle:nth-child(13){left:44%;animation-duration:21s;animation-delay:2s;width:3px;height:3px;background:#f0a}.particles-bg .particle:nth-child(14){left:72%;animation-duration:15s;animation-delay:9s;width:6px;height:3px}.particles-bg .particle:nth-child(15){left:94%;animation-duration:22s;animation-delay:4s;width:5px;height:5px;background:#b347ff}.particles-bg .particle:nth-child(16){left:85%;animation-duration:13s;animation-delay:7s;width:4px;height:6px;background:#f0a}.particles-bg .particle:nth-child(17){left:20%;animation-duration:13s;animation-delay:9s;width:5px;height:6px}.particles-bg .particle:nth-child(18){left:42%;animation-duration:12s;animation-delay:5s;width:6px;height:6px;background:#b347ff}.particles-bg .particle:nth-child(19){left:99%;animation-duration:27s;animation-delay:2s;width:5px;height:5px;background:#f0a}.particles-bg .particle:nth-child(20){left:59%;animation-duration:21s;animation-delay:9s;width:6px;height:4px}.container{max-width:1400px;margin:0 auto;padding:0 24px}.page{position:relative;z-index:1;min-height:100vh;padding:48px 0}.grid{display:grid;gap:24px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.grid.cols-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.btn{background:transparent;border:2px solid #00f0ff;color:#00f0ff;padding:8px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn:hover{background:#00f0ff;color:#0a0a0f;box-shadow:0 0 5px #00f0ff,0 0 10px #00f0ff,0 0 20px #00f0ff,0 0 40px #00f0ff80}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{background:linear-gradient(135deg,#00f0ff,#b347ff);border:none;color:#0a0a0f}.btn.btn-primary:hover{box-shadow:0 0 5px #00f0ff,0 0 10px #00f0ff,0 0 20px #00f0ff,0 0 40px #00f0ff80}.btn.btn-secondary{background:transparent;border:2px solid #b347ff;color:#b347ff;padding:8px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn.btn-secondary:hover{background:#b347ff;color:#0a0a0f;box-shadow:0 0 5px #b347ff,0 0 10px #b347ff,0 0 20px #b347ff,0 0 40px #b347ff80}.btn.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn.btn-success{background:transparent;border:2px solid #00ff88;color:#0f8;padding:8px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn.btn-success:hover{background:#0f8;color:#0a0a0f;box-shadow:0 0 5px #0f8,0 0 10px #0f8,0 0 20px #0f8,0 0 40px #00ff8880}.btn.btn-success:disabled{opacity:.5;cursor:not-allowed}.btn.btn-danger{background:transparent;border:2px solid #ff3366;color:#f36;padding:8px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn.btn-danger:hover{background:#f36;color:#0a0a0f;box-shadow:0 0 5px #f36,0 0 10px #f36,0 0 20px #f36,0 0 40px #ff336680}.btn.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn.btn-lg{padding:16px 32px;font-size:1.1rem}.btn.btn-sm{padding:4px 16px;font-size:.875rem}.card{background:#1a1a2e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;transition:all .3s ease}.card:hover{transform:translateY(-5px);border-color:#00f0ff80;box-shadow:0 0 20px #00f0ff80,0 0 40px #00f0ff4d}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.badge-cyan{background:#00f0ff33;color:#00f0ff;border:1px solid rgba(0,240,255,.5)}.badge.badge-purple{background:#b347ff33;color:#b347ff;border:1px solid rgba(179,71,255,.5)}.badge.badge-green{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.5)}.badge.badge-orange{background:#f803;color:#f80;border:1px solid rgba(255,136,0,.5)}.badge.badge-locked{background:#ffffff1a;color:#fff6;border:1px solid rgba(255,255,255,.2)}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:8px;overflow:hidden}.progress-bar .progress-fill{height:100%;background:linear-gradient(135deg,#00f0ff,#b347ff);border-radius:8px;transition:width .3s ease;background-size:200% 100%;animation:progress-glow 2s linear infinite}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 8px;background:#1a1a2e;border:1px solid rgba(0,240,255,.3);border-radius:8px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .15s ease;z-index:1000}[data-tooltip]:hover:after{opacity:1;visibility:visible;bottom:calc(100% + 5px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#12121a}::-webkit-scrollbar-thumb{background:#1a1a2e;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#00f0ff80}::selection{background:#00f0ff4d;color:#fff}:focus-visible{outline:2px solid #00f0ff;outline-offset:2px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-cyan{color:#00f0ff}.text-purple{color:#b347ff}.text-pink{color:#f0a}.text-green{color:#0f8}.text-orange{color:#f80}.text-muted{color:#fff6}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{flex-direction:column}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}