*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17304f;background:#f4f7fa}.container{width:min(1440px,calc(100% - 48px));margin:auto}.hero{height:260px;background:radial-gradient(circle at 75% 45%,#3b8bc4 0,#0b3965 32%,#061d35 75%);color:white;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -5% -80px;height:150px;background:linear-gradient(180deg,#4d9c3c,#1f642d);transform:skewY(-3deg)}.hero-overlay{position:relative;z-index:2;height:100%}.hero-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:72px;font-weight:950;letter-spacing:-5px;text-shadow:0 4px 15px #0008}.brand-sub{font-size:28px;font-weight:900;letter-spacing:2px}.claim{margin-top:8px;font-weight:700;font-size:18px;letter-spacing:1px}.ball{font-size:150px;filter:drop-shadow(0 12px 20px #0008)}.nav{background:#063b70;color:white;box-shadow:0 2px 8px #0003}.nav-inner{display:flex;align-items:center;min-height:56px}.nav-links{display:flex}.nav a{color:white;text-decoration:none;padding:18px 28px;font-weight:700}.nav a:hover{background:#116da8}.nav-user{margin-left:auto}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.page{padding:28px 0 50px}.welcome{display:grid;grid-template-columns:1.25fr .75fr;background:white;border:1px solid #dbe3ea;border-radius:8px;overflow:hidden;margin-bottom:24px}.welcome>div:first-child{padding:38px}.welcome h1{font-size:36px;margin:8px 0 18px;color:#123f71}.welcome p{font-size:18px;line-height:1.55}.feature-image{min-height:260px;background:linear-gradient(135deg,#7e9eb0,#182d3e);display:grid;place-items:center;font-size:100px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:1.5px;color:#2176b8}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:24px}.span-2{grid-column:span 2}.card{background:white;border:1px solid #d7e0e8;border-radius:7px;box-shadow:0 2px 8px #17304f0b;padding:20px}.card-title{font-size:20px;font-weight:850;color:#174879;border-bottom:1px solid #e0e7ed;padding-bottom:14px;margin-bottom:15px}.button{display:inline-block;background:#1677bd;color:white;border:0;border-radius:5px;padding:12px 20px;font-weight:800;text-decoration:none;cursor:pointer}.button:hover{background:#0d5f9b}.full{width:100%;text-align:center}.muted,.hint{color:#687a8c}.match-list{display:grid}.match-row{display:grid;grid-template-columns:130px 1fr 20px 1fr;gap:8px;padding:13px 0;border-bottom:1px solid #e5ebf0;align-items:center}.date{font-size:13px;color:#718295}.card-link{display:block;text-align:right;margin-top:14px;color:#116eae;text-decoration:none;font-weight:800}label{display:block;font-weight:700;margin:14px 0}input{display:block;width:100%;padding:11px;border:1px solid #b9c9d7;border-radius:5px;margin-top:7px;font-size:16px;background:#fff}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #e1e7ec}th{background:#f2f5f7;color:#304c67}.news-item{padding:7px 0;border-bottom:1px solid #e1e7ec}.news-item small,.news-item strong{display:block}.news-item strong{color:#126eae;margin-top:3px}.news-item p{margin:5px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-head h1,h1{margin:5px 0 0;color:#123f71}.matchday{background:#eef4f8;padding:10px 14px;color:#164b79;font-size:19px}.match-detail{display:grid;grid-template-columns:150px 1fr 80px 1fr 90px;gap:15px;align-items:center;padding:15px;border-bottom:1px solid #e4e9ee}.team{font-weight:750}.status{font-size:12px;text-transform:uppercase;color:#6c7d8e}.tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tip-card small{color:#728496}.tip-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin:15px 0;font-weight:800}.score-inputs{display:flex;gap:12px;align-items:center;margin-bottom:15px}.score-inputs input{width:75px;text-align:center;font-size:22px;font-weight:800}.narrow{max-width:650px;margin:auto}.alert{background:#fff0f0;color:#9d3030;border:1px solid #f0baba;padding:12px;border-radius:5px}.success{background:#edf9f0;color:#256c38;border:1px solid #b9dfc2;padding:12px;border-radius:5px;margin-bottom:20px}.metric span{display:block;color:#6c7e90}.metric strong{font-size:40px;color:#146fac}.footer{background:#062e55;color:#d9e8f5;padding:24px 0}@media(max-width:900px){.container{width:min(100% - 28px,720px)}.hero{height:210px}.brand{font-size:54px}.brand-sub{font-size:20px}.ball{font-size:90px}.nav-inner{position:relative}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:56px;background:#063b70;z-index:20;flex-direction:column}.menu-open .nav-links{display:flex}.nav-links a{padding:14px 20px}.grid-3,.tip-grid,.welcome{grid-template-columns:1fr}.span-2{grid-column:auto}.welcome>div:first-child{padding:25px}.match-detail{grid-template-columns:1fr auto 1fr;gap:8px}.match-detail .date,.match-detail .status{grid-column:1/-1}.match-row{grid-template-columns:95px 1fr 15px 1fr;font-size:14px}.section-head{align-items:start;gap:15px;flex-direction:column}}