:root{--primary-color:#0d6efd;--primary-dark:#0a58ca;--accent-color:#ffc107;--bg-light:#f8f9fa;--bg-card:#ffffff;--text-dark:#212529;--text-muted:#6c757d;--border-color:#dee2e6;--stadium-green:#198754}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--text-dark);background-color:var(--bg-light);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700}.navbar{box-shadow:0 2px 10px rgba(0,0,0,0.08);background-color:#ffffff !important}.navbar-brand img{max-height:40px;object-fit:contain}.hero-section{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#ffffff;padding:80px 0;position:relative;overflow:hidden}.hero-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:1}.hero-container{position:relative;z-index:2}.section-title{position:relative;margin-bottom:40px;padding-bottom:12px;font-size:2rem;color:#0f2027}.section-title::after{content:'';position:absolute;left:0;bottom:0;width:60px;height:4px;background-color:var(--primary-color);border-radius:2px}.section-title-center{text-align:center}.section-title-center::after{left:50%;transform:translateX(-50%)}.card{border:1px solid var(--border-color);border-radius:12px;transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden;background-color:var(--bg-card)}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.match-card{border-left:5px solid var(--primary-color)}.badge-live{background-color:#dc3545;color:white;animation:blink 1.5s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.table-responsive{border-radius:12px;border:1px solid var(--border-color);background:#ffffff}.guide-card{background:#ffffff;border-top:4px solid var(--accent-color)}details{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;padding:15px;transition:all 0.3s ease}details[open]{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(13,110,253,0.08)}summary{font-weight:600;cursor:pointer;outline:none;user-select:none}summary:hover{color:var(--primary-color)}footer{background-color:#111b21;color:#b9c4cb;padding:60px 0 20px 0;font-size:0.95rem}footer h5{color:#ffffff;margin-bottom:20px}footer a{color:#b9c4cb;text-decoration:none;transition:color 0.2s}footer a:hover{color:#ffffff}.responsive-img{width:100%;height:auto;border-radius:12px;object-fit:cover}