@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Bebas+Neue&family=Orbitron:wght@700;900&display=swap");:root{--gold:gold;--gold-light:#fff176;--gold-dark:#c79700;--purple:#7c3aed;--purple-light:#a78bfa;--blue:#2563eb;--blue-light:#60a5fa;--red:#dc2626;--green:#22c55e;--bg-primary:#05050f;--bg-secondary:#0d0d20;--bg-card:hsla(0,0%,100%,.04);--bg-card-hover:hsla(0,0%,100%,.08);--border:hsla(0,0%,100%,.08);--border-gold:rgba(255,215,0,.3);--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:3px}.font-display{font-family:Orbitron,monospace}.font-bebas{font-family:Bebas Neue,sans-serif}.glass{background:hsla(0,0%,100%,.04);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:16px}.glass-gold{background:rgba(255,215,0,.05);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,215,0,.2);border-radius:16px}.gradient-gold{background:linear-gradient(135deg,gold,#f59e0b)}.gradient-primary{background:linear-gradient(135deg,#7c3aed,#2563eb)}.gradient-hero{background:linear-gradient(135deg,#050510,#0d0520 40%,#100520)}.glow-gold{box-shadow:0 0 30px rgba(255,215,0,.2),0 0 60px rgba(255,215,0,.05)}.glow-purple{box-shadow:0 0 30px rgba(124,58,237,.3)}.text-glow-gold{text-shadow:0 0 20px rgba(255,215,0,.5)}.btn-primary{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;border:none;padding:12px 28px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6d28d9,#1d4ed8);opacity:0;transition:opacity .3s}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(124,58,237,.4)}.btn-gold{background:linear-gradient(135deg,gold,#f59e0b);color:#000;border:none;padding:14px 32px;border-radius:12px;font-weight:800;font-size:16px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;text-decoration:none}.btn-gold:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(255,215,0,.5)}.btn-outline{background:transparent;color:#fff;border:1px solid hsla(0,0%,100%,.2);padding:12px 28px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.wompi-btn{width:100%;margin-top:15px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:none;padding:14px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;gap:10px}.wompi-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px rgba(124,58,237,.5);filter:brightness(1.1)}.wompi-btn:active:not(:disabled){transform:translateY(0)}.wompi-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.match-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:24px;transition:all .3s ease}.match-card:hover{background:var(--bg-card-hover);border-color:rgba(124,58,237,.4);transform:translateY(-4px)}.score-input{width:56px;height:56px;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.15);border-radius:12px;color:#fff;font-size:22px;font-weight:700;text-align:center;outline:none;transition:border-color .2s}.score-input:focus{border-color:var(--gold)}.rank-1{background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,215,0,.05));border-color:rgba(255,215,0,.4)}.rank-2{background:linear-gradient(135deg,hsla(0,0%,75%,.1),hsla(0,0%,75%,.04));border-color:hsla(0,0%,75%,.3)}.rank-3{background:linear-gradient(135deg,rgba(205,127,50,.1),rgba(205,127,50,.04));border-color:rgba(205,127,50,.3)}@keyframes pulse-gold{0%,to{box-shadow:0 0 0 0 rgba(255,215,0,.4)}50%{box-shadow:0 0 0 12px rgba(255,215,0,0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradient-x{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-pulse-gold{animation:pulse-gold 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-gradient{animation:gradient-x 4s ease infinite;background-size:200% 200%}.badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.badge-confirmed{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge-pending{background:rgba(251,191,36,.15);color:#fbb424;border:1px solid rgba(251,191,36,.3)}.badge-uploaded{background:rgba(96,165,250,.15);color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.badge-rejected{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-live{background:rgba(239,68,68,.2);color:#fca5a5;border:1px solid rgba(239,68,68,.4);animation:pulse-gold 1.5s infinite}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--border)}.data-table td{padding:14px 16px;border-bottom:1px solid hsla(0,0%,100%,.04);font-size:14px}.data-table tr:hover td{background:hsla(0,0%,100%,.02)}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;cursor:pointer}.nav-item.active,.nav-item:hover{background:rgba(124,58,237,.15);color:#fff}.nav-item.active{border-left:3px solid var(--purple)}.flag-img{border-radius:4px;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,.3)}.input-field{width:100%;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;padding:14px 16px;color:#fff;font-size:16px;outline:none;transition:all .2s ease}.input-field:focus{border-color:var(--gold);background:hsla(0,0%,100%,.08);box-shadow:0 0 0 4px rgba(255,215,0,.1)}.input-field::placeholder{color:var(--text-muted)}.input-field option{background:#1a1a2e}.progress-bar{height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#7c3aed,gold);border-radius:3px;transition:width .5s ease}.countdown-box{text-align:center}.countdown-number{font-family:Orbitron,monospace;font-size:48px;font-weight:900;color:var(--gold);text-shadow:0 0 20px rgba(255,215,0,.5);line-height:1}.countdown-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.stars-bg{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 20% 50%,rgba(124,58,237,.08) 0,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(37,99,235,.06) 0,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(255,215,0,.04) 0,transparent 50%)}@media (max-width:768px){.countdown-number{font-size:32px}.btn-gold{padding:12px 24px;font-size:14px}}.nb-root{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(5,5,15,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.08);padding:0 20px;height:70px;justify-content:space-between}.nb-logo,.nb-root{display:flex;align-items:center}.nb-logo{gap:10px;text-decoration:none!important;z-index:1100;flex-shrink:0}.nb-logo-txt{color:var(--gold);font-size:18px;font-weight:900;letter-spacing:.05em}.nb-desktop{display:flex;align-items:center;gap:2px}.nb-link{text-decoration:none!important;color:hsla(0,0%,100%,.6)!important;font-size:12px;font-weight:600;padding:7px 9px;border-radius:8px;transition:all .2s;white-space:nowrap}.nb-link:hover{color:#fff!important;background:hsla(0,0%,100%,.05)}.nb-link.active{color:var(--gold)!important;background:rgba(255,215,0,.08)}.nb-actions{display:flex;align-items:center;gap:8px;margin-left:8px;flex-shrink:0}.nb-select{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);color:#fff;border-radius:6px;padding:6px 10px;font-size:12px;cursor:pointer;outline:none}.nb-select option{background:#1a1a2e;color:#fff;padding:10px}.nb-logout{background:transparent;border:1px solid hsla(0,0%,100%,.15);color:#fff;padding:7px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.nb-logout:hover{background:rgba(255,0,0,.1);border-color:rgba(255,0,0,.3);color:#ff4d4d}.nb-toggle{display:none;background:none;border:none;cursor:pointer;z-index:1100;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;border:1.5px solid rgba(255,215,0,.5);background:rgba(255,215,0,.06)}.nb-toggle-txt{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.07em}.nb-burger{width:20px;height:14px;display:flex;flex-direction:column;justify-content:space-between}.nb-burger span{display:block;height:2px;width:100%;background:var(--gold);border-radius:2px;transition:all .3s}.nb-burger.open span:first-child{transform:translateY(6px) rotate(45deg)}.nb-burger.open span:nth-child(2){opacity:0}.nb-burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nb-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:1040;cursor:pointer}.nb-drawer{position:fixed;top:0;right:0;bottom:0;width:min(290px,84vw);background:var(--bg-secondary);z-index:1050;border-left:1px solid rgba(255,215,0,.15);box-shadow:-8px 0 40px rgba(0,0,0,.9);display:flex;flex-direction:column;overflow-y:auto}.nb-drawer-head{display:flex;align-items:center;gap:10px;padding:18px 20px;background:rgba(255,215,0,.04);border-bottom:1px solid hsla(0,0%,100%,.06);margin-top:70px;flex-shrink:0}.nb-drawer-title{color:var(--gold);font-weight:900;font-size:14px;letter-spacing:.05em}.nb-drawer-links{display:flex;flex-direction:column;padding:10px;gap:3px;flex:1 1}.nb-m-link{display:block;text-decoration:none!important;color:#fff!important;font-size:16px;font-weight:600;padding:14px 18px;border-radius:12px;background:hsla(0,0%,100%,.06);transition:all .2s;border:1px solid transparent}.nb-m-link:hover{background:hsla(0,0%,100%,.12)!important;color:var(--gold)!important}.nb-m-link.active{color:var(--gold)!important;background:rgba(255,215,0,.15)!important;border:1px solid rgba(255,215,0,.3)}.nb-drawer-foot{padding:14px 10px;border-top:1px solid hsla(0,0%,100%,.07);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.nb-m-select{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:12px 14px;border-radius:10px;font-size:14px;outline:none;width:100%;cursor:pointer}.nb-m-select option{background:#1a1a2e;color:#fff}.nb-m-logout{background:rgba(255,60,60,.1);border:1px solid rgba(255,60,60,.25);color:#f55;padding:13px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;text-align:center;width:100%}@media (max-width:1024px){.nb-desktop{display:none}.nb-toggle{display:flex}}@media (max-width:480px){.nb-root{padding:0 12px}.nb-logo-txt{font-size:15px}}