:root{
  --bg:#0a0c14; --bg2:#070910;
  --panel:#10131f; --panel2:#151a2b;
  --line:rgba(232,176,75,.18); --line2:rgba(255,255,255,.06);
  --gold:#e8b04b; --gold-lt:#f6dfae; --gold-dk:#a97c2c;
  --sky:#59c2ff; --sky-lt:#9cdcff;
  --red:#e8425a; --green:#3ecf8e;
  --txt:#f3f4f7; --txt2:#c0c5d2; --muted:#7e8496;
  --display:'Playfair Display',Georgia,serif;
  --deco:'Josefin Sans','Inter',system-ui,sans-serif;
  --sans:'Inter',system-ui,-apple-system,sans-serif;

  --step:polygon(0 12px,6px 12px,6px 6px,12px 6px,12px 0,
    calc(100% - 12px) 0,calc(100% - 12px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 12px,100% 12px,
    100% calc(100% - 12px),calc(100% - 6px) calc(100% - 12px),calc(100% - 6px) calc(100% - 6px),calc(100% - 12px) calc(100% - 6px),calc(100% - 12px) 100%,
    12px 100%,12px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 12px),0 calc(100% - 12px));
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{height:100%}
body{background:var(--bg);color:var(--txt);font-family:var(--sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
::selection{background:rgba(232,176,75,.32)}

.hdr{position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px;background:linear-gradient(180deg,#10131f,#0b0e17);border-bottom:1px solid var(--line2);z-index:200}
.hdr::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 6%,rgba(232,176,75,.45) 50%,transparent 94%)}
.hdr__left{display:flex;align-items:center;gap:14px}
.hdr__burger{width:36px;height:36px;border:1px solid var(--line2);border-radius:7px;background:linear-gradient(180deg,#161a2b,#0e1220);display:flex;align-items:center;justify-content:center;flex:none}
.hdr__burger span{position:relative;display:block;width:16px;height:2px;background:#c9cdd8;border-radius:2px}
.hdr__burger span::before,.hdr__burger span::after{content:'';position:absolute;left:0;width:16px;height:2px;background:#c9cdd8;border-radius:2px}
.hdr__burger span::before{top:-5px}.hdr__burger span::after{top:5px}
.hdr__logo{display:flex;align-items:center;gap:10px;flex:none}
.hdr__logo-img{display:block;height:46px;width:auto;filter:drop-shadow(0 0 6px rgba(232,176,75,.25))}
.hdr__logo .hdr__logo-mark,.hdr__logo .hdr__logo-text{display:none}
.hdr__logo.no-img .hdr__logo-img{display:none}
.hdr__logo.no-img .hdr__logo-mark{display:block}
.hdr__logo.no-img .hdr__logo-text{display:inline-block}
.hdr__logo-mark{width:36px;height:36px;filter:drop-shadow(0 0 6px rgba(232,176,75,.35))}
.hdr__logo-text{font-family:var(--deco);font-weight:700;font-size:21px;letter-spacing:5px;line-height:1;padding-top:3px;background:linear-gradient(180deg,#f6dfae 0%,#e8b04b 52%,#a97c2c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hdr__logo-text small{display:block;font-size:8px;letter-spacing:6px;color:var(--muted);-webkit-text-fill-color:var(--muted);margin-top:3px;font-weight:500}
.hdr__right{display:flex;align-items:center;gap:12px;min-width:0}
.hdr__search{display:flex;align-items:center;gap:8px;width:340px;max-width:32vw;background:rgba(255,255,255,.04);border:1px solid var(--line2);border-radius:24px;padding:9px 16px}
.hdr__search svg{width:17px;height:17px;flex:none}
.hdr__search input{flex:1;min-width:0;background:none;border:0;color:#fff;font-size:13px;outline:none}
.hdr__search input::placeholder{color:var(--muted)}
.btn-ghost,.btn-gold{padding:11px 20px;font-family:var(--deco);font-weight:600;font-size:12px;letter-spacing:2px;white-space:nowrap;transition:.2s;clip-path:var(--step)}
.btn-ghost{background:linear-gradient(180deg,#1a1f31,#111524);color:#e6e9f0;box-shadow:inset 0 0 0 1px rgba(232,176,75,.35),inset 0 1px 0 rgba(246,223,174,.18)}
.btn-ghost:hover{color:#fff;box-shadow:inset 0 0 0 1px var(--gold),inset 0 1px 0 rgba(246,223,174,.3)}
.btn-gold{background:linear-gradient(180deg,#f6dfae,#e8b04b 55%,#c08a2e);color:#241804;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -6px 12px rgba(120,80,16,.35)}
.btn-gold:hover{filter:brightness(1.07);transform:translateY(-1px)}

.shell{display:flex}
.sidebar{position:fixed;top:64px;left:0;bottom:0;width:248px;border-right:1px solid var(--line2);overflow-y:auto;padding:12px 10px 18px;z-index:150;display:flex;flex-direction:column;scrollbar-width:thin;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='260' viewBox='0 0 120 260' fill='none' stroke='%23aeb8c8' stroke-opacity='.06' stroke-width='2.5'%3E%3Cpath d='M60 14v26M48 40h24M48 40v30h-10v40h-14v120M72 40v30h10v40h14v120M38 110h44M24 150h72'/%3E%3Ccircle cx='60' cy='9' r='3.5' fill='%23e8b04b' fill-opacity='.14' stroke='none'/%3E%3C/svg%3E") right -6px top 40%/120px auto no-repeat,
    radial-gradient(120% 60% at 50% 0,rgba(89,194,255,.05),transparent 60%),
    linear-gradient(180deg,#0d1020,#0a0c14)}
.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:rgba(232,176,75,.25);border-radius:6px}
.sb-promo{position:relative;display:block;min-height:112px;overflow:hidden;margin-bottom:8px;padding:16px 14px 14px 22px;clip-path:var(--step);
  background:radial-gradient(140% 130% at 100% 0,rgba(89,194,255,.22),transparent 55%),radial-gradient(120% 120% at 0 100%,rgba(232,176,75,.16),transparent 60%),linear-gradient(135deg,#182036 0%,#0d1220 70%);
  box-shadow:inset 0 0 0 1px rgba(232,176,75,.28)}
.sb-promo__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:0}
.sb-promo__grad{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(10,13,20,.92),rgba(10,13,20,.55) 55%,rgba(10,13,20,.18))}
.sb-promo__edge{position:absolute;left:10px;top:16px;bottom:16px;width:3px;border-radius:3px;background:linear-gradient(180deg,#f6dfae,#c08a2e);box-shadow:0 0 8px rgba(232,176,75,.55);z-index:2}
.sb-promo__edge::before,.sb-promo__edge::after{content:'';position:absolute;left:50%;width:7px;height:7px;background:#f6dfae;transform:translateX(-50%) rotate(45deg);box-shadow:0 0 6px rgba(246,223,174,.8)}
.sb-promo__edge::before{top:-4px}.sb-promo__edge::after{bottom:-4px}
.sb-promo__txt{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px}
.sb-promo__k{font-family:var(--deco);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--sky)}
.sb-promo__v{font-family:var(--deco);font-weight:700;font-size:17px;line-height:1.15;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.6)}
.sb-promo__sub{font-family:var(--deco);font-size:12px;color:var(--gold-lt);letter-spacing:.4px}
.orn{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 20px}
.orn::before,.orn::after{content:'';height:1px;flex:1;max-width:360px;background:linear-gradient(90deg,transparent,rgba(232,176,75,.4),transparent)}
.orn span{font-size:11px;letter-spacing:5px;color:var(--gold-dk)}
.orn--sb{margin:8px 4px 12px}
.orn--sb::before,.orn--sb::after{max-width:56px}
.nav{display:flex;flex-direction:column;gap:2px}
.nav__item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:6px;color:#c9cdd8;font-family:var(--deco);font-weight:600;font-size:13px;letter-spacing:1.2px;position:relative;transition:background .2s,color .2s}
.nav__ic{width:20px;height:20px;flex:none;color:#8a90a2;transition:color .2s}
.nav__item:hover{background:rgba(255,255,255,.04);color:#fff}
.nav__item:hover .nav__ic{color:var(--gold)}
.nav__item.is-active{background:linear-gradient(90deg,#f6dfae 0%,#e8b04b 45%,#c08a2e 100%);color:#241804;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 8px rgba(0,0,0,.45)}
.nav__item.is-active .nav__ic{color:#3a2a08}
.nav__div{height:0;border-top:1px solid rgba(255,255,255,.07);position:relative;margin:9px 12px}
.nav__div::after{content:'\25C6';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:7px;color:var(--gold-dk);background:#0b0e17;padding:0 7px}
.sidebar__foot{margin-top:auto;padding-top:14px;display:flex;gap:6px;position:relative}
.sb-foot__btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 4px;border-radius:6px;border:1px solid var(--line2);background:rgba(255,255,255,.02);color:#c9cdd8;font-size:11px;transition:.2s}
.sb-foot__btn:hover{border-color:var(--gold);color:#fff}
.sb-foot__btn span:first-child{font-size:15px}
.sb-foot__ic{width:16px;height:16px;flex:none;color:var(--gold)}
.sb-foot__lbl{font-family:var(--deco);letter-spacing:.4px}
.lang-pop{position:absolute;bottom:64px;left:0;right:0;background:#161a2b;border:1px solid var(--line);border-radius:8px;padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.lang-pop a{display:block;padding:9px 12px;border-radius:5px;font-size:13px;color:#c9cdd8}
.lang-pop a:hover{background:rgba(232,176,75,.14);color:#fff}
.sidebar-scrim{display:none}

.main{flex:1;margin-left:248px;padding-top:64px;min-width:0}
.wrap{max-width:1344px;margin:0 auto;padding:16px 16px 0}

.page-nav{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}
.page-nav::-webkit-scrollbar{display:none}
.page-nav a{flex:none;font-family:var(--deco);font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);padding:8px 15px;border:1px solid var(--line2);border-radius:20px;background:linear-gradient(180deg,#12162a,#0d1020);transition:.2s}
.page-nav a:hover{color:#fff;border-color:rgba(232,176,75,.4)}
.page-nav a.is-active{color:var(--gold-lt);border-color:rgba(232,176,75,.5);background:linear-gradient(180deg,rgba(232,176,75,.14),rgba(232,176,75,.04))}

.beam-btn{display:inline-block;position:relative;padding:16px 44px;font-family:var(--deco);font-weight:700;letter-spacing:2.5px;font-size:15px;color:#241804;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.35);
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 42%),linear-gradient(180deg,#f6dfae 0%,#e8b04b 52%,#b3812f 100%);
  clip-path:var(--step);
  box-shadow:inset 0 0 0 1px rgba(120,80,16,.8),inset 0 2px 2px rgba(255,255,255,.6),inset 0 -14px 22px rgba(120,74,12,.38);
  filter:drop-shadow(0 0 12px rgba(232,176,75,.5)) drop-shadow(0 2px 4px rgba(0,0,0,.4));
  transition:transform .2s,filter .2s}
.beam-btn:hover{transform:translateY(-2px);filter:drop-shadow(0 0 20px rgba(232,176,75,.75)) drop-shadow(0 3px 6px rgba(0,0,0,.4))}
.beam-btn--lg{padding:19px 56px;font-size:17px}
.beam-btn--sky{color:#04222e;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 42%),linear-gradient(180deg,#9cdcff 0%,#59c2ff 52%,#2f8fd0 100%);box-shadow:inset 0 0 0 1px rgba(16,70,110,.8),inset 0 2px 2px rgba(255,255,255,.6),inset 0 -14px 22px rgba(14,70,110,.38);filter:drop-shadow(0 0 12px rgba(89,194,255,.5)) drop-shadow(0 2px 4px rgba(0,0,0,.4))}
.beam-btn--sky:hover{filter:drop-shadow(0 0 20px rgba(89,194,255,.75)) drop-shadow(0 3px 6px rgba(0,0,0,.4))}

.seo-hero{position:relative;text-align:center;padding:36px 22px 30px;border:1px solid var(--line);border-radius:14px;margin-bottom:18px;overflow:hidden;
  background:radial-gradient(120% 150% at 50% 0,rgba(232,176,75,.10),transparent 55%),linear-gradient(180deg,#10141f,#0a0d15)}
.seo-hero::before{content:'';position:absolute;left:0;right:0;bottom:0;height:64px;opacity:.5;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='64' viewBox='0 0 560 64' fill='%23131a2c'%3E%3Cpath d='M0 64V44h18V32h14v12h10V22h16v22h12V36h20v28zm96 0V30h12V16h6V4h6v12h6v14h12v34zm54 0V40h16V26h14v14h12v24zm50 0V34h10V20h14v14h12v30zm44 0V44h18v-8h14v8h10v20zm50 0V26h12V10h6V2h6v8h6v16h12v38zm50 0V40h14V28h16v12h10v24zm48 0V36h12V22h14v14h10v28zm44 0V46h16v-6h12v6h12v18zm48 0V30h10V16h6V6h6v10h6v14h12v34z'/%3E%3C/svg%3E") bottom center repeat-x}
.seo-hero__eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--deco);color:var(--sky);letter-spacing:3px;font-size:12px;text-transform:uppercase}
.seo-hero__eyebrow::before,.seo-hero__eyebrow::after{content:'';width:38px;height:1px;background:linear-gradient(90deg,transparent,currentColor)}
.seo-hero__eyebrow::after{background:linear-gradient(90deg,currentColor,transparent)}
.seo-hero__h1{font-family:var(--display);font-weight:800;font-size:40px;line-height:1.14;margin:14px auto 16px;max-width:900px;background:linear-gradient(180deg,#f6dfae 20%,#e8b04b 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.seo-hero__lead{position:relative;max-width:840px;margin:0 auto 20px;color:var(--txt2);font-size:15px;line-height:1.8}
.seo-hero__lead strong{color:var(--gold-lt);font-weight:600}
.seo-hero__rating{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-size:13px}
.stars{color:#f0c85a;letter-spacing:2px;font-size:17px}
.seo-hero__score{color:#fff;font-weight:700}.seo-hero__count{color:var(--muted)}
.seo-hero__badges{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}
.tbadge{display:flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--line2);border-radius:20px;background:rgba(255,255,255,.03);font-size:12px;color:var(--txt2)}
.tbadge b{color:var(--gold-lt);font-weight:600}
.tbadge__ic{width:16px;height:16px;flex:none;color:var(--gold);object-fit:contain}

.hero{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);margin-bottom:16px}
.hero__track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1)}
.hero__slide{min-width:100%;min-height:370px;background-image:var(--img);background-size:cover;background-position:center;display:flex;align-items:center;padding:40px 54px;position:relative}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero__slide::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(7,9,16,.9) 0%,rgba(7,9,16,.62) 38%,rgba(7,9,16,.12) 78%,transparent 100%)}
.hero__body{max-width:560px;position:relative;z-index:2}
.hero__eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--deco);color:var(--sky);letter-spacing:3px;font-size:13px;margin-bottom:16px;text-transform:uppercase;text-shadow:0 0 14px rgba(89,194,255,.6)}
.hero__eyebrow::before,.hero__eyebrow::after{content:'';width:52px;height:9px;flex:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='9' viewBox='0 0 52 9' fill='none' stroke='%2359c2ff' stroke-width='1.1'%3E%3Cpath d='M0 4.5h30' opacity='.85'/%3E%3Crect x='33' y='1.5' width='6' height='6' transform='rotate(45 36 4.5)' fill='%2359c2ff' stroke='none'/%3E%3Cpath d='M42 4.5h10' opacity='.6'/%3E%3C/svg%3E") center/contain no-repeat}
.hero__eyebrow::after{transform:scaleX(-1)}
.hero__title{font-family:var(--deco);font-weight:700;font-size:44px;line-height:1.06;color:#fff;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.hero__title span{background:linear-gradient(180deg,#f6dfae,#e8b04b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero__title--md{font-size:38px}
.hero__sub{color:#d3d6df;font-size:15px;margin:16px 0 26px;max-width:450px}
.hero__art{position:absolute;right:5%;top:0;bottom:0;display:flex;align-items:center;pointer-events:none;z-index:1}
.hero__tower{width:220px;height:88%;opacity:.5}
.hero__nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;background:linear-gradient(180deg,rgba(22,28,44,.75),rgba(11,14,23,.7));color:#e6e9f0;font-size:22px;display:flex;align-items:center;justify-content:center;z-index:3;transition:.2s;clip-path:var(--step);box-shadow:inset 0 0 0 1px rgba(232,176,75,.4)}
.hero__nav:hover{color:#fff;box-shadow:inset 0 0 0 1px var(--gold);filter:drop-shadow(0 0 10px rgba(232,176,75,.4))}
.hero__nav--prev{left:14px}.hero__nav--next{right:14px}
.hero__dots{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
.hero__dots button{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);transition:.3s}
.hero__dots button.is-on{background:var(--gold);width:22px;border-radius:4px;box-shadow:0 0 8px rgba(232,176,75,.7)}

.pills{margin:2px 0 20px}
.pills__row{display:flex;gap:11px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.pills__row::-webkit-scrollbar{display:none}
.pill{flex:none;display:flex;align-items:center;gap:9px;padding:12px 22px;border-radius:28px;font-family:var(--deco);font-weight:600;font-size:12px;letter-spacing:1.6px;color:#d5d0c2;white-space:nowrap;transition:.2s;
  background:linear-gradient(180deg,#161b2e,#0e1220);
  box-shadow:inset 0 1px 0 rgba(246,223,174,.14),inset 0 0 0 1px rgba(232,176,75,.28),inset 0 0 0 4px rgba(0,0,0,.3)}
.pill::before,.pill::after{content:'';width:6px;height:6px;flex:none;background:linear-gradient(135deg,#f6dfae,#a97c2c);transform:rotate(45deg);opacity:.65}
.pill:hover{color:#fff;box-shadow:inset 0 1px 0 rgba(246,223,174,.3),inset 0 0 0 1px var(--gold),inset 0 0 0 4px rgba(0,0,0,.3);filter:drop-shadow(0 0 10px rgba(232,176,75,.25))}
.pill:hover::before,.pill:hover::after{opacity:1}
.pill__ic{font-size:15px}
svg.pill__ic{width:16px;height:16px;flex:none;color:var(--gold)}

.row{margin-bottom:30px}
.row__head{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.row__title{font-family:var(--deco);font-weight:700;font-size:20px;letter-spacing:2px;text-transform:uppercase;color:#f1f3f7}
.row__rule{position:relative;flex:1;height:1px;background:linear-gradient(90deg,rgba(232,176,75,.4),rgba(232,176,75,.06) 72%,transparent)}
.row__rule::before{content:'\25C6';position:absolute;left:0;top:50%;transform:translate(-50%,-50%);font-size:8px;color:var(--gold-dk);background:var(--bg);padding:0 6px}
.row__nav{display:flex;align-items:center;gap:10px;flex:none}
.row__all{font-family:var(--deco);font-size:12px;letter-spacing:1.6px;color:var(--sky);white-space:nowrap;transition:.2s}
.row__all:hover{color:var(--sky-lt)}
.row__arw{width:31px;height:28px;display:flex;align-items:center;justify-content:center;color:#c9cdd8;font-size:18px;border-radius:5px;background:linear-gradient(180deg,#161b2e,#0e1220);box-shadow:inset 0 1px 0 rgba(246,223,174,.14),inset 0 0 0 1px rgba(255,255,255,.09);transition:.2s}
.row__arw:hover{color:#fff;box-shadow:inset 0 1px 0 rgba(246,223,174,.3),inset 0 0 0 1px rgba(232,176,75,.5)}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:22px 18px;align-items:start}
.gcard{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}
.gcard__rank{position:absolute;left:-30px;top:45%;transform:translateY(-50%);z-index:0;font-family:var(--display);font-weight:900;font-size:96px;line-height:1;color:rgba(232,176,75,.22);pointer-events:none;text-shadow:0 3px 14px rgba(0,0,0,.5)}
.gcard__frame{position:relative;width:100%;aspect-ratio:3/4;z-index:1}
.gcard__frame::before,.gcard__frame::after{content:'';position:absolute;left:50%;width:9px;height:9px;transform:translateX(-50%) rotate(45deg);background:linear-gradient(135deg,#f6dfae,#a97c2c);box-shadow:0 0 0 1px rgba(0,0,0,.4);z-index:3}
.gcard__frame::before{top:-4px}
.gcard__frame::after{bottom:-4px}
.gcard__art{position:absolute;inset:0;display:block;overflow:hidden;background:linear-gradient(155deg,var(--c1,#2a3350),var(--c2,#10131f));clip-path:var(--step);
  box-shadow:inset 0 0 0 1px rgba(232,176,75,.4),inset 0 0 0 2px rgba(0,0,0,.5),0 8px 20px rgba(0,0,0,.5);transition:transform .25s,box-shadow .25s}
.gcard__art::after{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(120% 70% at 50% 0,rgba(255,255,255,.13),transparent 55%);pointer-events:none}
.gcard__frame:hover .gcard__art{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(246,223,174,.8),inset 0 0 0 2px rgba(0,0,0,.5),0 16px 30px rgba(0,0,0,.6)}
.gcard__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.gcard__new{position:absolute;left:9px;bottom:9px;z-index:2;background:linear-gradient(180deg,#9cdcff,#3ba4de);color:#04222e;font-weight:800;font-size:10px;letter-spacing:.5px;padding:3px 7px;border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.55)}
.gcard__hot{position:absolute;left:9px;bottom:9px;z-index:2;background:linear-gradient(180deg,#ff9d6a,#e8425a);color:#2e0409;font-weight:800;font-size:10px;letter-spacing:.5px;padding:3px 7px;border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.55)}
.gcard__ov{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:14px;background:linear-gradient(180deg,rgba(7,9,16,.6),rgba(7,9,16,.9));opacity:0;transition:opacity .25s;clip-path:var(--step)}
.gcard__frame:hover .gcard__ov{opacity:1}
.gcard__fav{position:absolute;top:9px;right:12px;font-size:18px;color:#e6e9f0;line-height:1}
.gcard__ovtitle{position:absolute;top:11px;left:14px;right:36px;text-align:left;font-family:var(--deco);font-weight:600;font-size:12px;letter-spacing:.4px;color:#fff;line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.75)}
.gcard__ovtitle small{display:block;font-family:var(--sans);font-weight:500;font-size:10px;letter-spacing:.5px;color:#aeb4c2;margin-top:2px}
.gcard__btns{display:flex;flex-direction:column;align-items:center;gap:8px}
.gcard__title{margin-top:11px;font-size:12.5px;color:#9aa0af;text-align:center;line-height:1.3;max-width:100%}
.mini-btn{padding:10px 26px;font-family:var(--deco);font-weight:700;font-size:12px;letter-spacing:1.6px;background:linear-gradient(180deg,#f6dfae,#e8b04b 55%,#b3812f);color:#241804;clip-path:var(--step);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.mini-btn.ghost{background:linear-gradient(180deg,#1a1f31,#111524);color:#e6e9f0;box-shadow:inset 0 0 0 1px rgba(232,176,75,.5),inset 0 1px 0 rgba(246,223,174,.2)}
.mini-btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--gold),inset 0 1px 0 rgba(246,223,174,.35)}

.cards--live{grid-template-columns:repeat(6,1fr)}
.live-card{position:relative;aspect-ratio:3/4;border-radius:10px;overflow:hidden;border:1px solid rgba(232,176,75,.2);background:linear-gradient(155deg,var(--c1,#2a3350),var(--c2,#10131f));display:flex;align-items:flex-end;padding:12px;transition:transform .25s,box-shadow .25s}
.live-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(7,9,16,.6) 100%);z-index:1}
.live-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px rgba(0,0,0,.5)}
.live-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.live-card__tag{position:absolute;top:10px;left:10px;z-index:2;background:var(--red);color:#fff;font-weight:800;font-size:10px;padding:3px 8px;border-radius:3px;letter-spacing:.5px;box-shadow:0 0 10px rgba(232,66,90,.5)}
.live-card__name{position:relative;z-index:2;font-family:var(--deco);font-weight:600;font-size:14px;letter-spacing:.4px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7)}

.banner{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);margin-bottom:30px;min-height:230px;display:flex;align-items:center;padding:40px 54px;
  background:radial-gradient(130% 170% at 88% 20%,rgba(89,194,255,.16) 0,transparent 50%),radial-gradient(130% 160% at 70% 90%,rgba(232,176,75,.14) 0,transparent 55%),linear-gradient(105deg,#0a0c14 0,#111528 60%,#0d1120 100%)}
.banner::after{content:'';position:absolute;right:4%;top:8%;bottom:0;width:200px;opacity:.4;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='300' viewBox='0 0 200 300' fill='none' stroke='%23e8b04b' stroke-width='2'%3E%3Cpath d='M100 8v30M84 38h32M84 38v42H70v52H52v160M116 38v42h14v52h18v160M70 132h60M52 186h96' opacity='.8'/%3E%3Ccircle cx='100' cy='5' r='4' fill='%23f6dfae' stroke='none'/%3E%3Cpath d='M100 5l-46 -3M100 5l46 -3' stroke='%23f6dfae' stroke-width='1' opacity='.55'/%3E%3C/svg%3E") center/contain no-repeat}
.banner__inner{max-width:600px;position:relative;z-index:2}
.banner__eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--deco);color:var(--gold);letter-spacing:3px;font-size:12px;text-transform:uppercase}
.banner__eyebrow::before,.banner__eyebrow::after{content:'';width:34px;height:1px;background:linear-gradient(90deg,transparent,currentColor)}
.banner__eyebrow::after{background:linear-gradient(90deg,currentColor,transparent)}
.banner__title{font-family:var(--display);font-weight:800;font-size:34px;line-height:1.15;color:#fff;margin:10px 0 12px}
.banner__text{color:#c5c8d2;font-size:14px;line-height:1.75;margin-bottom:22px}

.le{margin:14px 0 30px}
.le__grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#0f1322,#0a0d15)}
.le__col{padding:18px 18px 6px;min-width:0}
.le__col + .le__col{border-left:1px solid var(--line2)}
.le__colhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.le__coltitle{font-family:var(--deco);font-size:15px;letter-spacing:2px;color:var(--gold-lt);text-transform:uppercase}
.le__sporticon{width:20px;height:20px;color:var(--gold);flex:none}
.le__sporticon svg{width:20px;height:20px}
.le__tabs{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line2);margin-bottom:4px;overflow:hidden}
.le__tabs a{font-family:var(--deco);font-size:11px;letter-spacing:1px;color:var(--muted);padding:0 0 9px;white-space:nowrap;text-transform:uppercase;font-weight:600;transition:.2s}
.le__tabs a.is-on{color:#fff;box-shadow:inset 0 -2px 0 var(--gold)}
.le__tabs a:hover{color:#d0d4de}
.le__more{margin-left:auto;color:var(--muted);font-size:16px;flex:none;padding-bottom:8px}
.le__m{padding:13px 0;border-bottom:1px solid var(--line2)}
.le__list .le__m:last-child{border-bottom:0}
.le__top{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.le__bb{font-family:var(--deco);font-size:10px;font-weight:700;color:#241804;background:linear-gradient(180deg,#f6dfae,#d89a2e);padding:2px 6px;border-radius:3px;letter-spacing:.5px}
.le__live{font-size:9.5px;font-weight:800;color:#fff;background:var(--red);padding:2px 6px;border-radius:3px;letter-spacing:.5px}
.le__min{font-size:11px;color:var(--muted);font-weight:600}
.le__date{font-size:11px;color:#aeb4c2;font-weight:600}
.le__top-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.le__livebox{font-size:9px;font-weight:700;color:#d0d4de;border:1px solid rgba(255,255,255,.14);padding:2px 6px;border-radius:3px;letter-spacing:.5px}
.le__ic{width:16px;height:16px;color:var(--muted);flex:none}
.le__lg{display:flex;align-items:center;gap:7px;font-size:11.5px;color:#9aa0af;margin-bottom:11px}
.le__lgic{width:16px;height:16px;flex:none;color:#9aa0af}
.le__lgic--e{color:var(--sky)}
.le__teams{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
.le__trow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.le__team{font-size:13.5px;color:#e9ebf1;line-height:1.2}
.le__score{font-size:14px;color:#fff;font-weight:700;font-variant-numeric:tabular-nums;flex:none}
.le__odds{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.le__odd{position:relative;display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:linear-gradient(180deg,#141a2c,#0e1220);transition:.15s}
.le__odd:hover{border-color:rgba(232,176,75,.55);background:linear-gradient(180deg,#182038,#101527)}
.le__odd b{font-size:11px;color:var(--muted);font-weight:600}
.le__odd span{font-size:13px;color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.le__odd--up::after{content:'\25B2';position:absolute;top:3px;right:4px;font-size:6px;color:var(--green)}
.le__odd--down::after{content:'\25BC';position:absolute;bottom:3px;right:4px;font-size:6px;color:var(--red)}

.seo{margin:14px 0 30px}
.seo__quickfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
.qf{border:1px solid var(--line2);border-left:3px solid var(--gold);border-radius:8px;padding:14px 16px;background:var(--panel)}
.qf__k{display:block;font-family:var(--deco);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.qf__v{font-family:var(--deco);font-weight:600;font-size:15px;color:var(--gold-lt);letter-spacing:.3px}
.seo__block{margin-bottom:22px;padding:26px 28px;border:1px solid var(--line2);border-radius:14px;background:linear-gradient(180deg,#0e1220,#0a0d15)}
.seo__block h2{font-family:var(--display);font-weight:800;font-size:26px;color:#fff;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line);position:relative}
.seo__block h2::after{content:'';position:absolute;left:0;bottom:-1px;width:64px;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}
.seo__block h3{font-family:var(--deco);font-weight:600;font-size:16px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);margin:20px 0 8px}
.seo__block p{color:var(--txt2);font-size:14.5px;line-height:1.85;margin-bottom:12px}
.seo__block p strong{color:var(--gold-lt);font-weight:600}
.seo__block a{color:var(--sky);text-decoration:underline;text-decoration-color:rgba(89,194,255,.35);text-underline-offset:3px}
.seo__block a:hover{color:var(--sky-lt)}
.seo__note{font-size:13px!important;color:var(--muted)!important;border-left:2px solid var(--line);padding-left:14px}
.seo__block ol,.seo__block ul.bul{margin:6px 0 12px 4px;padding-left:20px}
.seo__block ol li,.seo__block ul.bul li{color:var(--txt2);font-size:14.5px;line-height:1.7;margin-bottom:7px}
.seo__block ol li::marker{color:var(--gold);font-family:var(--display);font-weight:700}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 4px}
.stat{text-align:center;padding:18px 10px;border:1px solid var(--line);border-radius:10px;background:radial-gradient(120% 120% at 50% 0,rgba(232,176,75,.08),transparent 60%),var(--panel)}
.stat__v{display:block;font-family:var(--display);font-weight:900;font-size:26px;background:linear-gradient(180deg,#f6dfae,#e8b04b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stat__l{font-size:12px;color:var(--txt2)}
.feat{list-style:none;display:grid;gap:10px;margin:8px 0 4px}
.feat li{position:relative;padding:11px 14px 11px 32px;border:1px solid var(--line2);border-radius:8px;background:var(--panel);font-size:13.5px;color:var(--txt2);line-height:1.6}
.feat li::before{content:'\25C6';position:absolute;left:12px;top:11px;color:var(--gold);font-size:11px}
.feat b{color:var(--gold-lt);font-weight:600}
.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}
.promo-tile{position:relative;border-radius:10px;padding:20px;background:radial-gradient(120% 120% at 50% 0,rgba(232,176,75,.07),transparent 60%),var(--panel);box-shadow:inset 0 0 0 1px rgba(232,176,75,.25)}
.promo-tile__tag{display:inline-block;font-family:var(--deco);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#04222e;background:linear-gradient(180deg,#9cdcff,#59c2ff);padding:4px 11px 3px;border-radius:20px;margin-bottom:10px}
.promo-tile h3{font-family:var(--deco);font-weight:700;font-size:16px;letter-spacing:.6px;color:var(--gold-lt);margin-bottom:8px}
.promo-tile p{font-size:13px;color:var(--txt2);margin:0;line-height:1.65}
.seo__table{width:100%;border-collapse:collapse;margin:6px 0 4px;font-size:13.5px;border:1px solid var(--line2);border-radius:10px;overflow:hidden}
.seo__table th{background:linear-gradient(180deg,#1a2036,#141a2c);color:var(--gold-lt);font-family:var(--deco);font-weight:600;letter-spacing:.8px;text-align:left;padding:12px 14px;font-size:12px;text-transform:uppercase}
.seo__table td{padding:11px 14px;border-top:1px solid var(--line2);color:var(--txt2)}
.seo__table tbody tr:nth-child(even){background:rgba(255,255,255,.02)}

.tier-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}
.tier{position:relative;border-radius:10px;padding:20px 16px 18px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--tc,rgba(255,255,255,.12))}
.tier::before{content:attr(data-floor);position:absolute;top:12px;right:14px;font-family:var(--display);font-weight:900;font-size:22px;color:var(--tc,#8a90a2);opacity:.5}
.tier h3{font-family:var(--deco);font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase;color:var(--tc,#c9cdd8);margin-bottom:8px}
.tier p{font-size:12.5px;color:var(--txt2);margin:0;line-height:1.6}
.tier--1{--tc:#8a90a2}
.tier--2{--tc:#9cb8cd}
.tier--3{--tc:#59c2ff}
.tier--4{--tc:#e8b04b}
.tier--5{--tc:#f6dfae;background:radial-gradient(120% 130% at 50% 0,rgba(232,176,75,.14),transparent 60%),var(--panel)}

.safe-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.safe-tool{text-align:center;padding:18px 12px;border:1px solid var(--line2);border-radius:10px;background:var(--panel);min-width:0}
.safe-tool b,.safe-tool span{overflow-wrap:break-word;hyphens:auto}
.safe-tool__ic{font-size:26px;display:block;margin-bottom:8px}
svg.safe-tool__ic{width:28px;height:28px;margin:0 auto 8px;color:var(--gold)}
.safe-tool b{display:block;font-family:var(--deco);letter-spacing:.6px;color:var(--gold-lt);font-size:13px;margin-bottom:5px;text-transform:uppercase}
.safe-tool span{font-size:12px;color:var(--muted);line-height:1.5}

.steps{counter-reset:st;list-style:none;display:grid;gap:12px;margin:8px 0 6px;padding:0}
.steps li{position:relative;counter-increment:st;padding:15px 16px 15px 58px;border:1px solid var(--line2);border-radius:10px;background:var(--panel);font-size:14px;color:var(--txt2);line-height:1.65}
.steps li::before{content:counter(st);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:15px;color:#241804;background:linear-gradient(180deg,#f6dfae,#e8b04b);clip-path:var(--step)}
.steps li b{color:var(--gold-lt)}
.steps--big{grid-template-columns:repeat(3,1fr)}
.steps--big li{padding:56px 20px 20px;text-align:left}
.steps--big li::before{left:18px;top:16px;transform:none;width:34px;height:34px;font-size:17px}
.steps--big li b{display:block;font-family:var(--deco);font-size:15px;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}

.prov-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:16px}
.prov{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border:1px solid var(--line2);border-radius:10px;background:var(--panel);text-align:center}
.prov__flag{font-size:24px;line-height:1}
.prov__img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}
.prov__name{font-family:var(--deco);font-size:12px;letter-spacing:.6px;color:var(--txt2)}
.prov__age{font-family:var(--display);font-weight:800;font-size:14px;color:var(--gold)}

.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.tst{border:1px solid var(--line2);border-radius:10px;padding:20px;background:var(--panel);display:flex;flex-direction:column;gap:10px}
.tst__stars{color:#f0c85a;letter-spacing:2px;font-size:14px}
.tst__text{font-size:13.5px;color:var(--txt2);line-height:1.7;font-style:italic}
.tst__who{display:flex;align-items:center;gap:10px;margin-top:auto}
.tst__ava{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:15px;color:#241804;background:linear-gradient(135deg,#f6dfae,#c08a2e);flex:none}
.tst__name{font-size:13px;color:#fff;font-weight:600}
.tst__loc{font-size:11.5px;color:var(--muted)}

.providers{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.providers span{font-family:var(--deco);font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#aab0bf;border:1px solid var(--line2);border-radius:6px;padding:9px 16px;background:linear-gradient(180deg,#12162a,#0d1020);transition:.2s}
.providers span:hover{color:var(--gold-lt);border-color:rgba(232,176,75,.4)}

.faq{margin:30px 0;padding:30px 28px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(120% 140% at 50% 0,rgba(232,176,75,.06),transparent 60%),linear-gradient(180deg,#0e1220,#0a0d15)}
.faq__head{text-align:center;margin-bottom:22px}
.faq__badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--deco);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--sky)}
.faq__badge-ic{width:14px;height:14px;flex:none}
.faq__title{font-family:var(--display);font-weight:800;font-size:30px;color:#fff;margin-top:8px}
.faq__list{max-width:860px;margin:0 auto;display:grid;gap:10px}
.faq__item{border:1px solid var(--line2);border-radius:8px;background:var(--panel);overflow:hidden}
.faq__item summary{list-style:none;cursor:pointer;padding:16px 18px;font-family:var(--deco);font-weight:600;font-size:14px;letter-spacing:.4px;color:#e9ebf1;display:flex;align-items:center;justify-content:space-between;gap:14px}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary i{width:16px;height:16px;position:relative;flex:none}
.faq__item summary i::before,.faq__item summary i::after{content:'';position:absolute;background:var(--gold);border-radius:1px;transition:transform .2s,opacity .2s}
.faq__item summary i::before{top:7px;left:0;width:16px;height:2px}
.faq__item summary i::after{top:0;left:7px;width:2px;height:16px}
.faq__item[open] summary i::after{transform:rotate(90deg);opacity:0}
.faq__a{padding:0 18px 16px}
.faq__a p{font-size:14px;color:var(--txt2);line-height:1.75;margin:0}
.faq__a p + p{margin-top:8px}

.cta{position:relative;text-align:center;padding:48px 20px 42px;margin:30px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  background:radial-gradient(120% 160% at 50% 0,rgba(89,194,255,.1),transparent 55%),linear-gradient(180deg,#10141f,#0a0d15)}
.cta::before{content:'';position:absolute;left:0;right:0;bottom:0;height:72px;opacity:.45;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='64' viewBox='0 0 560 64' fill='%23131a2c'%3E%3Cpath d='M0 64V44h18V32h14v12h10V22h16v22h12V36h20v28zm96 0V30h12V16h6V4h6v12h6v14h12v34zm54 0V40h16V26h14v14h12v24zm50 0V34h10V20h14v14h12v30zm44 0V44h18v-8h14v8h10v20zm50 0V26h12V10h6V2h6v8h6v16h12v38zm50 0V40h14V28h16v12h10v24zm48 0V36h12V22h14v14h10v28zm44 0V46h16v-6h12v6h12v18zm48 0V30h10V16h6V6h6v10h6v14h12v34z'/%3E%3C/svg%3E") bottom center repeat-x}
.cta__title{position:relative;font-family:var(--display);font-weight:900;font-size:34px;background:linear-gradient(180deg,#f6dfae,#e8b04b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}
.cta__sub{position:relative;color:var(--txt2);font-size:15px;margin-bottom:26px;max-width:560px;margin-inline:auto}
.cta__age{position:relative;margin-top:18px;font-size:12px;color:var(--muted)}

.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin:4px 0 14px}
.crumbs a{color:#9aa3b6}
.crumbs a:hover{color:#fff}
.crumbs span{color:#3d4356}
.page-hero{text-align:center;padding:34px 22px 28px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(120% 140% at 50% 0,rgba(232,176,75,.09),transparent 60%),linear-gradient(180deg,#10141f,#0a0d15);margin-bottom:22px}
.page-hero__h1{font-family:var(--display);font-weight:800;font-size:36px;line-height:1.14;margin-top:12px;background:linear-gradient(180deg,#f6dfae 20%,#e8b04b 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.page-hero__lead{max-width:820px;margin:14px auto 0;color:var(--txt2);font-size:15px;line-height:1.8}

.ftr{position:relative;border-top:1px solid var(--line);background:#080a11;margin-top:10px}
.ftr::before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent 4%,rgba(232,176,75,.5) 50%,transparent 96%)}
.ftr__inner{max-width:1344px;margin:0 auto;padding:36px 16px 22px}
.ftr__cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;margin-bottom:26px}
.ftr__brand{display:flex;align-items:center;gap:10px}
.ftr__logo-img{display:block;height:52px;width:auto}
.ftr__brand svg,.ftr__brand .ftr__logo{display:none}
.ftr__brand.no-img .ftr__logo-img{display:none}
.ftr__brand.no-img svg{display:block}
.ftr__brand.no-img .ftr__logo{display:inline-block}
.ftr__brand svg{width:34px;height:34px}
.ftr__logo{font-family:var(--deco);font-weight:700;font-size:20px;letter-spacing:5px;background:linear-gradient(180deg,#f6dfae,#a97c2c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ftr__about{font-size:13px;color:var(--muted);line-height:1.7;margin-top:12px;max-width:340px}
.ftr__col h3{font-family:var(--deco);font-weight:600;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.ftr__col a{display:block;font-size:13px;color:#aeb2bf;padding:5px 0;transition:color .2s}
.ftr__col a:hover{color:#fff}
.ftr__pay{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.ftr__pay span{font-size:12px;color:#9094a2;border:1px solid var(--line2);border-radius:5px;padding:6px 12px}
.ftr__bar{display:flex;gap:14px;align-items:flex-start;padding-top:18px}
.ftr__19{flex:none;font-family:var(--display);font-weight:800;border:2px solid var(--gold);color:var(--gold);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:13px}
.ftr__bar p{font-size:12px;color:var(--muted);line-height:1.7}

.cookie{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:300;display:flex;align-items:center;gap:16px;background:#161a2b;border:1px solid var(--line);border-radius:8px;padding:12px 18px;box-shadow:0 10px 40px rgba(0,0,0,.5);max-width:92vw}
.cookie p{font-size:13px;color:var(--txt2);margin:0}
.cookie a{color:var(--gold);text-decoration:underline}
.cookie__btn{border:1px solid var(--sky);color:var(--sky-lt);font-family:var(--deco);font-weight:600;font-size:12px;letter-spacing:1.6px;padding:8px 16px;border-radius:5px;flex:none;transition:.2s}
.cookie__btn:hover{background:rgba(89,194,255,.15)}
.cookie.hide{display:none}

@media(max-width:1100px){
  .cards,.cards--live{grid-template-columns:repeat(4,1fr)}
  .le__grid{grid-template-columns:1fr}
  .le__col + .le__col{border-left:0;border-top:1px solid var(--line2)}
  .stats,.safe-tools,.seo__quickfacts,.promo-grid{grid-template-columns:repeat(2,1fr)}
  .tier-grid{grid-template-columns:repeat(3,1fr)}
  .prov-grid{grid-template-columns:repeat(3,1fr)}
  .tst-grid{grid-template-columns:1fr 1fr}
  .steps--big{grid-template-columns:1fr}
  .ftr__cols{grid-template-columns:1fr 1fr}
  .hero__title{font-size:38px}
  .seo-hero__h1{font-size:34px}
}
@media(max-width:860px){
  .sidebar{transform:translateX(-100%);transition:transform .3s ease}
  .sidebar.open{transform:none;box-shadow:0 0 40px rgba(0,0,0,.6)}
  .main{margin-left:0}
  .sidebar-scrim{display:block;position:fixed;inset:64px 0 0;background:rgba(0,0,0,.55);z-index:140;opacity:0;pointer-events:none;transition:opacity .3s}
  .sidebar-scrim.show{opacity:1;pointer-events:auto}
  .hdr__search{display:none}
  .cards,.cards--live{grid-template-columns:repeat(3,1fr)}
  .gcard__rank{font-size:72px;left:-20px}
  .hero__art{display:none}
  .hero__slide{padding:32px 28px}
  .hero__title{font-size:32px}.hero__title--md{font-size:28px}
  .seo-hero__h1{font-size:28px}
  .page-hero__h1{font-size:27px}
  .seo__block{padding:20px 18px}
  .tier-grid{grid-template-columns:repeat(2,1fr)}
  .prov-grid{grid-template-columns:repeat(2,1fr)}
  .tst-grid{grid-template-columns:1fr}
  .banner{padding:30px 24px}
  .banner::after{display:none}
}
@media(max-width:560px){

  .btn-ghost{display:none}
  .hdr{padding:0 12px}
  .hdr__left{gap:10px}
  .hdr__burger{width:34px;height:34px}
  .hdr__logo-img{height:36px}
  .hdr__logo-mark{width:30px;height:30px}
  .hdr__logo-text{font-size:16px;letter-spacing:3px}
  .hdr__logo-text small{font-size:7px;letter-spacing:4px;margin-top:2px}
  .hdr__right{gap:8px;flex:none}
  .btn-gold{padding:10px 11px;font-size:10.5px;letter-spacing:.8px}
  .hdr__right{gap:6px}

  .hero__slide{padding:24px 18px 52px;min-height:290px}
  .hero__title{font-size:24px}
  .hero__title--md{font-size:22px}
  .hero__sub{font-size:13.5px;margin:12px 0 20px}
  .hero__eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:12px}
  .hero__eyebrow::before,.hero__eyebrow::after{display:none}
  .hero__nav{width:34px;height:34px;font-size:17px}
  .hero__nav--prev{left:8px}.hero__nav--next{right:8px}
  .hero__dots{bottom:12px}
  .beam-btn{padding:14px 26px;font-size:13px;letter-spacing:2px}
  .beam-btn--lg{padding:16px 30px;font-size:14px}

  .seo-hero__eyebrow::before,.seo-hero__eyebrow::after,
  .banner__eyebrow::before,.banner__eyebrow::after{display:none}
  .seo-hero{padding:26px 16px 24px}
  .banner__title{font-size:26px}

  .row__head{flex-wrap:wrap;row-gap:8px}
  .row__title{width:100%;font-size:16.5px;letter-spacing:1.6px}
  .row__rule{order:1}
  .row__nav{order:2}
  .row__all{font-size:11px}

  .cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:46%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:6px 2px 8px;scrollbar-width:none}
  .cards::-webkit-scrollbar{display:none}
  .gcard,.live-card{scroll-snap-align:start}
  .gcard__rank{display:none}

  .stats,.safe-tools{grid-template-columns:repeat(2,1fr)}
  .prov-grid{grid-template-columns:repeat(2,1fr)}
  .prov{padding:12px 8px}
  .prov__flag{font-size:20px}
  .prov__img{width:32px;height:32px}
  .seo__quickfacts,.promo-grid,.tier-grid,.ftr__cols{grid-template-columns:1fr}

  .seo__block:has(.seo__table){overflow-x:auto}
  .seo__table{min-width:520px}

  .cta__title,.faq__title{font-size:24px}
  .page-hero__h1{font-size:24px}
  .seo__block h2{font-size:21px}
  .cookie{flex-direction:column;gap:10px;text-align:center;left:16px;right:16px;transform:none;max-width:none}
}