:root{--bg-color: #0f172a;--text-color: #f1f5f9;--primary-color: #8b5cf6;--secondary-color: #ec4899;--accent-color: #06b6d4;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--card-radius: 16px}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,rgba(139,92,246,.15) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(236,72,153,.15) 0%,transparent 20%);min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:0 8px 32px #0000005e;padding:2rem}button{cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ec48994d}.btn-secondary{background:#ffffff1a;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600}.btn-secondary:hover{background:#fff3}input,select{background:#0003;border:1px solid var(--glass-border);border-radius:8px;padding:.75rem;color:#fff;width:100%;box-sizing:border-box;margin-bottom:1rem;transition:border-color .2s}input:focus,select:focus{outline:none;border-color:var(--primary-color)}.league-grid{display:grid;grid-template-columns:minmax(300px,2fr) minmax(300px,1fr);gap:2rem}@media(max-width:768px){.league-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:480px){.glass-card{padding:1.25rem}h1{font-size:1.5rem!important}.btn-primary,.btn-secondary{padding:.5rem 1rem;font-size:.9rem}}