@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-deep: #05050f;--bg-darker: rgba(10, 10, 25, .85);--bg-card: rgba(20, 20, 40, .4);--bg-card-hover: rgba(30, 30, 50, .6);--primary: #6ee7b7;--primary-hover: #34d399;--primary-glow: rgba(110, 231, 183, .4);--secondary: #60a5fa;--secondary-hover: #3b82f6;--secondary-glow: rgba(96, 165, 250, .4);--accent: #f472b6;--accent-glow: rgba(244, 114, 182, .4);--danger: #fb7185;--danger-hover: #f43f5e;--danger-glow: rgba(251, 113, 133, .4);--warning: #fbbf24;--text-main: #f8fafc;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .15);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 15px 35px -5px rgba(0, 0, 0, .6), 0 10px 25px -5px rgba(0, 0, 0, .4);--shadow-glow: 0 0 25px 0 var(--primary-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--transition-slow: .8s cubic-bezier(.4, 0, .2, 1)}html,body{overflow-x:hidden;max-width:100%;margin:0;padding:0}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-deep);color:var(--text-main);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.bg-mesh{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 10% 40%,rgba(96,165,250,.18) 0%,transparent 45%),radial-gradient(circle at 85% 30%,rgba(110,231,183,.18) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(244,114,182,.12) 0%,transparent 50%);background-size:150% 150%;animation:mesh-movement 25s ease-in-out infinite alternate;pointer-events:none}.bg-mesh:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20.5V18H0v-2h20v-2h20v2H20v2.5zM0 20h2v20H0V20zm38 0h2v20h-2V20z' fill='%23ffffff' fill-opacity='0.015' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:1}@keyframes mesh-movement{0%{background-position:0% 0%}to{background-position:100% 100%}}#root{margin:0 auto;padding:1.5rem 4%}@media(min-width:768px){#root{padding:2rem 5%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 15px var(--primary-glow)}50%{box-shadow:0 0 35px var(--primary-glow)}to{box-shadow:0 0 15px var(--primary-glow)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes modalEnter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.glassmorphism{background:var(--bg-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card{padding:2rem;position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:0;box-shadow:inset 0 1px 1px #ffffff1f;border-radius:inherit;pointer-events:none}h1,h2,h3,h4,h5,h6{margin-top:0;letter-spacing:-.03em}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title{font-size:3.8rem;font-weight:900;text-align:center;margin-bottom:.5rem;line-height:1.1;text-shadow:0 10px 30px rgba(0,0,0,.5)}.title-small{font-size:1.8rem;font-weight:800}@media(min-width:768px){.title-small{font-size:2.2rem}}.subtitle{text-align:center;color:var(--text-muted);margin-bottom:2.5rem;font-size:1.1rem;font-weight:400}@media(min-width:768px){.subtitle{font-size:1.25rem}}.btn{font-family:inherit;font-weight:600;padding:12px 24px;border-radius:14px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all var(--transition-smooth);position:relative;overflow:hidden;letter-spacing:.01em;font-size:1rem;z-index:1}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#34d399,#10b981);color:#022c22;box-shadow:0 4px 15px #34d39933,inset 0 1px #ffffff4d;border:1px solid rgba(52,211,153,.4)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #34d39959;transform:translateY(-1px);filter:brightness(1.1)}.btn-secondary{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;box-shadow:0 4px 15px #60a5fa33,inset 0 1px #ffffff40;border:1px solid rgba(96,165,250,.4)}.btn-secondary:hover:not(:disabled){box-shadow:0 8px 25px #60a5fa59;transform:translateY(-1px);filter:brightness(1.1)}.btn-danger{background:linear-gradient(135deg,#fb7185,#e11d48);color:#fff;box-shadow:0 8px 24px #fb718566,inset 0 2px #ffffff4d}.btn-outline{background:#ffffff08;border:1px solid var(--border-light);color:var(--text-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff4d;transform:translateY(-1px)}.btn-outline.active{background:#6ee7b726;border-color:var(--primary);color:var(--primary);box-shadow:inset 0 0 15px #6ee7b733}.btn-icon{background:none;border:none;font-size:1.6rem;padding:12px;border-radius:50%;cursor:pointer;color:var(--text-muted);transition:all var(--transition-bounce);display:flex;align-items:center;justify-content:center}.btn-icon:hover{color:var(--text-main);background:#ffffff1a;transform:rotate(10deg) scale(1.1)}.w-full{width:100%}.lg{padding:18px 36px;font-size:1.25rem}.input-field{width:100%;padding:18px 24px;border-radius:18px;border:2px solid var(--border);background:#00000040;color:var(--text-main);font-family:inherit;font-size:1.1rem;box-sizing:border-box;outline:none;transition:all var(--transition-smooth)}.input-field::placeholder{color:var(--text-muted);transition:color var(--transition-smooth)}.input-field:hover{border-color:#ffffff4d;background:#00000059}.input-field:focus{border-color:var(--primary);background:#00000080;box-shadow:0 0 0 4px #6ee7b740}.input-field:focus::placeholder{color:transparent}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#121226a6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);box-shadow:0 4px 30px #00000080;border-radius:20px;margin-bottom:2rem;position:sticky;top:.5rem;z-index:40}@media(min-width:768px){nav{padding:1.5rem 2rem;border-radius:24px;margin-bottom:3rem;top:1rem}}.brand{font-size:1.5rem;font-weight:900;color:var(--text-main);text-decoration:none}@media(min-width:768px){.brand{font-size:2rem}}.leaderboard-item{display:flex;align-items:center;padding:12px 16px;background:#ffffff08;border-radius:18px;border:1px solid var(--border);transition:all var(--transition-bounce);position:relative;overflow:hidden}@media(min-width:768px){.leaderboard-item{padding:20px 24px;border-radius:20px}}.leaderboard-item:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:transparent;transition:background .3s}.leaderboard-item:hover{background:#ffffff14;transform:translate(8px) scale(1.02);box-shadow:var(--shadow-lg);border-color:#ffffff40}.leaderboard-item:hover:after{background:var(--primary)}.leaderboard-first{background:linear-gradient(90deg,#fbbf2414,#fbbf242e)!important;border:1px solid rgba(251,191,36,.5)!important;animation:pulseGlow 4s infinite,float 4s ease-in-out infinite;box-shadow:0 0 20px #fbbf2440}.leaderboard-first:hover{border-color:#fbbf24!important;box-shadow:0 0 35px #fbbf2480!important}.leaderboard-first .rank{font-size:2.2rem;text-shadow:0 0 15px rgba(251,191,36,.7)}.skeleton-row{height:96px;width:100%;background:linear-gradient(90deg,#ffffff05 25%,#ffffff12,#ffffff05 75%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:20px}.modal-content{background:#141428d9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--border-light);box-shadow:0 25px 50px -12px #000c;border-radius:24px;padding:1.5rem}@media(min-width:768px){.modal-content{border-radius:32px;padding:2.5rem}}.hidden{display:none!important}.flex{display:flex}.flex-grow{flex-grow:1}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.items-center{align-items:center}.items-start{align-items:flex-start}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-sm{font-size:.9rem}.text-xs{font-size:.8rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.highlight{color:var(--primary);font-weight:700}.pointer{cursor:pointer}.error-text{color:var(--danger);font-size:.95rem;padding:12px;background:#fb71851f;border-radius:14px;border:1px solid rgba(251,113,133,.3);margin-top:.5rem}.relative{position:relative}.absolute{position:absolute}.right-0{right:0}.top-0{top:0}.bottom-0{bottom:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.col-span-full{grid-column:1 / -1}@media(min-width:640px){.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.bg-black\\/50{background-color:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.min-w-\\[220px\\]{min-width:220px}.w-fit{width:fit-content}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}.bg-\\[rgba\\(255\\,255\\,255\\,0\\.05\\)\\]{background-color:#ffffff0d}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:1rem}.rounded-2xl{border-radius:1.25rem}.rounded-3xl{border-radius:2rem}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.hover\\:bg-\\[rgba\\(255\\,255\\,255\\,0\\.05\\)\\]:hover{background-color:#ffffff0d}.hover\\:bg-\\[rgba\\(255\\,255\\,255\\,0\\.1\\)\\]:hover{background-color:#ffffff1a}.hover\\:text-white:hover{color:#fff}.hover\\:border-\\[var\\(--primary\\)\\]:hover{border-color:var(--primary)}.hover\\:translate-x-1\\.5:hover{transform:translate(8px)}.hover\\:scale-\\[1\\.01\\]:hover{transform:scale(1.02)}.hover\\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\\:border-\\[rgba\\(255\\,255\\,255\\,0\\.1\\)\\]:hover{border-color:#ffffff26}.hover\\:underline:hover{text-decoration-line:underline}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.w-\\[45px\\]{width:45px}.w-\\[54px\\]{width:54px}.h-\\[54px\\]{height:54px}.mr-4{margin-right:1.25rem}.border-2{border-width:2px}.object-cover{object-fit:cover}.w-1{width:.3rem}.bg-transparent{background-color:transparent}.drop-shadow-md{filter:drop-shadow(0 4px 4px rgba(0,0,0,.25)) drop-shadow(0 2px 2px rgba(0,0,0,.1))}.max-w-\\[450px\\]{max-width:450px}.bg-\\[var\\(--bg-darker\\)\\]{background-color:var(--bg-darker)}.border-\\[var\\(--border-light\\)\\]{border-color:var(--border-light)}.border-\\[var\\(--border\\)\\]{border-color:var(--border)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.pb-8{padding-bottom:2rem}.pb-6{padding-bottom:1.5rem}.pt-4{padding-top:1rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mx-0{margin-left:0;margin-right:0}.top-\\[calc\\(100\\%\\+10px\\)\\]{top:calc(100% + 12px)}.p-3{padding:.75rem}.text-\\[var\\(--danger\\)\\]{color:var(--danger)}.text-\\[var\\(--warning\\)\\]{color:var(--warning)}.bg-\\[rgba\\(255\\,75\\,75\\,0\\.1\\)\\]{background-color:#ff4b4b1a}.hover\\:bg-\\[rgba\\(255\\,75\\,75\\,0\\.2\\)\\]:hover{background-color:#ff4b4b33}.bg-\\[rgba\\(0\\,0\\,0\\,0\\.3\\)\\]{background-color:#0000004d}.bg-\\[var\\(--primary\\)\\]{background-color:var(--primary)}.text-black{color:#022c22}.backdrop-blur-sm{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.group:hover .group-hover\\:bg-\\[var\\(--primary\\)\\]{background-color:var(--primary)}.group:hover .group-hover\\:scale-110{transform:scale(1.1)}.group:hover .group-hover\\:rotate-6{transform:rotate(8deg)}.group:hover .group-hover\\:border-\\[var\\(--primary\\)\\]{border-color:var(--primary)}.text-\\[1\\.4rem\\]{font-size:1.4rem}.text-\\[1\\.8rem\\]{font-size:1.8rem}.text-\\[1\\.15rem\\]{font-size:1.25rem}.border-\\[var\\(--primary\\)\\]{border-color:var(--primary)}.bg-\\[rgba\\(88\\,204\\,2\\,0\\.1\\)\\]{background-color:#34d39926}.text-\\[var\\(--primary\\)\\]{color:var(--primary)}.drop-shadow-\\[0_0_15px_rgba\\(88\\,204\\,2\\,0\\.2\\)\\]{filter:drop-shadow(0 0 15px rgba(52,211,153,.4))}.bg-\\[linear-gradient\\(135deg\\,var\\(--primary\\)_0\\%\\,\\#a3ff47_100\\%\\)\\]{background-image:linear-gradient(135deg,var(--primary) 0%,#a3ff47 100%)}.bg-clip-text{background-clip:text;-webkit-background-clip:text}.text-transparent{color:transparent}.h-\\[86px\\]{height:86px}.bg-\\[length\\:1000px_100\\%\\]{background-size:1000px 100%}.bg-\\[linear-gradient\\(90deg\\,rgba\\(255\\,255\\,255\\,0\\.02\\)_25\\%\\,rgba\\(255\\,255\\,255\\,0\\.06\\)_50\\%\\,rgba\\(255\\,255\\,255\\,0\\.02\\)_75\\%\\)\\]{background:linear-gradient(90deg,#ffffff05 25%,#ffffff0f,#ffffff05 75%)}.filter-container{display:flex;flex-wrap:wrap;gap:10px;background:#ffffff05;padding:8px;border-radius:22px;border:1px solid var(--border);width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-pill{padding:10px 20px;border-radius:16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;color:var(--text-muted);background:transparent;display:flex;align-items:center;gap:8px;letter-spacing:.01em}.filter-pill:hover{color:var(--text-main);background:#ffffff0f;transform:translateY(-1px)}.filter-pill.active{background:linear-gradient(135deg,var(--primary) 0%,#10b981 100%);color:#022c22;box-shadow:0 8px 20px #34d3994d,inset 0 1px #ffffff4d;border-color:#fff3;transform:translateY(-1px)}