:root{--red:#c8102e;--blue:#003087;--gold:gold;--dark:#060d1a;--dark2:#0b1729;--dark3:#0f2040;--border:#ffffff14;--text:#ffffffeb;--muted:#ffffff85;--accent:#4fc3f7}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#c8102e29,transparent 35%),radial-gradient(circle at 85% 100%,#00308740,transparent 35%),var(--dark);color:var(--text);min-height:100vh;margin:0;font-family:Barlow,sans-serif}.nav{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);background:#060d1aeb;justify-content:space-between;align-items:center;gap:12px;height:62px;padding:0 18px;display:flex;position:sticky;top:0}.nav-logo{letter-spacing:3px;color:var(--gold);white-space:nowrap;font-family:Bebas Neue;font-size:25px}.nav-tabs{gap:6px;display:flex;overflow-x:auto}.nav-tab{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:9px 12px;font-weight:900}.nav-tab.active{color:var(--gold);background:#ffd7001a}main{max-width:1120px;margin:0 auto;padding:26px 14px 70px}.hero{text-align:center;padding:34px 0 28px}.hero-eyebrow{letter-spacing:5px;color:var(--muted);text-transform:uppercase;font-family:Barlow Condensed;font-size:13px}.hero-title{letter-spacing:4px;font-family:Bebas Neue;font-size:clamp(58px,16vw,118px);line-height:.88}.hero-title span{background:linear-gradient(90deg,var(--red),var(--gold),#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle,.section-sub{color:var(--muted)}.subscribe-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.card,.group-card,.zone-card,.match-card{border:1px solid var(--border);background:#0f2040f0;border-radius:18px}.card{padding:22px}.card-title{text-transform:uppercase;letter-spacing:1px;color:var(--gold);margin:0 0 16px;font-family:Barlow Condensed;font-size:21px}.mt{margin-top:22px}.field{margin-bottom:13px;display:block}.field span{color:var(--muted);text-transform:uppercase;letter-spacing:1.3px;margin-bottom:6px;font-size:11px;font-weight:900;display:block}.field input,.fixture-search{background:var(--dark2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:11px;outline:none;padding:13px 14px;font-size:16px}.field input:focus,.fixture-search:focus{border-color:var(--accent)}.notif-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.notif-check{text-align:left;background:var(--dark2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.notif-check.checked{border-color:#4fc3f773}.notif-dot{border:2px solid var(--border);width:20px;height:20px;color:var(--dark);border-radius:5px;place-items:center;font-weight:900;display:grid}.checked .notif-dot{background:var(--accent);border-color:var(--accent)}.notif-check b,.notif-check small{display:block}.notif-check small{color:var(--muted);margin-top:2px}.btn-primary{background:linear-gradient(135deg,var(--red),#95001e);color:#fff;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:0;border-radius:13px;width:100%;margin-top:18px;padding:15px;font-family:Barlow Condensed;font-size:19px;font-weight:900}.btn-primary:disabled{opacity:.55}.msg-ok,.msg-err{text-align:center;border-radius:11px;margin-top:12px;padding:12px;font-weight:700}.msg-ok{color:#9be09f;background:#4caf501f;border:1px solid #4caf5047}.msg-err{color:#ef9a9a;background:#f443361f;border:1px solid #f4433647}.group-filter{flex-wrap:wrap;gap:7px;margin-bottom:13px;display:flex}.group-filter button{border:1px solid var(--border);background:var(--dark2);color:var(--muted);cursor:pointer;border-radius:999px;padding:7px 12px;font-weight:800}.group-filter button.active{background:var(--blue);border-color:var(--blue);color:#fff}.selection-bar{color:var(--gold);background:#ffd70012;border:1px solid #ffd7002e;border-radius:11px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 12px;font-weight:800;display:flex}.selection-bar button{color:var(--muted);cursor:pointer;background:0 0;border:0;text-decoration:underline}.teams-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;max-height:430px;padding-right:2px;display:grid;overflow:auto}.team-chip{background:var(--dark2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;display:flex}.team-chip.selected{border-color:var(--gold);background:#ffd70017}.team-chip small{color:var(--muted);font-size:11px;line-height:1.05}.chip-flag{object-fit:cover;border-radius:5px;width:46px;height:34px}.section-title{letter-spacing:3px;font-family:Bebas Neue;font-size:42px}.fixture-controls{flex-wrap:wrap;align-items:flex-start;gap:12px;margin:20px 0;display:flex}.fixture-search{max-width:300px}.matches-list{flex-direction:column;gap:9px;display:flex}.match-card{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:15px;display:grid}.match-team{align-items:center;gap:10px;display:flex}.match-team.away{text-align:right;flex-direction:row-reverse}.match-team b,.match-team small{display:block}.match-team small,.match-center span,.match-center small{color:var(--muted)}.match-flag{object-fit:cover;border-radius:4px;width:42px;height:31px}.match-center{text-align:center;min-width:88px}.match-center strong{color:var(--gold);font-family:Barlow Condensed;font-size:23px;display:block}.groups-grid,.zones-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:15px;margin-top:20px;display:grid}.group-card,.zone-card{overflow:hidden}.group-header,.zone-header{border-bottom:1px solid var(--border);color:var(--gold);text-transform:uppercase;letter-spacing:1px;background:#00308752;padding:13px 16px;font-family:Barlow Condensed;font-size:20px;font-weight:900}table{border-collapse:collapse;width:100%}th,td{text-align:center;border-bottom:1px solid #ffffff0a;padding:10px 9px;font-size:13px}th:first-child,td:first-child{text-align:left}th{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:10px}.standings-team{align-items:center;gap:7px;display:flex}.standings-team span{font-weight:700}.standings-team b{color:var(--muted);font-size:10px}.st-flag{object-fit:cover;border-radius:3px;width:30px;height:22px}.qualify{background:#4fc3f70f}.zone-teams{gap:10px;padding:14px;display:grid}.zone-team{background:#0000001f;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:8px;display:grid}.zone-team b{color:var(--muted);font-size:11px}.zone-flag{object-fit:cover;border-radius:4px;width:38px;height:28px}.flag-placeholder{border:1px solid var(--border);color:var(--muted);background:#ffffff14;place-items:center;font-size:10px;font-weight:900;display:grid}@media (width<=720px){.nav{flex-direction:column;align-items:flex-start;height:auto;padding:12px}.nav-tabs{width:100%;padding-bottom:2px}.nav-tab{padding:9px 10px;font-size:12px}.subscribe-grid{grid-template-columns:1fr}.card{padding:18px}.notif-grid{grid-template-columns:1fr}.teams-grid{grid-template-columns:repeat(3,1fr);max-height:none}.fixture-search{max-width:none}.match-card{grid-template-columns:1fr;gap:10px}.match-team.away{text-align:left;flex-direction:row}.match-center{background:#00000029;border-radius:10px;order:3;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.groups-grid,.zones-grid{grid-template-columns:1fr}.section-title{font-size:36px}}.terms-check{border:1px solid var(--border);color:var(--muted);background:#ffffff0a;border-radius:12px;align-items:flex-start;gap:10px;margin:12px 0 4px;padding:12px;font-size:12px;line-height:1.35;display:flex}.terms-check input{accent-color:var(--gold);min-width:18px;min-height:18px;margin-top:2px}.unsubscribe-fab{z-index:30;color:var(--gold);cursor:pointer;background:#07111ff0;border:1px solid #ffffff29;border-radius:999px;padding:12px 16px;font-weight:900;position:fixed;bottom:18px;right:18px;box-shadow:0 12px 30px #00000059}.modal-backdrop{z-index:40;background:#000000ad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{background:var(--dark3);border:1px solid var(--border);border-radius:18px;width:min(440px,100%);padding:22px;position:relative;box-shadow:0 18px 60px #00000080}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:30px;line-height:1;position:absolute;top:10px;right:12px}.modal-text{color:var(--muted);margin:0 0 16px}.btn-danger{background:linear-gradient(135deg,#8b0000,#c8102e)}@media (width<=720px){.unsubscribe-fab{padding:11px 13px;font-size:12px;bottom:12px;right:12px}}