@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rajdhani:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap");:root{--blue-dark:#0d2b6e;--blue-mid:#1565c0;--blue-light:#1e90ff;--blue-bright:#42a5f5;--purple:#5c35cc;--purple-light:#7c4dff;--bg-dark:#060d1f;--bg-card:#0d1a35;--bg-card2:#111e3a;--border:rgba(30,144,255,.18);--border-bright:rgba(30,144,255,.4);--text-primary:#e8f0ff;--text-secondary:#8aa4cc;--text-muted:#4a6080;--green:#00c853;--orange:#ff9100;--red:#f44336;--gold:#ffd600;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px rgba(0,0,0,.4);--shadow-blue:0 0 20px rgba(30,144,255,.15)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;line-height:1.6;background-image:radial-gradient(ellipse at 20% 0,rgba(21,101,192,.12) 0,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(92,53,204,.1) 0,transparent 50%)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(6,13,31,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 1.5rem;justify-content:space-between;height:64px}.nav,.nav-logo{display:flex;align-items:center}.nav-logo{gap:.75rem;text-decoration:none}.nav-logo img{height:36px;width:auto}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-link{padding:.5rem .85rem;border-radius:var(--radius-sm);font-family:Rajdhani,sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none;cursor:pointer;border:none;background:none;transition:all .18s ease}.nav-link:hover{color:var(--blue-light);background:rgba(30,144,255,.1)}.nav-link.active{color:var(--blue-light);background:rgba(30,144,255,.12)}.nav-user{gap:.75rem}.avatar,.nav-user{display:flex;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blue-mid),var(--purple));justify-content:center;font-family:Bebas Neue,sans-serif;font-size:1rem;color:#fff;letter-spacing:.05em;border:2px solid var(--border-bright)}.page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.page-title{font-family:Bebas Neue,sans-serif;font-size:2.2rem;letter-spacing:.06em;color:var(--text-primary);margin-bottom:.25rem}.page-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.card:hover{border-color:var(--border-bright)}.card-title{font-size:1.05rem;color:var(--blue-bright);margin-bottom:1rem;display:flex}.btn,.card-title{font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.5rem}.btn{display:inline-flex;justify-content:center;padding:.6rem 1.4rem;border-radius:var(--radius-sm);font-size:.95rem;border:none;cursor:pointer;transition:all .18s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--blue-mid),var(--blue-light));color:#fff;box-shadow:0 4px 14px rgba(30,144,255,.35)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(30,144,255,.5)}.btn-secondary{background:transparent;color:var(--blue-light);border:1px solid var(--border-bright)}.btn-secondary:hover{background:rgba(30,144,255,.1)}.btn-danger{background:rgba(244,67,54,.15);color:var(--red);border:1px solid rgba(244,67,54,.3)}.btn-danger:hover{background:rgba(244,67,54,.25)}.btn-sm{padding:.35rem .85rem;font-size:.82rem}.btn-lg{padding:.85rem 2rem;font-size:1.05rem}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}.form-label{font-family:Rajdhani,sans-serif;font-weight:600;font-size:.82rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary)}.form-input{background:hsla(0,0%,100%,.04);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .9rem;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .18s;width:100%}.form-input:focus{outline:none;border-color:var(--blue-light);box-shadow:0 0 0 3px rgba(30,144,255,.12)}.form-input::placeholder{color:var(--text-muted)}.score-input{width:52px;text-align:center;padding:.5rem .4rem;font-size:1.1rem;font-weight:600;font-family:Rajdhani,sans-serif}.match-row{display:grid;grid-template-columns:1fr auto auto auto 1fr;align-items:center;grid-gap:.6rem;gap:.6rem;padding:.85rem 0;border-bottom:1px solid hsla(0,0%,100%,.04)}.match-row:last-child{border-bottom:none}.team-name{font-family:Rajdhani,sans-serif;font-weight:600;font-size:.98rem;letter-spacing:.02em}.team-name.right{text-align:right}.score-sep{color:var(--text-muted);font-family:Bebas Neue,sans-serif;font-size:1.1rem}.match-result-badge{font-size:.75rem;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .55rem;border-radius:4px}.badge-exact{background:rgba(0,200,83,.15);color:var(--green);border:1px solid rgba(0,200,83,.3)}.badge-result{background:rgba(255,145,0,.15);color:var(--orange);border:1px solid rgba(255,145,0,.3)}.badge-wrong{background:rgba(244,67,54,.12);color:var(--red);border:1px solid rgba(244,67,54,.25)}.badge-pending{background:hsla(0,0%,100%,.05);color:var(--text-muted);border:1px solid hsla(0,0%,100%,.08)}.tabs{display:flex;gap:.25rem;background:hsla(0,0%,100%,.03);border:1px solid var(--border);border-radius:var(--radius);padding:.25rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab{padding:.5rem 1rem;border-radius:var(--radius-sm);font-family:Rajdhani,sans-serif;font-weight:700;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;border:none;background:none;transition:all .18s}.tab.active{background:linear-gradient(135deg,var(--blue-mid),var(--blue-light));color:#fff;box-shadow:0 2px 10px rgba(30,144,255,.3)}.tab:hover:not(.active){color:var(--blue-light);background:rgba(30,144,255,.08)}.group-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,var(--blue-dark),var(--blue-mid));font-family:Bebas Neue,sans-serif;font-size:1rem;color:#fff;border:1px solid var(--border-bright)}.standings-table{width:100%;border-collapse:collapse;font-size:.88rem}.standings-table th{font-family:Rajdhani,sans-serif;font-weight:600;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:.4rem .6rem;text-align:center;border-bottom:1px solid var(--border)}.standings-table td{padding:.55rem .6rem;text-align:center;border-bottom:1px solid hsla(0,0%,100%,.03)}.standings-table td.team-col{text-align:left;font-weight:500}.standings-table tr:first-child td,.standings-table tr:nth-child(2) td{color:var(--blue-light)}.standings-table tr:nth-child(3) td{color:var(--orange)}.leaderboard-row{display:grid;grid-template-columns:2rem 1fr auto auto auto;align-items:center;grid-gap:1rem;gap:1rem;padding:.9rem 1.2rem;border-radius:var(--radius-sm);background:var(--bg-card2);border:1px solid var(--border);margin-bottom:.5rem;transition:border-color .18s}.leaderboard-row:hover{border-color:var(--border-bright)}.leaderboard-row.rank-1{border-color:rgba(255,214,0,.4);background:rgba(255,214,0,.05)}.leaderboard-row.rank-2{border-color:hsla(0,0%,75%,.3)}.leaderboard-row.rank-3{border-color:rgba(205,127,50,.3)}.rank-num{font-family:Bebas Neue,sans-serif;font-size:1.3rem;color:var(--text-muted);text-align:center}.rank-num.gold{color:var(--gold)}.rank-num.silver{color:silver}.rank-num.bronze{color:#cd7f32}.alert{padding:.85rem 1.1rem;border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.6rem}.alert-info{background:rgba(30,144,255,.1);border:1px solid rgba(30,144,255,.25);color:var(--blue-bright)}.alert-success{background:rgba(0,200,83,.1);border:1px solid rgba(0,200,83,.25);color:var(--green)}.alert-warning{background:rgba(255,145,0,.1);border:1px solid rgba(255,145,0,.25);color:var(--orange)}.alert-error{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.25);color:var(--red)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2.5rem 2rem;box-shadow:var(--shadow),var(--shadow-blue)}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo img{height:52px}.auth-title{font-family:Bebas Neue,sans-serif;font-size:1.9rem;letter-spacing:.06em;text-align:center;margin-bottom:.25rem}.auth-sub{color:var(--text-secondary);font-size:.88rem;text-align:center;margin-bottom:2rem}.countdown{display:flex;gap:1rem;justify-content:center;margin:1.5rem 0}.countdown-unit{text-align:center}.countdown-value{font-family:Bebas Neue,sans-serif;font-size:2.5rem;color:var(--blue-light);line-height:1}.countdown-label{font-family:Rajdhani,sans-serif;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-top:.2rem}.countdown-sep{font-family:Bebas Neue,sans-serif;font-size:2.2rem;color:var(--border-bright);align-self:flex-start;padding-top:.1rem}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:1rem}.grid-2,.grid-3{display:grid;gap:1rem}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:1rem}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.page{padding:1.25rem 1rem}.page-title{font-size:1.7rem}.nav{padding:0 1rem}.nav-links{display:none}.leaderboard-row{grid-template-columns:1.5rem 1fr auto}}.progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin:.5rem 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--blue-mid),var(--blue-light));border-radius:2px;transition:width .5s ease}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card2) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.modal-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:16px;padding:2rem;max-width:480px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.6);animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-family:Bebas Neue,sans-serif;font-size:1.6rem;letter-spacing:.05em;margin-bottom:.5rem}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.text-sm{font-size:.85rem}.text-green{color:var(--green)}.text-orange{color:var(--orange)}.text-red{color:var(--red)}.text-gold{color:var(--gold)}.text-blue{color:var(--blue-light)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.w-full{width:100%}