@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#eef2f4;--nav:#0a141c;--panel:#fff;--ink:#101b24;--muted:#7b8992;--line:#dfe6ea;--g:#18c875;--g2:#0b9f55;--soft:#eaf9f1;--red:#e95461;--shadow:0 10px 28px #0a1a2509}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#f7f9fa,#eef2f4);color:var(--ink);font:14px "DM Sans",Arial,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.top{height:76px;background:linear-gradient(90deg,#091219,#10202a);display:flex;align-items:center;padding:0 max(18px,calc((100% - 1480px)/2));gap:34px;color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #24343e}.logo{display:flex;align-items:center;gap:9px;font:800 25px Manrope;letter-spacing:-1.3px}.mark{width:35px;height:35px;border-radius:10px;background:linear-gradient(145deg,#25db7f,#0b9d54);display:grid;place-items:center;color:#061a10;font-weight:900;font-size:20px}.mark:after{content:"K"}.logo i{color:var(--g);font-style:normal}.nav{height:100%;display:flex;gap:27px}.nav a{display:flex;align-items:center;color:#9eabb4;font-weight:700;position:relative}.nav a.active,.nav a:hover{color:#fff}.nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--g)}.actions{margin-left:auto;display:flex;gap:8px}.lang,.btn{border-radius:8px;padding:11px 16px;font-weight:800}.lang{border:1px solid #2d3c46;background:#15222b;color:#c8d1d6;font-size:11px}.btn{display:inline-flex;justify-content:center;border:0}.dark{background:#17252e;color:#fff;border:1px solid #30424c}.green{background:var(--g);color:#062014}.wrap{width:min(1480px,100%);margin:auto;padding:18px}.grid{display:grid;grid-template-columns:232px minmax(0,1fr) 342px;gap:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.sidebar{padding:12px}.label{font-size:9px;letter-spacing:1.3px;color:#8d99a1;font-weight:900;margin:12px 9px 8px}.side{display:flex;align-items:center;gap:11px;padding:11px 10px;border-radius:9px;color:#586771;font-weight:700}.side:hover,.side.active{background:var(--soft);color:var(--g2)}.num{margin-left:auto;font-size:9px;color:#9ca8b0}.hero{min-height:285px;padding:38px;border-radius:15px;overflow:hidden;position:relative;color:#fff;background:radial-gradient(circle at 85% 20%,#18c8753d,transparent 28%),linear-gradient(115deg,#081219,#102832 62%,#0b4a32);box-shadow:0 16px 35px #06141d24}.hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff12;border-radius:50%;right:-40px;bottom:-165px;box-shadow:0 0 0 45px #ffffff06,0 0 0 90px #ffffff04}.hero>div{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#5ce69d;font-weight:900}.hero h1{font:800 40px/1.03 Manrope;margin:10px 0 13px;letter-spacing:-1.8px}.hero p{color:#c6d2d8;max-width:590px;line-height:1.6}.hero .actions2{display:flex;gap:8px;margin-top:22px}.ghost{background:#ffffff12;color:#fff;border:1px solid #ffffff1f}.sports{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:15px 0 18px}.sport{padding:13px 7px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:10px;color:#53616b;font-weight:800;box-shadow:var(--shadow)}.sport:hover{border-color:#8bd5ae;color:var(--g2)}.sport b{display:block;font-size:21px;margin-bottom:5px}.bar{display:flex;justify-content:space-between;align-items:center;margin:18px 1px 10px}.bar h2{font:700 18px Manrope;margin:0}.bar a{font-size:11px;font-weight:900;color:var(--g2)}.chips{display:flex;gap:6px;overflow:auto;margin-bottom:10px}.chip{padding:8px 12px;white-space:nowrap;border:1px solid var(--line);border-radius:7px;background:#fff;color:#687680;font-size:11px;font-weight:800}.chip.active{background:#0e1b23;color:#fff}.league{overflow:hidden;margin-bottom:10px}.lh{height:43px;background:#f8fafb;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;gap:9px;color:#849099;font-size:10px}.lh strong{color:#34434e;font-size:11px}.live{color:var(--red);font-weight:900}.match{padding:14px}.teams{display:grid;grid-template-columns:1fr 74px 1fr;gap:10px;align-items:center}.team{font-weight:800}.right{text-align:right}.score{text-align:center;font:900 18px Manrope}.score small{display:block;color:var(--red);font:9px "DM Sans"}.markets{margin-top:14px}.mname{text-transform:uppercase;font-size:9px;color:#909ba2;font-weight:900;margin-bottom:6px}.odds{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.odd{display:flex;justify-content:space-between;padding:10px 12px;border:1px solid #e1e6e9;background:#f6f8f9;border-radius:7px;font-size:11px;font-weight:800;cursor:pointer}.odd b{color:var(--g2)}.odd.sel,.odd:hover{background:#edfaf3;border-color:#83d5aa}.promo{padding:21px;background:linear-gradient(145deg,#0c2530,#0d5a3b);color:#fff}.promo small{color:#66e9a3;font-size:9px;letter-spacing:1.5px;font-weight:900}.promo h3{font:700 20px/1.15 Manrope}.promo p{color:#c5d4da;font-size:12px;line-height:1.5}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.stat{padding:13px;background:#fff;border:1px solid var(--line);border-radius:10px}.stat b{font:700 18px Manrope}.stat span{display:block;color:var(--muted);font-size:10px}.popular{padding:17px;margin-top:12px}.popular h3{font-size:14px;margin:0 0 7px}.prow{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.prow:last-child{border:0}.prow b{color:var(--g2)}.coupon{margin-top:12px;overflow:hidden}.tabs{display:grid;grid-template-columns:1fr 1fr}.tabs div{text-align:center;padding:15px;color:#89959e;font-weight:900;border-bottom:1px solid var(--line)}.tabs .active{color:var(--g2);border-bottom:2px solid var(--g)}.empty{text-align:center;padding:42px 24px;color:var(--muted)}.ticket{width:50px;height:50px;border-radius:14px;background:#f0f4f5;display:grid;place-items:center;margin:0 auto 12px;font-size:23px}.empty strong{display:block;color:#34434e;margin-bottom:4px}.page{max-width:1020px;margin:auto}.pagehead{padding:23px;margin-bottom:14px}.pagehead h1{font:700 27px Manrope;margin:0 0 4px}.pagehead p{color:var(--muted);margin:0}.sportgrid,.promogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sportcard{padding:22px;background:#fff;border:1px solid var(--line);border-radius:11px;font-weight:800;box-shadow:var(--shadow)}.sportcard:hover{border-color:#8dd7b0}.promoCard{min-height:180px;padding:24px;border-radius:13px;color:#fff;background:linear-gradient(140deg,#0e252f,#0d5d3d)}.promoCard:nth-child(2){background:linear-gradient(140deg,#182330,#4b5224)}.promoCard:nth-child(3){background:linear-gradient(140deg,#132533,#315e54)}.promoCard h2{font:700 20px Manrope}.promoCard p{color:#c7d3d8;font-size:12px;max-width:360px}.form{max-width:480px;margin:40px auto;padding:28px}.form h1{font:700 26px Manrope;margin:0 0 5px}.sub{font-size:12px;color:var(--muted)}.field{margin:15px 0}.field label{display:block;font-size:10px;font-weight:900;margin-bottom:6px}.field input{width:100%;padding:12px;border:1px solid #d5dee3;border-radius:8px;outline:0}.full{width:100%}.footer{width:min(1480px,100%);margin:auto;padding:22px 18px;color:#87949c;font-size:10px;border-top:1px solid var(--line)}.mobile{display:none}
@media(max-width:1180px){.grid{grid-template-columns:210px minmax(0,1fr)}.rightcol{display:none}}
@media(max-width:780px){body{padding-bottom:65px}.top{height:63px;padding:0 12px}.nav,.lang{display:none}.actions .dark{display:none}.logo{font-size:22px}.mark{width:31px;height:31px}.wrap{padding:10px}.grid{display:block}.sidebar{display:none}.hero{min-height:280px;padding:27px 24px}.hero h1{font-size:31px}.sports{grid-template-columns:repeat(3,1fr);gap:6px}.sport{font-size:10px;padding:10px 4px}.sport b{font-size:18px}.teams{grid-template-columns:1fr 48px 1fr}.team{font-size:12px}.odds{gap:4px}.odd{padding:9px 7px;font-size:10px}.sportgrid,.promogrid{grid-template-columns:1fr 1fr}.form{margin:20px auto;padding:22px}.footer{display:none}.mobile{display:flex;position:fixed;bottom:0;left:0;right:0;height:65px;background:#0b151d;z-index:30;justify-content:space-around;align-items:center}.mobile a{color:#a8b4bc;text-align:center;font-size:9px;font-weight:900}.mobile a.active{color:var(--g)}.mobile span{display:block;font-size:18px;margin-bottom:2px}}
@media(max-width:430px){.hero h1{font-size:29px}.sportgrid,.promogrid{grid-template-columns:1fr 1fr}}
