@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Montserrat:wght@700;800;900&display=swap');

:root{
  --bg:#091d10;
  --bg2:#0d2415;
  --bg3:#060f08;
  --card:#112918;
  --gr:#177836;
  --gr2:#1fa048;
  --gr3:#29cc60;
  --yel:#f4c40e;
  --yel2:#fdd835;
  --red:#e53935;
  --teal:#00b49e;
  --wh:#f3fff6;
  --mu:#7c9f85;
  --bdr:rgba(31,160,72,.2);
  --bdr2:rgba(244,196,14,.2);
  --tr:.18s ease;
  --r:10px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:15px;scroll-behavior:smooth}
body{background:var(--bg);color:var(--wh);font-family:'DM Sans',sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
ul,ol{list-style:none}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--gr2);border-radius:2px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 20px;border-radius:8px;font-family:'DM Sans',sans-serif;font-weight:700;font-size:.79rem;cursor:pointer;border:none;white-space:nowrap;transition:filter .18s,transform .14s,box-shadow .18s}
.btn:active{transform:scale(.95)}
.btn-in{background:rgba(255,255,255,.08);color:var(--wh);border:1.5px solid rgba(255,255,255,.14)}
.btn-in:hover{border-color:var(--yel)}
.btn-yel{background:linear-gradient(135deg,var(--yel),var(--yel2));color:#140f00;font-weight:800;box-shadow:0 3px 14px rgba(244,196,14,.3)}
.btn-yel:hover{filter:brightness(1.08);box-shadow:0 5px 22px rgba(244,196,14,.48)}
.btn-gr{background:var(--gr2);color:#fff}
.btn-gr:hover{filter:brightness(1.1)}
.btn-sm{padding:7px 13px;font-size:.73rem}

.hdr{position:sticky;top:0;z-index:99;background:rgba(6,15,8,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--bdr)}
.hdr-in{max-width:1280px;margin:0 auto;padding:0 16px;height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.logo img{height:28px;width:auto}
.hdr-nav{display:none;gap:4px}
.hdr-nav a{font-size:.74rem;font-weight:500;color:var(--mu);padding:5px 10px;border-radius:6px;transition:all var(--tr)}
.hdr-nav a:hover{background:rgba(31,160,72,.14);color:var(--wh)}
.hdr-r{display:flex;gap:7px}

.hero{background:var(--bg2);overflow:hidden;position:relative;padding:44px 0 40px}
.hero::after{content:'365';position:absolute;right:-12px;bottom:-10px;font-family:'Montserrat',sans-serif;font-size:clamp(7rem,20vw,14rem);font-weight:900;color:rgba(244,196,14,.035);line-height:1;pointer-events:none;user-select:none;letter-spacing:-2px}
.hero-in{max-width:1280px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1fr;gap:28px;position:relative;z-index:2}
.h-pill{font-size:.58rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--yel);background:rgba(244,196,14,.09);border:1px solid rgba(244,196,14,.22);border-radius:50px;padding:3px 14px;display:inline-block;margin-bottom:12px}
.h-ttl{font-family:'Montserrat',sans-serif;font-size:clamp(1.7rem,6.5vw,3.2rem);font-weight:900;line-height:1.0;margin-bottom:10px;letter-spacing:-.5px}
.h-ttl em{font-style:normal;color:var(--yel2)}
.h-sub{font-size:.84rem;color:var(--mu);margin-bottom:16px;max-width:490px;line-height:1.65}
.h-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.hchip{font-size:.69rem;font-weight:500;color:var(--mu);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:50px;padding:3px 11px}
.h-btns{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}
.h-bonus{background:rgba(244,196,14,.08);border:1px solid rgba(244,196,14,.2);border-radius:var(--r);padding:12px 16px;max-width:490px}
.hb-v{font-family:'Montserrat',sans-serif;font-size:clamp(.95rem,2.7vw,1.2rem);font-weight:800;color:var(--yel2);display:block;margin-bottom:3px}
.hb-s{font-size:.72rem;color:var(--mu);line-height:1.5}
.hero-r{display:none;flex-direction:column;gap:8px;justify-content:center}
.hm{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--r);padding:14px 16px;display:flex;align-items:center;gap:11px;min-width:170px}
.hm-ico{font-size:1.4rem;flex-shrink:0}
.hm-v{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:800;color:var(--yel2);line-height:1;display:block}
.hm-l{font-size:.6rem;color:var(--mu);text-transform:uppercase;letter-spacing:.4px;margin-top:2px;display:block}

.iband{background:rgba(31,160,72,.05);border-bottom:1px solid var(--bdr);padding:9px 0}
.iband-in{max-width:1280px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:4px}
.ib{display:flex;align-items:center;gap:7px;padding:4px 8px}
.ib-ico{font-size:.95rem}
.ib-val{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:800;color:var(--yel2);line-height:1}
.ib-lbl{font-size:.59rem;color:var(--mu);text-transform:uppercase;letter-spacing:.4px;margin-top:1px}

.cnav{border-bottom:1px solid var(--bdr);background:var(--bg2);padding:7px 0}
.cnav-in{max-width:1280px;margin:0 auto;padding:0 16px;display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}
.cnav-in::-webkit-scrollbar{display:none}
.cp{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;font-size:.73rem;font-weight:700;padding:6px 13px;border-radius:50px;background:rgba(31,160,72,.09);border:1px solid var(--bdr);color:var(--mu);cursor:pointer;transition:all var(--tr);white-space:nowrap}
.cp.on,.cp:hover{background:var(--gr2);color:#fff;border-color:var(--gr2)}

.wrap{max-width:1280px;margin:0 auto;padding:0 16px}
.sec{padding:22px 0 4px}
.sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.st{font-family:'Montserrat',sans-serif;font-size:clamp(.88rem,2vw,1rem);font-weight:800;letter-spacing:-.2px}
.st em{font-style:normal;color:var(--yel)}
.sa{font-size:.71rem;font-weight:700;color:var(--gr3);opacity:.85;transition:opacity var(--tr)}
.sa:hover{opacity:1}

.gg{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.gc{border-radius:var(--r);overflow:hidden;position:relative;aspect-ratio:1;display:block;background:var(--card);transition:transform var(--tr)}
.gc:hover{transform:translateY(-3px)}
.gc img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.gc:hover img{transform:scale(1.07)}
.gc-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82),transparent 55%);display:flex;align-items:flex-end;padding:6px;opacity:0;transition:opacity var(--tr)}
.gc:hover .gc-ov{opacity:1}
.gc-nm{font-size:.62rem;font-weight:700}
.gc-b{position:absolute;top:4px;left:4px;font-size:.5rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:2px 7px;border-radius:4px}
.b-y{background:var(--yel);color:#140f00}
.b-g{background:var(--gr2);color:#fff}
.b-t{background:var(--teal);color:#fff}

.bon-g{display:grid;grid-template-columns:1fr;gap:9px}
.bc{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);padding:16px;display:flex;gap:13px;align-items:flex-start;transition:border-color var(--tr)}
.bc:hover{border-color:var(--yel)}
.bc-ico{font-size:2rem;flex-shrink:0;line-height:1}
.bc-lbl{font-size:.56rem;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--yel);margin-bottom:3px}
.bc-ttl{font-family:'Montserrat',sans-serif;font-size:clamp(.85rem,2.1vw,1rem);font-weight:800;margin-bottom:5px;line-height:1.15}
.bc-d{font-size:.74rem;color:var(--mu);line-height:1.5;margin-bottom:11px}
.bc-btns{display:flex;gap:7px;flex-wrap:wrap}

.strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.strip::-webkit-scrollbar{display:none}
.sc{flex-shrink:0;width:110px;border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid rgba(255,255,255,.06);display:block;transition:transform var(--tr)}
.sc:hover{transform:translateY(-3px)}
.sc img{width:100%;aspect-ratio:1;object-fit:cover}
.sc-nm{padding:5px 7px;font-size:.61rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--card)}

