/* MobCash Team: night-match theme (dark, football + 1xBet blue) */
:root{
  --bg:#04070d;--bg2:#070d19;--card:#0b1424;--card2:#101c33;--line:rgba(130,170,255,.16);--line2:rgba(130,170,255,.32);
  --blue:#2d7cff;--blue2:#6aa9ff;--green:#16e07a;--green2:#9dffcf;--gold:#ffc83d;--red:#ff5468;
  --txt:#eaf0ff;--mute:#93a3c6;--r:18px;
  --disp:'Barlow Condensed','Arial Narrow','Roboto Condensed',Impact,system-ui,sans-serif;
  --body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--txt);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
   radial-gradient(900px 520px at 10% -6%,rgba(45,124,255,.30),transparent 62%),
   radial-gradient(760px 480px at 98% 2%,rgba(255,255,255,.07),transparent 58%),
   radial-gradient(900px 600px at 50% 112%,rgba(22,224,122,.13),transparent 62%),
   var(--bg)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='360' viewBox='0 0 560 360' fill='none' stroke='%23fff' stroke-width='2'%3E%3Crect x='20' y='20' width='520' height='320'/%3E%3Cpath d='M280 20v320'/%3E%3Ccircle cx='280' cy='180' r='56'/%3E%3Cpath d='M20 110h72v140H20M540 110h-72v140h72'/%3E%3C/svg%3E") center top/ 1120px 720px repeat}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue2);text-decoration:none}
