:root{--bg-dark-purple:#000b3d;--bg-dark-deep:#000726;--bg-card:#051454;--bg-card-hover:#081b6e;--bg-input:#06195e;--gold-gray-yellow:#d6bc66;--gold-light:#f0d98c;--gold-dark:#a8903f;--gold-gradient:linear-gradient(135deg, #f5df98 0%, #d6bc66 50%, #a8903f 100%);--gold-glow:#d6bc664d;--red-accent:#fff;--red-glow:#ffffff59;--green-live:#10b981;--text-main:#fff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-dark-purple:#000b3d;--border-gold:#d6bc6659;--border-subtle:#ffffff14;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #00000080;--shadow-gold:0 4px 20px #d6bc6640;--transition-fast:all .2s cubic-bezier(.4, 0, .2, 1);--transition-normal:all .3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark-deep);color:var(--text-main);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.brand-font{letter-spacing:-.02em;font-family:Outfit,Inter,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark-purple)}::-webkit-scrollbar-thumb{background:#0d267d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-gray-yellow)}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);background:#051454bf;border-radius:12px}.glass-panel-gold{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-gold);box-shadow:var(--shadow-gold);background:#051454e0}.text-gold-gradient{background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.badge-gold{background:var(--gold-gray-yellow);color:var(--bg-dark-purple);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:3px 10px;font-size:.75rem;font-weight:800}.badge-red{color:#000b3d;text-transform:uppercase;background:#fff;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:900}.badge-live{color:#10b981;background:#10b98126;border:1px solid #10b98166;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:.7rem;font-weight:800;display:inline-flex}.live-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse;box-shadow:0 0 8px #10b981}@keyframes pulse{0%{opacity:1;transform:scale(.95)}50%{opacity:.4;transform:scale(1.3)}to{opacity:1;transform:scale(.95)}}.app-container{background-color:var(--bg-dark-deep);flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1340px;margin:0 auto;padding:1.5rem 1rem}.content-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=992px){.content-grid{grid-template-columns:2.5fr 1fr}}.interactive-card{transition:var(--transition-normal)}.interactive-card:hover{box-shadow:var(--shadow-md);border-color:#d6bc6666;transform:translateY(-4px)}.btn-gold{background:var(--gold-gray-yellow);color:var(--bg-dark-purple);transition:var(--transition-fast);text-transform:uppercase;letter-spacing:.03em;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:.75rem 1.5rem;font-weight:800;display:inline-flex;box-shadow:0 4px 15px #d6bc6640}.btn-gold:hover{background:#e5ca73;transform:translateY(-2px);box-shadow:0 6px 20px #d6bc6666}.btn-outline-gold{color:var(--gold-gray-yellow);border:2px solid var(--gold-gray-yellow);transition:var(--transition-fast);text-transform:uppercase;letter-spacing:.03em;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:.75rem 1.5rem;font-weight:800;display:inline-flex}.btn-outline-gold:hover{background:#d6bc661f;transform:translateY(-2px)}.btn-dark{background:var(--bg-dark-purple);color:#fff;border:1px solid var(--border-gold);transition:var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:.75rem 1.5rem;font-weight:800;display:inline-flex}.btn-dark:hover{background:var(--bg-card-hover);border-color:var(--gold-gray-yellow)}.form-control{background:var(--bg-input);border:1px solid var(--border-subtle);color:#fff;width:100%;transition:var(--transition-fast);border-radius:8px;padding:.75rem 1rem;font-size:.95rem}.form-control:focus{border-color:var(--gold-gray-yellow);outline:none;box-shadow:0 0 0 3px #d6bc6633}.news-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;width:100%;display:grid}.league-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.team-name-cell{white-space:nowrap}@media (width<=768px){.news-cards-grid{flex-direction:column;gap:1.25rem;width:100%;display:flex}.news-card-item{width:100%!important;display:block!important}.main-content{padding:.85rem .65rem}}@media (width<=640px){.mobile-hide-col{display:none!important}.league-table-wrapper table{min-width:100%!important;font-size:.76rem!important}.league-table-wrapper th,.league-table-wrapper td{padding:6px 2px!important}.team-name-cell{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:105px!important;overflow:hidden!important}}