.sp-g{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}
.spc{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);padding:11px 13px;display:flex;align-items:center;gap:9px;transition:all var(--tr)}
.spc:hover{border-color:var(--yel);background:#132e18}
.sp-e{font-size:1.3rem}
.sp-n{font-size:.78rem;font-weight:700}
.sp-c{font-size:.62rem;color:var(--mu);margin-top:1px}

.tag-r{display:flex;flex-wrap:wrap;gap:6px}
.tag{background:var(--card);border:1px solid rgba(31,160,72,.18);border-radius:50px;padding:5px 12px;font-size:.71rem;font-weight:500;color:var(--mu);transition:all var(--tr)}
.tag:hover{border-color:var(--yel);color:var(--wh)}

.seo{padding:26px 0 8px}
.si{max-width:1280px;margin:0 auto;padding:0 16px}
.si h1{font-family:'Montserrat',sans-serif;font-size:clamp(1rem,2.8vw,1.35rem);font-weight:800;margin-bottom:12px;line-height:1.25;letter-spacing:-.3px}
.si h2{font-family:'Montserrat',sans-serif;font-size:clamp(.9rem,2.1vw,1.05rem);font-weight:800;margin:22px 0 9px;color:var(--wh);letter-spacing:-.2px}
.si h3{font-size:.89rem;font-weight:700;color:var(--yel2);margin:13px 0 6px}
.si p{font-size:.83rem;color:var(--mu);line-height:1.75;margin-bottom:9px}
.si ul,.si ol{display:grid;gap:5px;margin:7px 0 11px}
.si li{font-size:.82rem;color:var(--mu);display:flex;align-items:flex-start;gap:7px;line-height:1.55}
.si ul li::before{content:'';display:block;min-width:5px;height:5px;border-radius:50%;background:var(--yel);margin-top:7px;flex-shrink:0}
.si ol{counter-reset:oc}
.si ol li::before{content:counter(oc);counter-increment:oc;background:var(--gr2);color:#fff;font-weight:700;font-size:.55rem;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px;flex-shrink:0}
.toc{background:var(--card);border:1px solid var(--bdr);border-left:3px solid var(--yel);border-radius:var(--r);padding:13px 15px;margin:14px 0}
.toc-t{font-size:.65rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--yel);margin-bottom:9px}
.toc-l{display:grid;gap:5px;counter-reset:tc}
.toc-l li{display:flex;align-items:center;gap:7px;counter-increment:tc}
.toc-l li::before{content:counter(tc);background:var(--gr2);color:#fff;font-weight:700;font-size:.54rem;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.toc-l a{font-size:.8rem;color:var(--mu);transition:color var(--tr)}
.toc-l a:hover{color:var(--yel2)}
.tw{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r);border:1px solid var(--bdr);margin:10px 0}
.tw table{width:100%;min-width:300px;border-collapse:collapse;font-size:.78rem}
.tw th,.tw td{padding:8px 11px;text-align:left;border-bottom:1px solid var(--bdr)}
.tw th{background:rgba(244,196,14,.07);color:var(--yel);font-weight:700;text-transform:uppercase;font-size:.62rem;letter-spacing:.5px;white-space:nowrap}
.tw tr:last-child td{border-bottom:none}
.tw tr:hover td{background:rgba(255,255,255,.02)}
.faq{display:grid;gap:7px;margin:12px 0}
.fi{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);overflow:hidden}
.fq{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:.82rem;font-weight:700;line-height:1.4;border:none;background:none;color:var(--wh);width:100%;text-align:left;gap:10px;transition:background var(--tr)}
.fq:hover{background:rgba(244,196,14,.05)}
.fi-ic{flex-shrink:0;font-size:.72rem;color:var(--yel);transition:transform var(--tr)}
.fq.on .fi-ic{transform:rotate(180deg)}
.fa{max-height:0;overflow:hidden;transition:max-height .32s ease}
.fa.on{max-height:320px}
.fa p{padding:0 15px 13px;font-size:.81rem;color:var(--mu);line-height:1.65}