a:hover{color:#fff}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px}
.wrap{width:min(1200px,100% - 2rem);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:1rem;top:-4rem;background:var(--green);color:#03140a;padding:.6rem 1rem;border-radius:8px;z-index:100;font-weight:700}
.skip:focus{top:.6rem}

/* ticker */
.ticker{width:100%;max-width:100vw;background:linear-gradient(90deg,#06101f,#0a1c40 50%,#06101f);border-block-end:1px solid var(--line);overflow:hidden;direction:ltr;
  font:700 .8rem var(--disp);letter-spacing:.16em;text-transform:uppercase;color:#9fc0ff}
.ticker-track{display:flex;gap:2.6rem;width:max-content;padding:.5rem 0;animation:tick 46s linear infinite}
.ticker span{display:inline-flex;align-items:center;white-space:nowrap;unicode-bidi:plaintext}
.ticker span::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--green);margin-inline-end:.6rem;box-shadow:0 0 10px var(--green)}
@keyframes tick{to{transform:translateX(-50%)}}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(4,7,13,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-block-end:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:1.2rem;min-height:68px}
.logo{display:inline-flex;align-items:center;gap:.6rem;color:#fff}
.logo svg{width:38px;height:38px;flex:none}
.logo-t{display:flex;flex-direction:column;line-height:.95;font-family:var(--disp);text-transform:uppercase}
.logo-t b{font-size:1.45rem;font-weight:800;letter-spacing:.03em}
.logo-t i{font-style:normal;font-size:.8rem;font-weight:700;letter-spacing:.42em;color:var(--green)}
.nav{display:flex;gap:.2rem;margin-inline:auto}
.nav a{color:#c3d0ee;font:700 .95rem var(--disp);letter-spacing:.08em;text-transform:uppercase;padding:.55rem .85rem;border-radius:10px;position:relative}
.nav a:hover,.nav a[aria-current]{color:#fff}
.nav a[aria-current]::after{content:"";position:absolute;inset-inline:.85rem;bottom:.15rem;height:2px;background:linear-gradient(90deg,var(--green),var(--blue));border-radius:2px}
.hdr-act{display:flex;align-items:center;gap:.7rem}
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#fff;border-radius:10px;padding:.5rem .7rem;font:700 .9rem var(--disp);letter-spacing:.08em;cursor:pointer}
.lang-btn svg{width:16px;height:16px;fill:currentColor}
.lang-menu{position:absolute;inset-inline-end:0;top:calc(100% + .5rem);min-width:180px;background:#0a1324;border:1px solid var(--line2);border-radius:14px;padding:.4rem;display:none;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.lang.open .lang-menu{display:block}
.lang-menu a{display:flex;justify-content:space-between;gap:1rem;color:#dbe5ff;padding:.55rem .7rem;border-radius:9px;font-size:.95rem}
.lang-menu a:hover,.lang-menu a[aria-current]{background:rgba(45,124,255,.18);color:#fff}
.lang-menu small{color:var(--mute);font-weight:700}
.burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.05);cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:.2s}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border:0;cursor:pointer;color:#fff;padding:.85rem 1.7rem;font:800 1.05rem/1 var(--disp);letter-spacing:.07em;text-transform:uppercase;
  clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:filter .2s,transform .2s;text-align:center}
.btn:hover{filter:brightness(1.12);color:inherit;transform:translateY(-1px)}
.btn svg{width:18px;height:18px;fill:currentColor;flex:none}
.btn-go{background:linear-gradient(180deg,#2cf28f,#0fbe62);color:#031409}
.btn-go:hover{color:#031409}
.btn-ghost{background:linear-gradient(180deg,rgba(45,124,255,.32),rgba(45,124,255,.14));color:#d8e6ff}
.btn-sm{padding:.65rem 1.2rem;font-size:.95rem}
.btn-lg{padding:1.05rem 2.1rem;font-size:1.2rem}
.link-arrow{display:inline-flex;gap:.5rem;align-items:center;font:700 1rem var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--green)}
.link-arrow::after{content:"→"}
[dir=rtl] .link-arrow::after{content:"←"}

/* typography blocks */
h1,h2,h3{font-family:var(--disp);margin:0;text-transform:uppercase;letter-spacing:.012em}
h1{font-weight:800;font-size:clamp(2.5rem,5.8vw,4.7rem);line-height:.98}
h1 em,h2 em{font-style:normal;background:linear-gradient(90deg,var(--green),var(--green2));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-weight:800;font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.02}
h3{font-weight:700;font-size:1.35rem;line-height:1.15;letter-spacing:.03em}
p{margin:0 0 1rem}
.lead{font-size:clamp(1.02rem,1.5vw,1.2rem);color:#b9c8e8;max-width:62ch}
.kicker{display:inline-flex;align-items:center;gap:.6rem;font:700 .9rem var(--disp);letter-spacing:.22em;text-transform:uppercase;color:var(--green);margin-bottom:.9rem}
.kicker::before{content:"";width:28px;height:2px;background:var(--green);box-shadow:0 0 10px var(--green)}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;border:1px solid rgba(22,224,122,.35);background:rgba(22,224,122,.08);color:var(--green2);padding:.38rem .9rem;border-radius:999px;font:700 .82rem var(--disp);letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.2rem}
.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(22,224,122,.7);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(22,224,122,0)}100%{box-shadow:0 0 0 0 rgba(22,224,122,0)}}
.sec{padding:clamp(3rem,7vw,5.5rem) 0}
.sec-head{max-width:760px;margin-bottom:2.2rem}
.sec-head p{color:var(--mute);margin-top:.8rem}
.card{position:relative;background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:var(--r);padding:1.5rem;overflow:hidden}
.card::before{content:"";position:absolute;inset-block-start:0;inset-inline-end:0;width:54px;height:54px;background:linear-gradient(225deg,rgba(45,124,255,.4),transparent 62%)}
.card h3{margin-bottom:.5rem}
.card p{color:#a9b8da;margin:0;font-size:.97rem}
.grid{display:grid;gap:1rem}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}

/* hero */
.hero{padding:clamp(2rem,5vw,4.2rem) 0 2.5rem;position:relative}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:2.5rem;align-items:center}
.hero .lead{margin:1.3rem 0 1.8rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.trust{margin-top:1.3rem;color:var(--mute);font-size:.88rem;letter-spacing:.02em}
.hero-art{position:relative;aspect-ratio:4/5;max-height:640px;margin-inline:auto;width:100%}
.hero-art .photo{position:absolute;inset:0;overflow:hidden;clip-path:polygon(14% 0,100% 0,100% 86%,86% 100%,0 100%,0 14%);background:#06101f}
.hero-art .photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.hero-art .photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,7,13,.85)),linear-gradient(135deg,rgba(45,124,255,.18),transparent 50%)}
.hero-art::before{content:"";position:absolute;inset:-14px;clip-path:polygon(14% 0,100% 0,100% 86%,86% 100%,0 100%,0 14%);background:linear-gradient(135deg,var(--blue),transparent 40%,var(--green));opacity:.7}
.chip{position:absolute;z-index:3;background:rgba(7,13,25,.92);border:1px solid var(--line2);backdrop-filter:blur(8px);border-radius:14px;padding:.7rem .95rem;display:flex;gap:.7rem;align-items:center;box-shadow:0 14px 40px rgba(0,0,0,.5)}
.chip b{font:800 1.5rem/1 var(--disp);color:var(--green)}
.chip small{display:block;color:var(--mute);font-size:.74rem;letter-spacing:.04em}
.chip-a{inset-inline-start:-6%;top:12%}
.chip-b{inset-inline-end:-4%;bottom:14%}
.chip i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(22,224,122,.14);color:var(--green);font-style:normal;font-weight:800}
.ball{position:absolute;z-index:2;width:92px;inset-inline-end:8%;top:-2%;filter:drop-shadow(0 12px 18px rgba(0,0,0,.6));animation:bob 5s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-12px) rotate(12deg)}}
.scoreboard{display:grid;grid-template-columns:repeat(4,1fr);margin-top:2.4rem;border:1px solid var(--line2);border-radius:18px;background:linear-gradient(180deg,#0b1628,#060c18);overflow:hidden;position:relative}
.scoreboard::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--green),var(--gold))}
.sb{padding:1.3rem 1rem;text-align:center;border-inline-end:1px solid var(--line)}
.sb:last-child{border:0}
.sb b{display:block;font:800 clamp(2rem,4.4vw,3.3rem)/1 var(--disp);color:var(--green);text-shadow:0 0 22px rgba(22,224,122,.55);letter-spacing:.02em}
.sb span{display:block;margin-top:.45rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--mute)}

