@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101211;--panel:#1b1f1c;--muted:#aeb7af;--lime:#c9f667;--line:#343a34}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:#f4f6ef;font:16px/1.65 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--lime)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 30px}.notice{background:var(--lime);color:#1a2410;text-align:center;font-size:14px;padding:9px 20px}.notice a{text-decoration:underline}.notice a:hover{color:#1a2410}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:-.04em;font-size:25px;display:flex;gap:12px;align-items:center}.mark{width:34px;height:34px;display:grid;place-items:center;background:var(--lime);color:#101211;border-radius:8px;font-size:22px}.links{display:flex;align-items:center;gap:28px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 23px;border-radius:7px;background:var(--lime);color:#17200f;font-weight:700;font-size:14px;border:1px solid var(--lime);cursor:pointer}.button:hover{background:#dbff94;color:#17200f}.button.secondary{background:transparent;color:#f4f6ef;border-color:#576054}.hero{padding:86px 0 74px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:600;color:var(--lime);font-size:14px}.hero h1{font:800 clamp(4rem,8vw,7.5rem)/.88 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:25px 0 30px}.hero h1 span{color:var(--lime)}.lead{color:var(--muted);max-width:510px;font-size:18px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 20px}.small{font-size:14px;color:var(--muted)}.preview{background:#20261f;border:1px solid #46513f;border-radius:22px;padding:24px;transform:rotate(2deg);box-shadow:0 26px 70px #0006}.preview-top{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted)}.preview h3{font:700 34px/1.1 'Barlow Condensed',sans-serif;margin:28px 0 22px}.day{background:var(--lime);color:#15220b;border-radius:6px;padding:4px 10px;font-size:14px}.match{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;text-align:center;padding:24px 0;border-top:1px solid #45513e}.club{font-size:15px;font-weight:600}.score{font:700 36px/1 'Barlow Condensed',sans-serif}.match small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:6px}.preview-note{border-top:1px solid #45513e;padding-top:15px;margin:0;color:var(--muted);font-size:12px}.ribbon{border-block:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px}.ribbon span{color:#eef3e7;font-weight:600}.section{padding:80px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section h2,.page h1{font:700 clamp(2.5rem,5vw,4rem)/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;max-width:680px;letter-spacing:-.01em;margin:15px 0}.section-head p{max-width:370px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.card .number{color:var(--lime);font-size:14px}.card h3{font-size:21px;line-height:1.3;margin:35px 0 14px}.card p{color:var(--muted);margin:0}.feature-wide{grid-column:span 2;background:#222c1c}.download{background:var(--lime);color:#142008;padding:45px;border-radius:14px;display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}.download h2{margin:0 0 18px}.download p{max-width:560px}.download .button{background:#182010;color:#fff;border-color:#182010}.download .small{color:#344325}.download code{font-size:14px;overflow-wrap:anywhere}.download-side{border-left:1px solid #8ea948;padding-left:35px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;font-weight:600;list-style-position:outside;margin-left:18px}.faq details p{color:var(--muted)}.trust{display:flex;gap:35px;align-items:center;justify-content:space-between;padding:32px;border:1px solid var(--line);border-radius:12px}.trust h3{margin:0 0 7px}.trust p{color:var(--muted);margin:0;max-width:680px}.footer{border-top:1px solid var(--line);padding:36px 0}.footer-row{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-links{display:flex;gap:23px;font-size:14px}.page{max-width:850px;padding:70px 0}.page p,.page li{color:var(--muted)}.page h2{font-size:23px;color:#f4f6ef;margin-top:38px}.page code{overflow-wrap:anywhere}.skip{position:absolute;top:-100px;left:20px;background:var(--lime);color:#111;padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:850px){.hero{gap:40px;grid-template-columns:1fr;padding:55px 0}.preview{max-width:500px;width:100%;transform:none}.grid{grid-template-columns:repeat(2,1fr)}.feature-wide{grid-column:span 1}.download,.faq{grid-template-columns:1fr;gap:25px}.download-side{border-left:0;border-top:1px solid #8ea948;padding:25px 0 0}.section-head{display:block}.links{gap:18px}.trust{align-items:start;flex-direction:column}}@media(max-width:560px){.wrap{padding:0 20px}.nav{align-items:start;flex-direction:column;gap:15px}.links{flex-wrap:wrap;gap:16px;font-size:14px}.grid{grid-template-columns:1fr}.section{padding:52px 0}.hero h1{font-size:4.5rem}.download{padding:28px}.hero{gap:35px}.lead{font-size:16px}.ribbon{justify-content:start}.section h2{font-size:2.8rem}.footer-row{flex-direction:column}.preview{padding:20px}.match{gap:8px}.club{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Yacine TV red stadium theme */
:root{--bg:#100507;--panel:#1d0a0f;--muted:#c1aeb3;--lime:#ff2548;--line:#452029}body{background:radial-gradient(ellipse at 85% 0,#510712 0,transparent 34%),#100507}.notice{background:#2a0b12;color:#f7c4cd;border-bottom:1px solid #5b1b29}.notice a:hover{color:#fff}.brand-icon{border-radius:9px;object-fit:contain}.button{color:white;border-color:#ff2548;background:#ee1737}.button:hover{background:#ff425e;color:white}.button.secondary{background:#200b12;border-color:#71313e;color:white}.red-hero{grid-template-columns:1.6fr 1fr;gap:55px;padding:70px 0 55px}.hero h1{font-style:italic;line-height:.95;font-size:clamp(4rem,7.6vw,6.7rem)}.hero-brand{justify-self:end;display:flex;gap:22px;align-items:center;max-width:400px}.hero-brand img{width:125px;height:125px;border-radius:25px;box-shadow:0 20px 65px #f0002a44}.hero-brand strong{font:700 33px/1 'Barlow Condensed',sans-serif}.hero-brand span{display:block;margin-top:10px;color:var(--muted);font-size:14px}.banner{margin:0 0 28px;overflow:hidden;border:1px solid #7c1628;border-radius:16px;background:#270509;box-shadow:0 20px 80px #e9001a12}.banner img{display:block;width:100%;height:auto}.ribbon{font-size:14px;letter-spacing:.1em}.feature-wide{background:linear-gradient(115deg,#380b15,#1d0a0f)}.card h3{margin-top:24px}.download{background:linear-gradient(125deg,#ba0724,#f5193c);color:white}.download .eyebrow,.download .small{color:#ffe0e5!important}.download .button{background:white;color:#b60024;border-color:white}.download .button:hover{background:#ffe8ed}.download-side{border-color:#ff7188}.screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}.shot{background:#240a12;border:1px solid #632131;border-radius:15px;overflow:hidden;display:block;transition:transform .2s,border-color .2s}.shot:hover{transform:translateY(-6px);border-color:#ff2548}.shot img{display:block;width:100%;height:510px;object-fit:contain;background:#100305}.shot div{padding:22px}.shot span{font-size:12px;letter-spacing:.13em;color:#ff8095}.shot h3{font-size:19px;margin:8px 0 0}.trust{background:linear-gradient(110deg,#230a11,transparent)}.footer .brand{font-size:23px}
@media(max-width:850px){.red-hero{grid-template-columns:1fr}.hero-brand{justify-self:start;max-width:none}.hero-brand img{width:80px;height:80px;border-radius:16px}.screenshots{gap:14px}.shot img{height:360px}.shot div{padding:16px}.links{gap:14px}.shot h3{font-size:17px}}
@media(max-width:560px){.red-hero{padding:45px 0 35px;gap:22px}.hero h1{font-size:4.25rem}.hero-brand{display:none}.banner{margin-inline:-8px;border-radius:8px}.screenshots{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 18px}.shot{flex:0 0 85%;scroll-snap-align:start}.shot img{height:470px}.ribbon{gap:15px;font-size:12px}.nav{flex-direction:row;flex-wrap:wrap}.links{width:100%;justify-content:space-between;gap:10px}.links .button{padding:8px 12px;min-height:40px}.download-side{border-top-color:#ff7188}}
@media(prefers-reduced-motion:reduce){.shot{transition:none}}