.rev-sec{padding:26px 0 8px;border-top:1px solid var(--bdr)}
.rev-wrap{max-width:1280px;margin:0 auto;padding:0 16px}
.rev-g{display:grid;gap:9px;margin-top:14px}
.rv{background:var(--card);border:1px solid var(--bdr);border-radius:var(--r);padding:16px}
.rv-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.rv-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gr),var(--gr2));display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;color:#fff;font-weight:700}
.rv-nm{font-size:.81rem;font-weight:700}
.rv-dt{font-size:.62rem;color:var(--mu)}
.rv-st{color:var(--yel);font-size:.73rem;margin-bottom:5px}
.rv-tx{font-size:.8rem;color:var(--mu);line-height:1.65}
.rv-slot{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:.68rem;font-weight:700;color:var(--gr3);background:rgba(41,204,96,.08);border:1px solid rgba(41,204,96,.2);border-radius:50px;padding:2px 10px}

.ft{background:var(--bg3);border-top:1px solid var(--bdr);padding:24px 0 12px;margin-top:8px}
.ft-in{max-width:1280px;margin:0 auto;padding:0 16px}
.ft-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}
.ft-logo img{height:22px;width:auto}
.ft-socs{display:flex;gap:7px}
.ft-soc{display:flex;align-items:center;gap:5px;font-size:.7rem;color:var(--mu);padding:5px 10px;border:1px solid var(--bdr);border-radius:6px;transition:all var(--tr)}
.ft-soc:hover{border-color:var(--yel);color:var(--wh)}
.ft-soc img{border-radius:3px;height:16px;width:auto}
.ft-g{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;margin-bottom:20px}
.ft-h{font-size:.61rem;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--yel);margin-bottom:8px}
.ft-ls{display:grid;gap:6px}
.ft-ls a{font-size:.75rem;color:var(--mu);transition:color var(--tr)}
.ft-ls a:hover{color:var(--wh)}
.ft-div{height:1px;background:var(--bdr);margin:14px 0}
.ft-disc{font-size:.66rem;color:#3d5c42;line-height:1.65;text-align:center;margin-bottom:11px}
.ft-bot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px}
.ft-copy{font-size:.65rem;color:#3d5c42}
.ft-lic{display:flex;align-items:center;gap:5px;font-size:.63rem;color:#3d5c42}
.lic-d{width:6px;height:6px;border-radius:50%;background:var(--gr3);box-shadow:0 0 5px var(--gr3)}
.ft-age{width:28px;height:28px;border-radius:50%;border:2px solid var(--red);color:var(--red);font-size:.66rem;font-weight:700;display:flex;align-items:center;justify-content:center}

.cf{position:fixed;bottom:0;left:0;right:0;z-index:200;background:rgba(6,15,8,.97);border-top:1px solid var(--bdr2);backdrop-filter:blur(14px);padding:9px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;transform:translateY(100%);transition:transform .34s cubic-bezier(.23,1,.32,1)}
.cf.on{transform:translateY(0)}
.cf-txt{flex:1}
.cf-txt strong{display:block;font-size:.78rem;color:var(--yel2);margin-bottom:1px}
.cf-txt span{font-size:.69rem;color:var(--mu)}
.cf-b{display:flex;gap:7px;flex-shrink:0}
.cf .btn{padding:7px 12px;font-size:.71rem}
.cf-x{position:absolute;top:5px;right:7px;background:none;border:none;color:var(--mu);font-size:.8rem;cursor:pointer;padding:3px 5px;opacity:.5}
.cf-x:hover{opacity:1}
body.cfo{padding-bottom:62px}

@media(min-width:560px){
  .hdr-nav{display:flex}
  .hero-in{grid-template-columns:1fr auto}
  .hero-r{display:flex}
  .gg{grid-template-columns:repeat(4,1fr)}
  .bon-g{grid-template-columns:1fr 1fr}
  .sp-g{grid-template-columns:repeat(3,1fr)}
  .rev-g{grid-template-columns:1fr 1fr}
  .ft-g{grid-template-columns:repeat(3,1fr)}
  .logo img{height:30px}
}
@media(min-width:900px){
  .gg{grid-template-columns:repeat(6,1fr);gap:8px}
  .bon-g{grid-template-columns:repeat(3,1fr)}
  .sp-g{grid-template-columns:repeat(4,1fr)}
  .ft-g{grid-template-columns:repeat(4,1fr)}
  .rev-g{grid-template-columns:repeat(4,1fr)}
  body.cfo{padding-bottom:0}
}