/* match plan */
.plan{counter-reset:p;position:relative}
.plan .card{padding-top:4.2rem}
.min{position:absolute;inset-inline-start:1.4rem;top:.7rem;font:800 3.2rem/1 var(--disp);color:transparent;-webkit-text-stroke:1.5px var(--blue2);opacity:.9}
.plan .card:nth-child(4) .min{-webkit-text-stroke-color:var(--green)}

/* league table */
.tbl-wrap{overflow-x:auto;margin-inline:-1rem;padding-inline:1rem}
.league{width:100%;min-width:640px;border-collapse:separate;border-spacing:0 .55rem}
.league th{font:700 .8rem var(--disp);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);text-align:start;padding:.3rem 1rem}
.league td{background:linear-gradient(180deg,var(--card2),var(--card));padding:1.05rem 1rem;border-block:1px solid var(--line);font-size:.98rem}
.league td:first-child{border-inline-start:1px solid var(--line);border-start-start-radius:14px;border-end-start-radius:14px;width:64px}
.league td:last-child{border-inline-end:1px solid var(--line);border-start-end-radius:14px;border-end-end-radius:14px}
.pos{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;font:800 1.2rem var(--disp);background:rgba(255,255,255,.06);color:#fff}
.league tr:nth-child(1) .pos{background:linear-gradient(135deg,#ffd978,#e0a100);color:#2a1d00}
.league tr:nth-child(2) .pos{background:linear-gradient(135deg,#e8eefc,#9aa8c6);color:#101a2e}
.league tr:nth-child(3) .pos{background:linear-gradient(135deg,#e7a46a,#a2561c);color:#2a1300}
.league .tn{font:800 1.25rem var(--disp);text-transform:uppercase;letter-spacing:.04em}
.league .big{font:800 1.5rem var(--disp);color:var(--green)}
.league .big.o{color:var(--blue2)}
.note{color:var(--mute);font-size:.9rem;margin-top:1rem}

/* terminal */
.split{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center}
.phones{position:relative}
.phones::before{content:"";position:absolute;inset:8% 4% 4%;background:radial-gradient(closest-side,rgba(45,124,255,.4),transparent);filter:blur(30px);z-index:-1}
.feat{display:flex;gap:1rem;padding:.9rem 0;border-block-end:1px solid var(--line)}
.feat:last-of-type{border:0}
.feat i{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(45,124,255,.16);color:var(--blue2)}
.feat i svg{width:22px;height:22px;fill:currentColor}
.feat h3{font-size:1.15rem;margin-bottom:.15rem}
.feat p{color:#a9b8da;font-size:.94rem;margin:0}

/* faq */
.faq{display:grid;gap:.7rem;max-width:900px}
.faq details{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:14px;padding:0 1.2rem}
.faq summary{cursor:pointer;list-style:none;padding:1.05rem 0;font:700 1.15rem var(--disp);letter-spacing:.04em;text-transform:uppercase;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:700 1.6rem/1 var(--disp);color:var(--green);transition:.2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details[open]{border-color:var(--line2)}
.faq p{color:#a9b8da;padding-bottom:1.1rem;margin:0}

/* cta band */
.band{position:relative;border-radius:26px;overflow:hidden;padding:clamp(2rem,5vw,3.6rem);border:1px solid var(--line2);
  background:linear-gradient(120deg,rgba(45,124,255,.35),rgba(6,12,24,.9) 55%,rgba(22,224,122,.25))}
.band::before{content:"";position:absolute;inset:0;opacity:.18;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='260' viewBox='0 0 640 260' fill='none' stroke='%23fff' stroke-width='3'%3E%3Ccircle cx='520' cy='130' r='96'/%3E%3Cpath d='M520 20v220M400 20h240v220H400'/%3E%3C/svg%3E") right center/contain no-repeat}
[dir=rtl] .band::before{background-position:left center;transform:scaleX(-1)}
.band>*{position:relative}
.band h2{margin-bottom:.7rem}
.band p{color:#c5d3f0;max-width:52ch;margin-bottom:1.6rem}

/* footer */
.ftr{margin-top:3rem;border-block-start:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(7,13,25,.9))}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding:3rem 0 2rem}
.ftr h4{margin:0 0 .8rem;font:700 .9rem var(--disp);letter-spacing:.2em;text-transform:uppercase;color:var(--green)}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.ftr li,.ftr p{color:#9fb0d2;font-size:.92rem}
.ftr a{color:#c3d0ee}
.ftr-legal{border-block-start:1px solid var(--line);padding:1.2rem 0 2.4rem;color:#7f8fb2;font-size:.8rem}

/* inner pages */
.crumbs{display:flex;gap:.6rem;color:var(--mute);font-size:.85rem;padding-top:1.4rem}
.crumbs a{color:var(--mute)}
.crumbs span[aria-hidden]{opacity:.5}
.phero{padding:1.2rem 0 2.2rem}
.phero h1{font-size:clamp(2.2rem,5vw,4rem);max-width:19ch;margin:.6rem 0 1.1rem}
.phero .lead{margin:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.8rem}
.stat{border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;background:rgba(11,20,36,.7)}
.stat small{display:block;color:var(--mute);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.stat b{display:block;font:700 1.15rem var(--disp);letter-spacing:.03em;margin-top:.2rem}
.timeline{display:grid;gap:1rem;position:relative}
.tl{display:grid;grid-template-columns:96px 1fr;gap:1.2rem;align-items:start}
.tl .min{position:static;font-size:3rem;text-align:center;padding-top:.3rem}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ol{margin:.8rem 0 0;padding:0;list-style:none;display:grid;gap:.6rem;counter-reset:o}
.ol li{counter-increment:o;position:relative;padding-inline-start:2.2rem;color:#a9b8da;font-size:.95rem}
.ol li::before{content:counter(o);position:absolute;inset-inline-start:0;top:.05rem;width:1.5rem;height:1.5rem;border-radius:50%;background:rgba(22,224,122,.15);color:var(--green);display:grid;place-items:center;font:800 .85rem var(--disp)}
.tag{display:inline-block;font:700 .78rem var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--blue2);margin-bottom:.4rem}

/* calculator */
.calc{display:grid;grid-template-columns:1.15fr .85fr;gap:1.4rem;align-items:start}
.field{margin-bottom:1.6rem}
.field-h{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.7rem;font-weight:600;color:#cfdcf7}
.field-h output{font:800 1.8rem var(--disp);color:var(--green);letter-spacing:.02em}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--green) var(--progress,30%),rgba(255,255,255,.12) var(--progress,30%));outline:0}
[dir=rtl] input[type=range]{direction:rtl}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6l4.5 3.3-1.7 5.2H9.2L7.5 9.3z' fill='%23060c18'/%3E%3C/svg%3E") center/18px no-repeat;border:3px solid var(--green);cursor:grab;box-shadow:0 4px 12px rgba(0,0,0,.5)}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--green);cursor:grab}
.range-l{display:flex;justify-content:space-between;color:var(--mute);font-size:.78rem;margin-top:.4rem}
.hint{color:var(--mute);font-size:.84rem;margin-top:.3rem}
.days{display:flex;gap:.5rem;border:0;padding:0;margin:0}
.days label{flex:1}
.days input{position:absolute;opacity:0}
.days span{display:block;text-align:center;border:1px solid var(--line2);border-radius:12px;padding:.6rem;font:700 1rem var(--disp);letter-spacing:.05em;cursor:pointer;background:rgba(255,255,255,.03)}
.days input:checked+span{background:var(--green);color:#03140a;border-color:var(--green)}
.days input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}
.result{background:linear-gradient(180deg,#0b1628,#060c18);border:1px solid var(--line2);border-radius:20px;padding:1.6rem;position:sticky;top:90px}
.result .row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem 0;border-block-end:1px dashed var(--line)}
.result .row span{color:var(--mute);font-size:.9rem}
.result .row b{font:800 1.5rem var(--disp);letter-spacing:.02em}
.result .row.main b{font-size:2.6rem;color:var(--green);text-shadow:0 0 20px rgba(22,224,122,.5)}
.pill{display:inline-block;background:rgba(45,124,255,.2);color:var(--blue2);border:1px solid var(--line2);padding:.25rem .8rem;border-radius:999px;font:700 .85rem var(--disp);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.8rem}
.result .btn{width:100%;margin-top:1.2rem}

/* markets */
.mk{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:start}
select,.inp{width:100%;background:#09111f;color:#fff;border:1px solid var(--line2);border-radius:12px;padding:.85rem 1rem;font:500 1rem var(--body)}
select:focus,.inp:focus{outline:2px solid var(--green);outline-offset:1px}
.mk-out{background:linear-gradient(180deg,#0b1628,#060c18);border:1px solid var(--line2);border-radius:18px;padding:1.4rem}
.mk-out b{display:block;font:800 3rem/1.1 var(--disp);color:var(--green);text-shadow:0 0 20px rgba(22,224,122,.45)}
.mk-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;margin-top:1rem}
.mk-list div{display:flex;align-items:center;gap:.6rem;border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem;font-size:.9rem;background:rgba(255,255,255,.02)}
.mk-list img{width:24px;height:18px;object-fit:cover;border-radius:3px;flex:none}
.mk-list b{margin-inline-start:auto;color:var(--green);font-family:var(--disp);font-size:1.05rem}

/* verify */
.vbox{display:flex;gap:.7rem;flex-wrap:wrap}
.vbox .inp{flex:1;min-width:230px;direction:ltr;text-align:start}
.vres{margin-top:1rem;padding:1rem 1.2rem;border-radius:14px;border:1px solid var(--line);display:none;font-weight:600}
.vres.ok{display:block;border-color:rgba(22,224,122,.5);background:rgba(22,224,122,.1);color:var(--green2)}
.vres.no{display:block;border-color:rgba(255,84,104,.5);background:rgba(255,84,104,.1);color:#ffc0c8}
.vres.warn{display:block;border-color:var(--line2);background:rgba(45,124,255,.1);color:#cfe0ff}
.bots .card h3{direction:ltr;text-align:start;font-size:1.3rem;color:#fff;text-transform:none;letter-spacing:.01em;word-break:break-all}
.badge{display:inline-flex;align-items:center;gap:.4rem;color:var(--green);font:700 .8rem var(--disp);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.6rem}
.badge::before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--green);color:#03140a;font-size:.7rem}
.bots p{margin-bottom:1rem}

/* apply page */
.apply{display:grid;grid-template-columns:1fr .9fr;gap:2.5rem;align-items:center}
.apply-art{position:relative}
.apply-art img{border-radius:26px;clip-path:polygon(14% 0,100% 0,100% 86%,86% 100%,0 100%,0 14%);aspect-ratio:4/5;object-fit:cover}

/* 404 */
.nf{min-height:60vh;display:grid;place-items:center;text-align:center;padding:4rem 0}
.nf .big{font:800 clamp(6rem,22vw,13rem)/1 var(--disp);color:transparent;-webkit-text-stroke:2px var(--blue2);letter-spacing:.04em}

/* telegram form (wizard) */
.tg-ov{position:fixed;inset:0;z-index:200;background:rgba(2,5,10,.78);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:1rem}
.tg-ov.on{display:flex}
.tg{position:relative;width:min(560px,100%);max-height:calc(100dvh - 2rem);overflow:auto;background:linear-gradient(180deg,#0d1932,#070e1c);border:1px solid var(--line2);border-radius:24px;box-shadow:0 40px 120px rgba(0,0,0,.7)}
.tg::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--green),var(--gold))}
.tg-x{position:absolute;inset-inline-end:.8rem;top:.8rem;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;z-index:2}
.tg-in{padding:1.8rem 1.6rem 1.4rem}
.tg-t{font:800 2rem/1.05 var(--disp);text-transform:uppercase;margin:0 2.4rem .3rem 0;letter-spacing:.02em}
[dir=rtl] .tg-t{margin:0 0 .3rem 2.4rem}
.tg-t b{color:var(--green)}
.tg-sub{color:var(--mute);margin-bottom:1.2rem;font-size:.95rem}
.steps{display:flex;align-items:center;gap:.4rem;margin-bottom:1.3rem}
.steps li{list-style:none;display:flex;align-items:center;gap:.5rem;font:700 .82rem var(--disp);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.steps{padding:0}
.steps li i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);font-style:normal;color:var(--mute)}
.steps li.on{color:#fff}.steps li.on i{background:var(--green);border-color:var(--green);color:#03140a}
.steps li.done i{background:rgba(22,224,122,.2);border-color:var(--green);color:var(--green)}
.steps .bar{flex:1;height:2px;background:var(--line2);min-width:14px}
.steps .bar.done{background:var(--green)}
.tg-h{font:700 1.1rem var(--disp);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .8rem}
.langs{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
.opt{display:flex;align-items:center;gap:.7rem;width:100%;text-align:start;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:.75rem .9rem;color:#fff;font:600 1rem var(--body);cursor:pointer;transition:.15s}
.opt:hover{border-color:var(--green);background:rgba(22,224,122,.08)}
.opt.sel{border-color:var(--green);background:rgba(22,224,122,.14)}
.opt img{width:30px;height:22px;object-fit:cover;border-radius:4px;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.opt small{display:block;color:var(--mute);font-weight:500;font-size:.75rem}
.srch{position:relative;margin-bottom:.8rem}
.srch input{width:100%;background:#09111f;border:1px solid var(--line2);border-radius:12px;padding:.8rem 1rem;color:#fff;font:500 1rem var(--body)}
.srch input:focus{outline:2px solid var(--green);outline-offset:1px}
.ctry{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;max-height:min(46vh,360px);overflow:auto;padding-inline-end:.2rem}
.sug{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}
.sug .opt{width:auto;padding:.5rem .8rem;border-color:rgba(255,200,61,.5);background:rgba(255,200,61,.08)}
.lbl{font:700 .78rem var(--disp);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 .5rem}
.empty{color:var(--mute);padding:.6rem}
.none{margin-top:.8rem;justify-content:center;border-style:dashed;color:#cfe0ff}
.tg-back{background:none;border:0;color:var(--mute);cursor:pointer;font:600 .9rem var(--body);padding:.3rem 0;margin-bottom:.6rem}
.tg-back:hover{color:#fff}
.res{text-align:center}
.res-av{width:92px;height:92px;margin:.2rem auto 1rem;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#4a98ff,#1459d6);box-shadow:0 0 0 6px rgba(45,124,255,.18),0 0 40px rgba(45,124,255,.5)}
.res-av svg{width:46px;height:46px;fill:#fff;margin-inline-end:4px}
.res-for{color:var(--mute);font-size:.9rem}
.res-for b{color:#fff;display:inline-flex;align-items:center;gap:.4rem}
.res-for img{width:22px;height:16px;border-radius:3px;object-fit:cover}
.res-h{font:800 2.1rem var(--disp);margin:.3rem 0 .2rem;direction:ltr;letter-spacing:.02em;text-transform:none}
.res-ok{color:var(--green2);font-size:.82rem;margin-bottom:1.2rem}
.res .btn{width:100%}
.res .btn+.btn{margin-top:.6rem}
.res-links{display:flex;justify-content:center;gap:1.2rem;margin-top:.8rem}
.res-links button{background:none;border:0;color:var(--blue2);cursor:pointer;font:600 .9rem var(--body)}
.feats{display:flex;justify-content:space-between;gap:.5rem;margin:1.2rem 0 .6rem;padding:0;list-style:none;color:#b9c8e8;font-size:.8rem}
.feats li{display:flex;align-items:center;gap:.4rem}
.feats svg{width:16px;height:16px;fill:none;stroke:var(--green);stroke-width:2}
.tg-note{color:#7f8fb2;font-size:.78rem;margin:0}
.tg-note b{color:#b9c8e8}
.lead-f{display:grid;gap:.8rem}
.lead-f label{display:grid;gap:.3rem;font-size:.82rem;color:var(--mute)}
.lead-f .inp{padding:.7rem .9rem}
.lead-f .hp{position:absolute;left:-9999px}
.msg{min-height:1.2rem;font-size:.88rem;color:#ffc0c8;margin:0}
.thanks{text-align:center;padding:1rem 0;color:var(--green2)}
.thanks svg{width:56px;height:56px;stroke:var(--green);fill:none;stroke-width:2.2;margin:0 auto .6rem}
.inline-form{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line2);border-radius:24px;padding:0;position:relative;overflow:hidden}

/* reveal */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}.ticker-track,.ball,.eyebrow i{animation:none}html{scroll-behavior:auto}}

/* non-latin scripts */
[lang=ar] body,[lang=ur] body{font-family:'Noto Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif}
[lang=am] body{font-family:'Noto Sans Ethiopic','Nyala',system-ui,sans-serif}
[lang=ar],[lang=ur],[lang=am]{--disp:'Barlow Condensed','Noto Sans Arabic','Noto Sans Ethiopic','Segoe UI',Tahoma,Arial,sans-serif}
[lang=ur]{--disp:'Barlow Condensed','Noto Naskh Arabic','Noto Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif}
[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ur] h1,[lang=ur] h2,[lang=ur] h3,[lang=am] h1,[lang=am] h2,[lang=am] h3,
[lang=ar] .btn,[lang=ur] .btn,[lang=am] .btn,[lang=ar] .nav a,[lang=ur] .nav a,[lang=am] .nav a,[lang=ar] .kicker,[lang=ur] .kicker,[lang=am] .kicker,
[lang=ar] .league .tn,[lang=ur] .league .tn,[lang=am] .league .tn,[lang=ar] .faq summary,[lang=ur] .faq summary,[lang=am] .faq summary,
[lang=ar] .tg-t,[lang=ur] .tg-t,[lang=am] .tg-t{text-transform:none;letter-spacing:0}
[lang=ar] h1,[lang=ur] h1,[lang=am] h1{line-height:1.3;font-size:clamp(2rem,4.6vw,3.6rem)}
[lang=ar] h2,[lang=ur] h2,[lang=am] h2{line-height:1.3;font-size:clamp(1.6rem,3.4vw,2.5rem)}
[lang=ar] h3,[lang=ur] h3,[lang=am] h3{line-height:1.4}
[lang=ar] .kicker,[lang=ur] .kicker,[lang=am] .kicker,[lang=ar] .eyebrow,[lang=ur] .eyebrow,[lang=am] .eyebrow,[lang=ar] .sb span,[lang=ur] .sb span,[lang=am] .sb span,
[lang=ar] .league th,[lang=ur] .league th,[lang=am] .league th{letter-spacing:0}
[lang=ar] .eyebrow,[lang=ur] .eyebrow,[lang=am] .eyebrow{font-size:.9rem}
[lang=ar] .btn,[lang=ur] .btn,[lang=am] .btn{font-weight:700;font-size:1rem;line-height:1.3}
[lang=ur] body{line-height:1.95}

/* responsive */
@media (max-width:1020px){
  .hero-grid,.split,.calc,.mk,.apply{grid-template-columns:1fr}
  .hero-art{max-width:460px}
  .g4{grid-template-columns:repeat(2,1fr)}
  .g3{grid-template-columns:repeat(2,1fr)}
  .result{position:static}
  .ftr-grid{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .burger{display:flex}
  .nav{position:absolute;inset-inline:0;top:100%;flex-direction:column;background:#070d19;border-block-end:1px solid var(--line);padding:.6rem 1rem 1rem;display:none;margin:0}
  .nav.open{display:flex}
  .nav a{padding:.8rem .6rem;font-size:1.05rem}
  .hdr-act .btn{display:none}
  .hdr-in{justify-content:space-between}
  .hdr-act{margin-inline-start:auto}
}
@media (max-width:640px){
  .g2,.g3,.g4,.two-col{grid-template-columns:1fr}
  .scoreboard{grid-template-columns:repeat(2,1fr)}
  .sb:nth-child(2){border-inline-end:0}
  .sb:nth-child(-n+2){border-block-end:1px solid var(--line)}
  .tl{grid-template-columns:1fr}.tl .min{text-align:start}
  .ftr-grid{grid-template-columns:1fr}
  .chip-a{inset-inline-start:2%}.chip-b{inset-inline-end:2%}
  .btn-lg{width:100%}
  .ball{width:60px}
  .cta-row .btn{flex:1 1 100%}
  .stats{grid-template-columns:1fr 1fr}
  .tg-ov{align-items:flex-end;padding:0}
  .tg{border-end-start-radius:0;border-end-end-radius:0;max-height:92dvh;width:100%}
  .langs,.ctry{grid-template-columns:1fr}
  .steps li span{display:none}
}
@media (max-width:1180px) and (min-width:861px){.nav a{padding:.5rem .5rem;font-size:.86rem;letter-spacing:.04em}.hdr-in{gap:.7rem}}
.prose-sec{padding-block:clamp(1.6rem,4vw,3rem)}
.prose{max-width:900px}
.prose h2{font-size:clamp(1.6rem,3.2vw,2.4rem);margin-bottom:1rem}
.prose h3{margin:1.4rem 0 .4rem;color:#fff;font-size:1.25rem}
.prose p{color:#b4c2e2;margin:0 0 1rem}
.prose ul,.prose ol{margin:0 0 1.1rem;padding-inline-start:1.3rem;color:#b4c2e2;display:grid;gap:.45rem}
.prose li::marker{color:var(--green)}
.prose b{color:#fff}
.prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px}