@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--color-bg:#06060f;--color-bg-2:#0d0d1a;--color-bg-3:#12122a;--color-surface:#ffffff0a;--color-surface-hover:#ffffff14;--color-border:#ffffff14;--color-border-strong:#ffffff26;--color-primary:#7c3aed;--color-primary-light:#9d5ff0;--color-primary-dark:#5b21b6;--color-gold:#f59e0b;--color-gold-light:#fcd34d;--color-gold-dark:#d97706;--gradient-brand:linear-gradient(135deg,#7c3aed 0%,#f59e0b 100%);--gradient-brand-soft:linear-gradient(135deg,#7c3aed33 0%,#f59e0b33 100%);--gradient-hero:radial-gradient(ellipse at 30% 20%,#7c3aed4d 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,#f59e0b33 0%,transparent 60%),#06060f;--gradient-card:linear-gradient(135deg,#7c3aed0f 0%,#f59e0b0a 100%);--color-text:#f0f0f8;--color-text-secondary:#f0f0f899;--color-text-muted:#f0f0f859;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 32px #00000080;--shadow-lg:0 24px 64px #0009;--shadow-glow:0 0 40px #7c3aed4d;--shadow-gold:0 0 40px #f59e0b33;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{color:var(--color-text);font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-2)}::-webkit-scrollbar-thumb{background:#7c3aed80;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.container--narrow{max-width:720px;margin:0 auto;padding:0 1.5rem}.glass-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.glass-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.glass-card--glow:hover{box-shadow:var(--shadow-glow);border-color:#7c3aed66}.btn{border-radius:var(--radius-full);font-family:var(--font-heading);letter-spacing:.02em;transition:all var(--transition-base);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:#ffffff1a;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.98)}.btn--primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 24px #7c3aed66}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 8px 32px #7c3aed99}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong)}.btn--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover{color:var(--color-text);background:var(--color-surface)}.btn--sm{padding:.5rem 1rem;font-size:.875rem}.btn--lg{padding:1rem 2rem;font-size:1.0625rem}.input-group{flex-direction:column;gap:.375rem;display:flex}.input-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;font-family:var(--font-heading)}.input-field{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:#fff;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:#ffffff0a;width:100%;padding:.75rem 1rem;font-size:.9375rem}.input-field:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #7c3aed26}.input-field::placeholder{color:var(--color-text-muted)}.select-wrapper{position:relative}.select-wrapper:after{content:"▾";color:var(--color-text-muted);pointer-events:none;font-size:.75rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.badge{border-radius:var(--radius-full);font-size:.75rem;font-weight:600;font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;align-items:center;padding:.2rem .65rem;display:inline-flex}.badge--primary{color:var(--color-primary-light);background:#7c3aed33;border:1px solid #7c3aed4d}.badge--gold{color:var(--color-gold);background:#f59e0b26;border:1px solid #f59e0b4d}.badge--success{color:var(--color-success);background:#10b98126;border:1px solid #10b9814d}.badge--error{color:var(--color-error);background:#ef444426;border:1px solid #ef44444d}.rank-1{color:gold}.rank-2{color:silver}.rank-3{color:#cd7f32}.gradient-text{color:var(--color-primary-light);background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@supports (-webkit-text-fill-color:transparent){.gradient-text{color:var(--color-gold)}}.spinner{border:2px solid #7c3aed4d;border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #7c3aed33}50%{box-shadow:0 0 40px #7c3aed80}}.animate-fade-up{animation:.6s forwards fadeUp}.animate-fade-in{animation:.4s forwards fadeIn}.animate-scale-in{animation:.3s forwards scaleIn}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.divider{background:var(--color-border);height:1px}.divider--gradient{background:linear-gradient(90deg,#0000,#7c3aed80,#f59e0b80,#0000);height:1px}.progress-bar{background:var(--color-surface);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar__fill{background:var(--gradient-brand);border-radius:var(--radius-full);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip{background:var(--color-bg-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:100;padding:.375rem .75rem;font-size:.75rem;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip{opacity:1}@media (max-width:768px){.container{padding:0 1rem}.btn--lg{padding:.875rem 1.5rem;font-size:1rem}}@media (max-width:480px){.container{padding:0 .75rem}}
.Navbar-module__cRh5nW__navbar{z-index:1000;transition:background var(--transition-base),border-color var(--transition-base),backdrop-filter var(--transition-base);border-bottom:1px solid #0000;padding:0 1.5rem;position:fixed;top:0;left:0;right:0}.Navbar-module__cRh5nW__navbar.Navbar-module__cRh5nW__scrolled{-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--color-border);background:#06060fd9}.Navbar-module__cRh5nW__inner{align-items:center;gap:2rem;max-width:1200px;height:70px;margin:0 auto;display:flex}.Navbar-module__cRh5nW__logo{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.Navbar-module__cRh5nW__logoIcon{font-size:1.5rem;animation:3s ease-in-out infinite Navbar-module__cRh5nW__float}.Navbar-module__cRh5nW__logoText{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.Navbar-module__cRh5nW__logoBrand{color:var(--color-primary-light)}.Navbar-module__cRh5nW__links{flex:1;align-items:center;gap:.25rem;margin-left:1rem;display:flex}.Navbar-module__cRh5nW__link{border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:.9rem;font-weight:500;font-family:var(--font-heading);padding:.5rem .875rem}.Navbar-module__cRh5nW__link:hover{color:var(--color-text);background:var(--color-surface)}.Navbar-module__cRh5nW__linkActive{color:var(--color-text)!important;background:var(--color-surface)!important}.Navbar-module__cRh5nW__actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.Navbar-module__cRh5nW__userMenu{align-items:center;gap:.75rem;display:flex}.Navbar-module__cRh5nW__userBtn{border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:.5rem;padding:.375rem .875rem .375rem .375rem;display:flex}.Navbar-module__cRh5nW__userBtn:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.Navbar-module__cRh5nW__userAvatar{background:var(--gradient-brand);color:#fff;width:28px;height:28px;font-size:.875rem;font-weight:700;font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.Navbar-module__cRh5nW__userName{font-size:.875rem;font-weight:600;font-family:var(--font-heading);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.Navbar-module__cRh5nW__burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin-left:auto;padding:.5rem;display:none}.Navbar-module__cRh5nW__burgerLine{background:var(--color-text);width:22px;height:2px;transition:all var(--transition-fast);border-radius:2px;display:block}.Navbar-module__cRh5nW__mobileMenu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--color-border);background:#06060ffa;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;animation:.2s Navbar-module__cRh5nW__fadeIn;display:flex}.Navbar-module__cRh5nW__mobileLink{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:1rem;font-weight:500;font-family:var(--font-heading);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:.75rem 1rem}.Navbar-module__cRh5nW__mobileLink:hover{color:var(--color-text);background:var(--color-surface)}.Navbar-module__cRh5nW__mobileLinkPrimary{color:var(--color-primary-light)!important}.Navbar-module__cRh5nW__mobileLinkDanger{color:var(--color-error)!important}@media (max-width:768px){.Navbar-module__cRh5nW__links,.Navbar-module__cRh5nW__actions{display:none}.Navbar-module__cRh5nW__burger{display:flex}}