:root{--bg-color:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#3b82f6;--primary-hover:#2563eb;--secondary:#10b981;--accent:#f59e0b;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--danger:#ef4444;--card-bg:#1e293b}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background:radial-gradient(circle at 0 0,#064e3b,#022c22,#020617);min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6}h1,h2,h3{letter-spacing:-.02em;font-weight:800}.hidden{display:none!important}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glass-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:100;padding:1rem 0;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;padding:0 1.5rem;display:flex}.header-content h1{background:linear-gradient(135deg,#fef08a,#f59e0b);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #00000080;-webkit-background-clip:text;font-size:1.5rem}#user-info{align-items:center;gap:1rem;font-weight:600;display:flex}.container{max-width:1000px;margin:2rem auto;padding:0 1.5rem}.card{background:var(--card-bg);border-radius:16px;padding:2rem;box-shadow:0 10px 25px #0003}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border)}input[type=text],input[type=password]{border:1px solid var(--glass-border);width:100%;color:var(--text-main);background:#0f172a99;border-radius:8px;margin-bottom:1rem;padding:.8rem 1.2rem;font-family:Outfit,sans-serif;font-size:1rem;transition:border-color .3s}input:focus{border-color:var(--primary);outline:none}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s}.btn-primary{background:linear-gradient(135deg, var(--primary), #6366f1);color:#fff;border-radius:8px;width:100%;padding:.8rem;font-size:1rem;font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-small{color:#fff;background:#ffffff1a;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.btn-small:hover{background:#fff3}.tabs{gap:.5rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.tab-btn{color:var(--text-muted);white-space:nowrap;background:#ffffff0d;border-radius:8px;padding:.75rem 1.5rem;font-weight:600}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #3b82f64d}.matches-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.match-card{-webkit-backdrop-filter:blur(24px);background:#1e293b66;border:1px solid #ffffff14;border-radius:20px;padding:1.5rem;transition:transform .3s cubic-bezier(.25,1,.5,1),box-shadow .3s cubic-bezier(.25,1,.5,1),border-color .3s;box-shadow:0 4px 24px #0003}.match-card:hover{border-color:#ffffff26;transform:translateY(-4px)scale(1.01);box-shadow:0 12px 40px #0000004d}.match-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.match-teams{text-align:center;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:800;display:flex}.vs{color:var(--text-muted);font-size:.9rem;font-weight:400}.pred-form{flex-direction:column;gap:1rem;display:flex}.score-inputs{justify-content:center;align-items:center;gap:1rem;font-size:1.5rem;font-weight:700;display:flex}.score-input{text-align:center;border:1px solid var(--glass-border);color:#fff;background:#0000004d;border-radius:8px;width:60px;padding:.5rem;font-size:1.5rem}.winner-method{flex-direction:column;gap:.5rem;display:flex}.winner-method select{border:1px solid var(--glass-border);color:#fff;background:#0000004d;border-radius:8px;width:100%;padding:.8rem;font-family:Outfit,sans-serif}.pts-badge{background:#0000004d;border-radius:4px;padding:2px 6px;font-size:.75rem}.badge{border-radius:12px;padding:2px 8px;font-size:.8rem;font-weight:600}.badge-green{color:#34d399;background:#10b98133}.badge-yellow{color:#fbbf24;background:#f59e0b33}.section-header{margin-bottom:1.5rem}.table-container{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:12px;overflow-x:auto}.ranking-table{border-collapse:collapse;width:100%}.ranking-table th,.ranking-table td{text-align:left;border-bottom:1px solid var(--glass-border);padding:1rem}.ranking-table th{color:var(--text-muted);text-transform:uppercase;background:#0003;font-size:.85rem;font-weight:600}.ranking-table tr:hover td{background:#ffffff05}.ai-card{border-color:#f59e0b}.ai-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.ai-header h2{background:linear-gradient(135deg,#fcd34d,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.ai-icon{font-size:1.5rem}.api-key-container{gap:1rem;margin-top:1rem;display:flex}.api-key-container input{margin-bottom:0}.ai-response{background:#0003;border-left:4px solid #c084fc;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.loader{color:var(--text-muted);font-style:italic;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (width<=600px){.api-key-container{flex-direction:column}}