:root{--bg:#070a12;--surface:#111727;--text:#f6f7fb;--muted:#a7afc0;--accent:#d8ff3f;--line:#293143;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.5}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:.08em;text-decoration:none}.brand span{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:6px;border-radius:50%;background:var(--accent);color:#101503;font-size:.7rem;letter-spacing:0}nav{display:flex;gap:22px}nav a{color:var(--muted);font-size:.88rem;font-weight:700;text-decoration:none}nav a:hover{color:var(--accent)}.hero{padding:50px 0 70px;background:radial-gradient(circle at 80% 25%,#27365d 0,transparent 32%),linear-gradient(120deg,#090d19,#0b1020)}.hero-grid{display:grid;gap:40px;align-items:center}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:.73rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero h1{max-width:680px;margin:0;font-size:clamp(2.8rem,8vw,5.5rem);line-height:.98;letter-spacing:-.065em}.hero h1 em{color:#cbd2e5;font-style:normal}.lede{max-width:520px;margin:24px 0 30px;color:var(--muted);font-size:1.05rem}.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:15px 21px;border-radius:6px;font-weight:850;text-decoration:none;transition:transform .15s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#131800}.button-light{background:#fff;color:#0d1220}.featured-match{padding:22px;border:1px solid #39455f;border-radius:12px;background:linear-gradient(145deg,#1a2338,#0f1524);box-shadow:0 25px 55px #02040a70}.match-topline{display:flex;justify-content:space-between;color:var(--muted);font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.live-dot{color:var(--accent)}.live-dot:before{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--accent);content:""}.teams{display:flex;align-items:center;justify-content:space-between;padding:27px 2px 21px;text-align:center}.teams>div{display:grid;gap:9px;justify-items:center;font-size:.9rem}.crest{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;font-size:.7rem;font-weight:900}.france{background:linear-gradient(90deg,#244797 33%,#fff 33% 66%,#e34852 66%);color:#151c33}.spain{background:linear-gradient(#b62032 33%,#f6c83d 33% 66%,#b62032 66%);color:#151c33}.versus{color:var(--muted);font-size:.75rem;font-weight:800}.match-meta{text-align:center;color:var(--muted);font-size:.86rem}.match-meta span{color:var(--accent);padding:0 5px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);margin-top:23px;padding-top:20px;border-top:1px solid var(--line);text-align:center}.countdown b{display:block;font-size:1.45rem}.countdown small{color:var(--muted);font-size:.65rem;text-transform:uppercase}.live-status{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:23px;padding-top:20px;border-top:1px solid var(--line);color:#fff;font-size:1.4rem;font-weight:900;letter-spacing:.12em}.live-status:before{width:12px;height:12px;border-radius:50%;background:#f33131;box-shadow:0 0 0 0 #f3313177;content:"";animation:live-pulse 1s infinite}@keyframes live-pulse{50%{box-shadow:0 0 0 9px #f3313100;opacity:.55}}.section{padding:70px 0}.section-heading{margin-bottom:28px}.section-heading h2,.watch-card h2{margin:0;font-size:clamp(1.9rem,5vw,2.8rem);line-height:1;letter-spacing:-.045em}.info-grid,.fixtures{display:grid;gap:14px}.info-card,.fixture-card{padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.info-card span,.fixture-card p{display:block;margin:0 0 8px;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.info-card strong{font-size:1rem}.info-card p,.fixture-card small{margin:5px 0 0;color:var(--muted);font-size:.86rem}.watch-section{padding:0 0 20px}.watch-card{display:flex;flex-direction:column;gap:28px;padding:36px 25px;background:var(--accent);color:#111700;border-radius:10px}.watch-card .eyebrow{color:#3b4b00}.watch-card p:not(.eyebrow){max-width:580px;margin:12px 0 0;color:#344000}.fixture-card h3{margin:0;font-size:1.25rem}.fixture-card h3 span{padding:0 7px;color:var(--muted);font-size:.8rem}.faq{padding-top:45px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:20px 0;cursor:pointer;font-weight:750;list-style:none}summary:after{float:right;color:var(--accent);content:"+"}details[open] summary:after{content:"-"}details p{max-width:720px;margin:0 0 20px;color:var(--muted)}.site-footer{display:flex;flex-direction:column;gap:15px;padding:36px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}.site-footer p{margin:0}@media(min-width:720px){.hero{padding:82px 0}.hero-grid{grid-template-columns:1.2fr .8fr}.info-grid{grid-template-columns:repeat(3,1fr)}.watch-card{flex-direction:row;align-items:center;justify-content:space-between;padding:45px}.site-footer{flex-direction:row;align-items:center;justify-content:space-between}}@media(max-width:420px){.container{width:min(calc(100% - 30px),var(--max))}nav{gap:13px}nav a{font-size:.76rem}.featured-match{padding:18px}.teams{padding:21px 0 15px}}