:root{--color-navy: #1b2838;--color-navy-light: #263a4d;--color-accent: #00b894;--color-accent-hover: #00a07e;--color-accent-soft: #e6f9f4;--color-bg: #f4f5f7;--color-surface: #ffffff;--color-border: #e3e6ea;--color-border-light: #f0f1f3;--color-text: #1a1a2e;--color-text-secondary: #555d6b;--color-text-muted: #8c95a4;--color-live: #e53e3e;--color-live-bg: #fef2f2;--color-live-pulse: #e53e3e;--color-finished: #6b7280;--color-upcoming: #3b82f6;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--container-max: 1200px;--sidebar-width: 300px;--navbar-height: 60px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 999px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.navbar{position:sticky;top:0;z-index:100;background:var(--color-navy);height:var(--navbar-height);display:flex;align-items:center;padding:0 var(--space-lg);box-shadow:0 2px 8px #00000026}.navbar-inner{max-width:var(--container-max);width:100%;margin:0 auto;display:flex;align-items:center;gap:var(--space-lg)}.navbar-brand{display:flex;align-items:center;gap:var(--space-sm);color:#fff;font-weight:800;font-size:1.2rem;text-decoration:none;flex-shrink:0}.navbar-brand:hover{text-decoration:none}.navbar-brand-icon{background:var(--color-accent);color:#fff;width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900}.navbar-nav{display:flex;align-items:center;gap:var(--space-xs);flex:1}.navbar-link{color:#ffffffbf;font-size:.875rem;font-weight:500;padding:6px 12px;border-radius:var(--radius-sm);text-decoration:none;transition:background .2s,color .2s}.navbar-link:hover,.navbar-link.active{color:#fff;background:#ffffff1a;text-decoration:none}.navbar-search{display:flex;align-items:center;background:#ffffff1a;border-radius:var(--radius-full);padding:6px 14px;gap:8px;flex-shrink:0}.navbar-search-icon{color:#ffffff80;font-size:.8rem}.navbar-search input{background:transparent;border:none;outline:none;color:#fff;font-size:.85rem;width:180px}.navbar-search input::placeholder{color:#fff6}.navbar-hamburger{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px}.navbar-mobile-menu{display:none;position:fixed;top:var(--navbar-height);left:0;right:0;background:var(--color-navy);padding:var(--space-md);flex-direction:column;gap:var(--space-xs);z-index:99;box-shadow:var(--shadow-lg)}.navbar-mobile-menu.open{display:flex}.navbar-mobile-menu .navbar-link{padding:10px 14px;font-size:.95rem}.site-container{max-width:var(--container-max);margin:0 auto;padding:var(--space-lg) var(--space-md)}.page-grid{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--space-lg);align-items:start}.page-main{min-width:0}.page-sidebar{display:flex;flex-direction:column;gap:var(--space-md);position:sticky;top:calc(var(--navbar-height) + var(--space-lg))}.ad-slot{display:flex;align-items:center;justify-content:center;background:var(--color-border-light);border:1px dashed var(--color-border);border-radius:var(--radius-md);overflow:hidden;position:relative}.ad-slot--leaderboard{min-height:90px;max-width:728px;margin:var(--space-md) auto;width:100%}.ad-slot--rectangle{min-height:250px;width:300px;max-width:100%}.ad-slot--in-feed{min-height:100px;width:100%;margin:var(--space-md) 0}.ad-slot--sidebar{min-height:250px;width:100%}.ad-slot-label{position:absolute;top:4px;left:8px;font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);pointer-events:none}.ad-slot .adsbygoogle{display:block;width:100%}.hero{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-xl) var(--space-lg);margin-bottom:var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl)}.hero-content{flex:1}.hero-title{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:800;margin:0 0 var(--space-sm);color:var(--color-text)}.hero-subtitle{font-size:.95rem;color:var(--color-text-secondary);margin:0 0 var(--space-md);line-height:1.5}.hero-stats{display:flex;gap:var(--space-lg)}.hero-stat{text-align:center}.hero-stat-value{display:block;font-size:1.8rem;font-weight:800;color:var(--color-text)}.hero-stat-value--live{color:var(--color-live)}.hero-stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.hero-featured{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);min-width:260px;text-align:center}.hero-featured-label{font-size:.7rem;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.4px;margin-bottom:var(--space-sm)}.hero-featured-teams{font-size:.9rem;font-weight:600;margin-bottom:var(--space-xs)}.hero-featured-score{font-size:1.5rem;font-weight:800;color:var(--color-live)}.hero-cta{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-md);padding:10px 20px;background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s}.hero-cta:hover{background:var(--color-accent-hover);text-decoration:none}.liveboard-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);border-bottom:2px solid var(--color-border);padding-bottom:0}.liveboard-tab{padding:10px 16px;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.liveboard-tab:hover{color:var(--color-text)}.liveboard-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.liveboard-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-border-light);font-size:.7rem;font-weight:700;margin-left:6px;padding:0 5px}.liveboard-tab.active .liveboard-tab-badge{background:var(--color-accent-soft);color:var(--color-accent)}.liveboard-empty{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-text-muted)}.liveboard-empty h3{margin:0 0 var(--space-sm);font-size:1rem;color:var(--color-text-secondary)}.liveboard-empty p{margin:0;font-size:.9rem}.competition-group{margin-bottom:var(--space-md)}.competition-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.competition-name{font-size:.82rem;font-weight:700;color:var(--color-text)}.competition-actions{display:flex;align-items:center;gap:var(--space-sm)}.competition-count{font-size:.72rem;color:var(--color-text-muted)}.competition-btn{font-size:.72rem;font-weight:600;color:var(--color-accent);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background .2s}.competition-btn:hover{background:var(--color-accent-soft)}.match-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);transition:box-shadow .2s,border-color .2s}.match-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-accent)}.match-card--live{border-left:3px solid var(--color-live)}.match-card-main{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-md);align-items:center}.match-team{display:flex;align-items:center;gap:var(--space-sm)}.match-team--away{justify-content:flex-end;text-align:right}.match-team-logo{width:28px;height:28px;border-radius:50%;object-fit:contain;border:1px solid var(--color-border-light);flex-shrink:0}.match-team-logo-placeholder{width:28px;height:28px;border-radius:50%;background:var(--color-border-light);flex-shrink:0}.match-team-name{font-size:.85rem;font-weight:600;color:var(--color-text)}.match-score-center{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:70px}.match-score{font-size:1.2rem;font-weight:800;color:var(--color-text);background:var(--color-bg);padding:4px 12px;border-radius:var(--radius-sm)}.match-score--live{background:var(--color-live-bg);color:var(--color-live)}.match-score--upcoming{font-size:.9rem;font-weight:600;color:var(--color-upcoming);background:#eff6ff}.match-status{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.match-status--live{color:var(--color-live)}.match-status--finished{color:var(--color-finished)}.match-status--upcoming{color:var(--color-upcoming)}.match-card-events{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:var(--space-xs)}.match-event{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;padding:2px 7px;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text-secondary)}.match-event--goal{background:#ecfdf5;color:#065f46}.match-event--red{background:#fef2f2;color:#991b1b}.match-card-footer{margin-top:var(--space-sm);display:flex;align-items:center;justify-content:space-between}.match-card-competition{font-size:.7rem;color:var(--color-text-muted)}.match-card-lineup-btn{font-size:.7rem;font-weight:600;color:var(--color-accent);background:none;border:none;cursor:pointer;padding:3px 8px;border-radius:var(--radius-sm);transition:background .2s}.match-card-lineup-btn:hover{background:var(--color-accent-soft)}.match-card-lineup-btn:disabled{opacity:.4;cursor:default}.match-grid{display:flex;flex-direction:column;gap:var(--space-sm)}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-live);animation:live-pulse 1.5s ease-in-out infinite;margin-right:4px}.sidebar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md)}.sidebar-card-title{font-size:.85rem;font-weight:700;margin:0 0 var(--space-sm);color:var(--color-text)}.sidebar-card p{font-size:.82rem;color:var(--color-text-secondary);margin:0 0 var(--space-sm);line-height:1.5}.sidebar-stats{display:grid;gap:var(--space-xs)}.sidebar-stat{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--color-border-light);font-size:.8rem}.sidebar-stat:last-child{border-bottom:none}.sidebar-stat-label{color:var(--color-text-secondary)}.sidebar-stat-value{font-weight:700;color:var(--color-text)}.sidebar-links{display:flex;flex-direction:column;gap:var(--space-xs)}.sidebar-link{display:flex;align-items:center;gap:var(--space-sm);padding:8px 10px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;color:var(--color-text-secondary);transition:background .2s,color .2s;text-decoration:none}.sidebar-link:hover{background:var(--color-bg);color:var(--color-text);text-decoration:none}.sidebar-highlight{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm)}.sidebar-highlight-label{font-size:.68rem;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.3px}.sidebar-highlight-value{font-weight:700;font-size:.9rem;color:var(--color-text)}.sidebar-badge{display:inline-flex;padding:2px 7px;border-radius:var(--radius-full);font-size:.6rem;font-weight:700;background:#fef3c7;color:#92400e;text-transform:uppercase;letter-spacing:.3px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.section-title{font-size:1.1rem;font-weight:800;margin:0;color:var(--color-text)}.section-link{font-size:.8rem;font-weight:600;color:var(--color-accent)}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.editorial-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);transition:box-shadow .2s,border-color .2s}.editorial-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent)}.editorial-card-tag{font-size:.65rem;text-transform:uppercase;font-weight:700;color:var(--color-accent);letter-spacing:.4px;margin-bottom:var(--space-xs)}.editorial-card-title{font-size:.95rem;font-weight:700;color:var(--color-text);margin:0 0 var(--space-sm);line-height:1.3}.editorial-card-desc{font-size:.82rem;color:var(--color-text-secondary);margin:0 0 var(--space-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.editorial-card-link{font-size:.78rem;font-weight:600;color:var(--color-accent)}.site-footer{background:var(--color-navy);color:#fffc;padding:var(--space-2xl) var(--space-md);margin-top:var(--space-2xl)}.footer-inner{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-xl)}.footer-brand{font-size:1.1rem;font-weight:800;color:#fff;margin-bottom:var(--space-sm)}.footer-desc{font-size:.82rem;color:#fff9;line-height:1.5;margin:0}.footer-heading{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;margin:0 0 var(--space-sm)}.footer-links{display:flex;flex-direction:column;gap:var(--space-xs)}.footer-link{color:#ffffffbf;font-size:.82rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:#fff;text-decoration:none}.footer-bottom{max-width:var(--container-max);margin:var(--space-xl) auto 0;padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#fff6}.modal-backdrop{position:fixed;inset:0;background:#0006;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.modal-content{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-lg);max-height:90vh;overflow:auto;position:relative;box-shadow:var(--shadow-lg)}.modal-content--md{width:min(700px,100%)}.modal-content--lg{width:min(980px,100%)}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--color-bg);border:none;width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:background .2s}.modal-close:hover{background:var(--color-border)}.modal-title{font-size:1rem;font-weight:700;margin:0 0 var(--space-md);color:var(--color-text)}.modal-status{text-align:center;padding:var(--space-lg);color:var(--color-text-muted);font-size:.9rem}.modal-status--error{color:var(--color-live)}.ranking-table{width:100%;border-collapse:collapse;font-size:.84rem}.ranking-table th{text-align:left;padding:8px 10px;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-muted);border-bottom:2px solid var(--color-border)}.ranking-table td{padding:8px 10px;border-bottom:1px solid var(--color-border-light)}.ranking-table tr:hover td{background:var(--color-bg)}.lineup-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.lineup-team{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.lineup-team-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg);font-size:.85rem;font-weight:600}.lineup-pitch{background:linear-gradient(180deg,#3f9f4d,#2f8540);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--space-md) var(--space-sm);min-height:260px;display:flex;flex-direction:column;gap:var(--space-sm)}.lineup-line{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.lineup-player{background:#ffffffeb;border-radius:var(--radius-sm);padding:4px 8px;text-align:center;min-width:64px}.lineup-player-number{font-size:.7rem;font-weight:700;color:var(--color-navy)}.lineup-player-name{font-size:.62rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}.content-page{padding:var(--space-lg) 0}.content-page-header{margin-bottom:var(--space-xl)}.content-page-title{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:800;margin:0 0 var(--space-sm)}.content-page-desc{font-size:.92rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.content-page-meta{font-size:.78rem;color:var(--color-text-muted);margin-top:var(--space-xs)}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.content-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);transition:box-shadow .2s,border-color .2s;display:flex;flex-direction:column}.content-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent)}.content-card-title{font-size:.95rem;font-weight:700;margin:0 0 var(--space-sm);color:var(--color-text);line-height:1.3}.content-card-desc{font-size:.82rem;color:var(--color-text-secondary);margin:0 0 var(--space-sm);line-height:1.5;flex:1}.content-card-meta{font-size:.72rem;color:var(--color-text-muted)}.content-card-link{display:inline-block;margin-top:var(--space-sm);font-size:.8rem;font-weight:600;color:var(--color-accent)}.article-body h1{font-size:1.4rem;font-weight:800;margin:var(--space-xl) 0 var(--space-sm)}.article-body h2{font-size:1.15rem;font-weight:700;margin:var(--space-lg) 0 var(--space-sm)}.article-body h3{font-size:1rem;font-weight:600;margin:var(--space-md) 0 var(--space-sm)}.article-body p{line-height:1.7;margin:0 0 var(--space-md);color:var(--color-text-secondary)}.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px #0000001a;padding:20px var(--space-lg)}.cookie-consent-inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.cookie-consent-text{flex:1;min-width:240px}.cookie-consent-title{margin:0 0 4px;font-size:.9rem;font-weight:700;color:var(--color-text)}.cookie-consent-text p{margin:0 0 4px;font-size:.8rem;color:var(--color-text-secondary);line-height:1.4}.cookie-consent-links a{font-size:.75rem;color:var(--color-accent);text-decoration:underline}.cookie-consent-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.cookie-btn{padding:10px 20px;border-radius:var(--radius-sm);border:none;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s}.cookie-btn--accept{background:var(--color-accent);color:#fff}.cookie-btn--accept:hover{background:var(--color-accent-hover)}.cookie-btn--refuse{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.cookie-btn--refuse:hover{background:var(--color-border)}@media(max-width:1024px){.page-grid{grid-template-columns:1fr}.page-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.footer-inner{grid-template-columns:1fr 1fr;gap:var(--space-lg)}.hero{flex-direction:column;text-align:center}.hero-stats{justify-content:center}.hero-featured{min-width:auto;width:100%}}@media(max-width:768px){.navbar-nav,.navbar-search{display:none}.navbar-hamburger{display:block;margin-left:auto}.site-container{padding:var(--space-md) var(--space-sm)}.page-sidebar,.editorial-grid,.content-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:var(--space-lg)}.footer-bottom{flex-direction:column;gap:var(--space-sm)}.match-card-main{grid-template-columns:1fr;gap:var(--space-sm);text-align:center}.match-team,.match-team--away{justify-content:center}.lineup-grid{grid-template-columns:1fr}.ad-slot--leaderboard{min-height:50px}.hero-stats{flex-wrap:wrap}.liveboard-tabs{overflow-x:auto}}