/* SimpleJob – page shell (header, tabs, ticker, banner, winners page, auth modal).  The offers list itself is styled by offers.css */
:root{--bg:#0a1230;--p1:#101c56;--p2:#0b1438;--ln:#25357a;--tx:#fff;--mu:#b6c3f2;--blue:#2f8bff;--gold:#ffb52e}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--tx);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;min-height:100vh;
background:radial-gradient(1100px 560px at 12% -8%,#1a2a85 0,transparent 62%),radial-gradient(900px 520px at 104% 0,#43197f 0,transparent 58%),var(--bg) fixed}
a{color:inherit;text-decoration:none}
svg{width:1em;height:1em;flex:none}
button{font:inherit}
.sj-wrap{max-width:1200px;margin:0 auto;padding:18px 18px 40px}

/* header */
.hd{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 28px;border-radius:26px;overflow:hidden;
background:linear-gradient(135deg,#111e5c,#0b1438);border:1px solid var(--ln);box-shadow:0 20px 50px -24px #000}
.br{display:flex;align-items:center;gap:18px;position:relative;z-index:2}
.crown{width:64px;height:auto;filter:drop-shadow(0 4px 14px #ffb52e88)}
.bn{font-size:46px;font-weight:800;letter-spacing:-1.2px;line-height:1}
.bn span{color:#2f9bff}
.br p{margin:6px 0 0;max-width:330px;color:#d4dcff;font-size:16px;line-height:1.35}
.st{display:flex;gap:14px;position:relative;z-index:2;margin-right:128px}
.pill{display:flex;align-items:center;gap:12px;padding:11px 22px 11px 14px;border-radius:18px;background:rgba(18,32,98,.72);border:1px solid #31428f;backdrop-filter:blur(4px)}
.pill i{font-size:40px;display:grid}
.pill b{display:block;font-size:24px;line-height:1.1;font-weight:800;transition:transform .25s}
.pill b.bump{transform:scale(1.25);color:var(--gold)}
.pill span{display:block;font-size:14px;color:var(--mu);white-space:nowrap}
.chest{position:absolute;right:0;top:0;height:100%;width:auto;z-index:1;pointer-events:none}

/* tabs */
.tabs{display:flex;align-items:center;gap:10px;margin:16px 0}
.tabs a{display:flex;align-items:center;gap:9px;padding:11px 24px;border-radius:15px;background:#111d55;border:1px solid #27387f;color:#cdd7ff;font-weight:700;font-size:16px;transition:.18s}
.tabs a svg{font-size:19px}
.tabs a:hover{background:#17276f;color:#fff}
.tabs a.on{background:linear-gradient(180deg,#3593ff,#1463ff);border-color:#4aa0ff;color:#fff;box-shadow:0 10px 24px -10px #2a7bff}
.tabs .sp{flex:1}
#acct{display:flex;align-items:center;gap:10px}
.me{display:flex;align-items:center;gap:8px;color:#dbe4ff;font-weight:700}
.me svg{font-size:20px;color:#7fb2ff}
.ghost,.cta{display:inline-flex;align-items:center;gap:8px;border-radius:13px;padding:10px 18px;font-weight:800;cursor:pointer;font-size:15px}
.ghost{background:transparent;border:1px solid #3a4c9f;color:#e1e8ff}
.ghost:hover{background:#17276f}
.cta{border:0;border-bottom:3px solid #c76400;background:linear-gradient(180deg,#ffc247,#ff8f00);color:#341a00;box-shadow:0 10px 24px -12px #ff9b00}
.cta:hover{filter:brightness(1.06)}
.cta:active{transform:translateY(1px);border-bottom-width:2px}
.cta.big{width:100%;justify-content:center;padding:14px;font-size:17px;margin-top:16px}

/* winners ticker (slim) */
.ticker{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:8px 12px 8px 8px;border-radius:18px;background:#0e1946;border:1px solid var(--ln);overflow:hidden}
.live{display:inline-flex;align-items:center;gap:6px;flex:none;padding:7px 14px;border-radius:99px;background:linear-gradient(180deg,#ff4d63,#d6203a);font-weight:800;font-size:13px;letter-spacing:.8px}
.live svg{font-size:14px;animation:pulse 1.4s infinite}
@keyframes pulse{50%{opacity:.35}}
.tkw{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.tkt{display:flex;gap:12px;width:max-content;animation:tk 70s linear infinite}
@keyframes tk{to{transform:translateX(-50%)}}
.tk{display:inline-flex;align-items:center;gap:9px;padding:5px 7px 5px 5px;border-radius:99px;color:#fff;font-size:14px;white-space:nowrap;
background:linear-gradient(90deg,color-mix(in srgb,var(--g1) 34%,#0e1946),color-mix(in srgb,var(--g2) 22%,#0e1946));border:1px solid color-mix(in srgb,var(--g1) 55%,#0e1946)}
.tk em,.wt em{font-style:normal;color:#ffe08a;font-weight:700}
.wa{border-radius:50%;object-fit:cover;border:2px solid var(--g1);background:#1a2760;display:block}
.tk .wa{width:28px;height:28px}
.wi{position:relative;display:grid;place-items:center;flex:none;overflow:hidden;width:38px;height:26px;border-radius:7px}
.wi::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.36) 0,rgba(255,255,255,.07) 38%,transparent 56%);pointer-events:none}
.wi.gc{background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 5px 14px -6px var(--a),inset 0 0 0 1px rgba(255,255,255,.24)}
.wi.gc img{height:62%;width:auto;max-width:64%;object-fit:contain}
.wi.gc svg,.wi.pts svg{font-size:17px}
.wi.cash{background:linear-gradient(135deg,#34d874,#0c8a3d);box-shadow:0 5px 14px -6px #1fbf5b,inset 0 0 0 1px rgba(255,255,255,.26)}
.wi.cash::before{content:"";position:absolute;inset:3px;border:1.5px solid rgba(255,255,255,.55);border-radius:4px}
.wi.cash b{position:relative;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#eafff1;color:#0c8a3d;font-size:12px;line-height:1;font-weight:900}
.wi.pts{background:linear-gradient(135deg,#ffcf5c,#ff9a00)}

/* banner */
.banner{position:relative;margin:0 0 18px}
.banner img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 22px 50px -26px #6a2cff}
.steps{display:none}

.locker{margin:0}
.empty{padding:40px 20px;border:1px dashed #33459a;border-radius:18px;text-align:center;color:var(--mu)}

/* winners page */
.wh{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 20px;padding:22px 28px;border-radius:24px;background:linear-gradient(135deg,#1a1670,#3b1a82 60%,#7a1fb0);border:1px solid #4b3aa8}
.wh h1{margin:8px 0 4px;font-size:40px;line-height:1.1;letter-spacing:-.8px}
.wh p{margin:0;color:#e3dcff}
.live.big{padding:6px 14px}
.wcount{text-align:center;padding:14px 26px;border-radius:18px;background:rgba(10,18,60,.5);border:1px solid #5a49b8}
.wcount b{display:block;font-size:34px;line-height:1;color:var(--gold)}
.wcount span{font-size:13px;color:#d8d0ff}
.wfeed{display:grid;grid-template-columns:1fr 1fr;gap:18px;height:68vh;min-height:460px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent)}
.wcol{overflow:hidden}
.wt-list{list-style:none;margin:0;padding:0;will-change:transform}
.wcol.down .wt-list{animation:sd var(--d) linear infinite}
.wcol.up .wt-list{animation:su var(--d) linear infinite}
@keyframes sd{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes su{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.wc{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;margin:0 0 12px;padding:13px 18px 13px 13px;border-radius:20px;
background:linear-gradient(90deg,color-mix(in srgb,var(--g1) 24%,#0f1a4d),color-mix(in srgb,var(--g2) 14%,#0d1743));border:1px solid color-mix(in srgb,var(--g1) 52%,#0f1a4d);box-shadow:0 12px 28px -18px var(--g1)}
.wc .wa{width:48px;height:48px}
.wt b{display:block;font-size:17px;line-height:1.2}
.wt span{font-size:14.5px;color:#d3dcff}
.wc .wi{width:62px;height:42px;border-radius:10px}
.wc .wi.gc svg,.wc .wi.pts svg{font-size:25px}
.wc .wi.cash::before{inset:4px;border-radius:5px}
.wc .wi.cash b{width:25px;height:25px;font-size:17px}
.wc time{font-size:12.5px;color:#8fa0e6;min-width:52px;text-align:right}

/* auth modal */
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:rgba(4,8,28,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.modal[hidden]{display:none}
.mc{position:relative;width:100%;max-width:440px;padding:28px 28px 22px;border-radius:26px;background:linear-gradient(180deg,#15226a,#0b1440);border:1px solid #3a4dac;box-shadow:0 34px 90px #000c;animation:pop .28s cubic-bezier(.2,.9,.3,1.15)}
@keyframes pop{from{opacity:0;transform:translateY(16px) scale(.96)}}
.mx{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;background:transparent;color:#9fb0ee;font-size:28px;cursor:pointer}
.mh{text-align:center}
.mh img{width:46px;height:auto}
.mh h2{margin:6px 0 8px;font-size:23px}
.gift{display:inline-block;margin:0;padding:6px 16px;border-radius:99px;background:linear-gradient(90deg,#3a2a00,#4a3300);border:1px solid #b8860b;color:#ffe08a;font-size:14.5px}
.gift b{color:#ffc247}
.mt{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:18px 0 4px;padding:5px;border-radius:14px;background:#0a1236;border:1px solid #28387f}
.mt button{border:0;border-radius:10px;padding:10px;background:transparent;color:#aab9ef;font-weight:800;cursor:pointer}
.mt button.on{background:linear-gradient(180deg,#3593ff,#1463ff);color:#fff}
.mc label{display:block;margin:13px 0 0;color:#b9c6f7;font-size:14px;font-weight:600}
.mc input{display:block;width:100%;margin-top:6px;padding:12px 14px;border-radius:12px;border:1px solid #33459a;background:#0a1236;color:#fff;font:inherit;outline:0}
.mc input:focus{border-color:#4aa0ff;box-shadow:0 0 0 3px #2f8bff33}
.mc input.bad{border-color:#ff5c72}
.err{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#3a1020;border:1px solid #ff5c72;color:#ffb3bf;font-size:14px}
.note{margin:12px 0 0;text-align:center;color:#8fa0e6;font-size:13px}
.mc.login .c2,.mc.login .gift{display:none}

.toast{position:fixed;left:50%;bottom:26px;z-index:120;transform:translateX(-50%);padding:13px 22px;border-radius:16px;font-weight:800;
background:linear-gradient(180deg,#ffc247,#ff8f00);color:#341a00;box-shadow:0 18px 40px -12px #ff9b00;animation:tst .35s cubic-bezier(.2,.9,.3,1.2)}
.toast[hidden]{display:none}
@keyframes tst{from{opacity:0;transform:translate(-50%,16px)}}

.demo-offer{max-width:660px;margin:24px auto;padding:30px;border-radius:26px;background:linear-gradient(180deg,#14216a,#0c1542);border:1px solid #33459a}
.demo-offer h1{margin:12px 0}
.demo-offer li{margin:6px 0;color:#d3dcff}
.demo-offer code{background:#0a1236;padding:2px 8px;border-radius:8px}
.tag-demo{display:inline-block;padding:4px 12px;border-radius:99px;background:#3a2a00;border:1px solid #b8860b;color:#ffe08a;font-size:12.5px;font-weight:800;letter-spacing:.6px}
.demo-offer a{color:#7fb2ff}
.ft{margin-top:30px;text-align:center;color:#7587cf;font-size:13px}

/* responsive */
@media(max-width:1100px){.chest{display:none}.st{margin-right:0}.bn{font-size:38px}.pill{padding:10px 16px 10px 12px}}
@media(max-width:900px){.hd{flex-direction:column;align-items:stretch;gap:16px}.st{justify-content:space-between}.pill{flex:1}}
@media(max-width:760px){
.sj-wrap{padding:12px 12px 32px}
.hd{padding:16px;border-radius:22px}
.crown{width:44px}.bn{font-size:30px}.br p{display:none}.br{gap:12px}
.st{gap:8px}.pill{padding:9px 10px;gap:8px;border-radius:14px;min-width:0}.pill>div{min-width:0}.pill span{white-space:normal;line-height:1.2}.pill i{font-size:28px}.pill b{font-size:17px}.pill span{font-size:11.5px}
.tabs{gap:8px;margin:12px 0;flex-wrap:wrap}.tabs a{padding:10px 16px;font-size:15px}.tabs .sp{display:none}
#acct{width:100%;justify-content:space-between}#acct .cta{flex:1;justify-content:center}.me b{max-width:140px;overflow:hidden;text-overflow:ellipsis}
.ticker{margin-bottom:12px;padding:6px 8px}
.banner img{border-radius:18px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;margin:10px 0 0;padding:0}
.steps li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px 6px;border-radius:14px;background:#111d55;border:1px solid #27387f;font-size:12.5px;font-weight:700;color:#d7e0ff}
.steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,#3593ff,#7a3cff);font-size:15px}
.wh{padding:16px;border-radius:20px}.wh h1{font-size:28px}.wh p{font-size:14px}.wcount{padding:10px 16px}.wcount b{font-size:26px}
.wfeed{grid-template-columns:1fr;height:72vh}.wcol.up{display:none}
.wc{gap:10px;padding:11px 12px 11px 10px}.wc .wa{width:42px;height:42px}.wc time{display:none}
}
@media(prefers-reduced-motion:reduce){.tkt,.wt-list{animation-duration:240s}}

/* country chip (tabs row) */
.geo{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:13px;background:#111d55;border:1px solid #27387f;color:#dbe4ff;font-weight:700;font-size:14px;white-space:nowrap}
.geo img{display:block;border-radius:3px;box-shadow:0 0 0 1px #ffffff30}
.geo svg{font-size:17px;color:#7fb2ff}

/* withdraw page */
.wgeo{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:0 0 14px;padding:18px 24px;border-radius:22px;background:linear-gradient(135deg,#0f1d63,#162a8a);border:1px solid #2f45a8}
.wg-l{display:flex;align-items:center;gap:16px}
.wg-l img{display:block;border-radius:6px;box-shadow:0 6px 18px -6px #000,0 0 0 1px #ffffff30}
.wg-ic{display:grid;place-items:center;width:56px;height:42px;font-size:30px;color:#7fb2ff}
.wg-l small{display:block;color:#a9b9f2;font-size:13px}
.wg-l b{display:block;font-size:26px;line-height:1.15}
.wg-r{display:flex;gap:12px;flex-wrap:wrap}
.wg-rate{padding:10px 20px;border-radius:15px;background:rgba(8,16,60,.55);border:1px solid #3a4eb0}
.wg-rate span{display:block;font-size:12.5px;color:#a9b9f2}
.wg-rate b{font-size:19px}.wg-rate em{font-style:normal;color:#ffd36b;font-size:15px}
.wnotice{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin:0 0 16px}
.wn-main{padding:22px 26px;border-radius:22px;background:linear-gradient(135deg,#2a1a8a,#5a1fa8 60%,#8a22b8);border:1px solid #6a4ac8}
.wn-main h2{margin:0 0 6px;font-size:21px}
.wn-big{margin:0;font-size:30px;font-weight:800}.wn-big b:first-child{color:#ffd36b}.wn-big b:last-child{color:#7dffb0}
.wn-sub{margin:2px 0 8px;color:#dccfff;font-size:14.5px}
.wn-main p{margin:4px 0;color:#efe8ff}
.wn-warn{display:flex;gap:12px;padding:18px 20px;border-radius:22px;background:#2d2308;border:1px solid #b8860b;color:#ffe9b0;font-size:14.5px}
.wn-warn>span{font-size:26px;line-height:1}
.wrates{margin:0 0 18px}
.wrates h3,.whist h3{margin:0 0 10px;font-size:18px}
.wr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.wr{padding:14px 16px;border-radius:18px;background:#0f1a50;border:1px solid #27387f}
.wr.mine{border-color:#4aa0ff;box-shadow:0 0 0 2px #2f8bff44,0 12px 26px -16px #2f8bff}
.wr-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.wr-h b{font-size:17px;color:#ffd36b}
.wr-h em{font-style:normal;font-size:12px;font-weight:800;padding:3px 10px;border-radius:99px;background:#1463ff}
.wr-c{display:flex;flex-wrap:wrap;gap:6px}
.wr-c span{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:8px;background:#16236d;font-size:12.5px;font-weight:700;color:#cdd8ff}
.wr-c span img{border-radius:2px}.wr-c .all{color:#9fb0ee}

.wmeth{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:0 0 24px}
.wm{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:left;padding:16px;border-radius:22px;border:1px solid #2c3d93;background:linear-gradient(180deg,#14216b,#0e1850);color:#fff;font:inherit;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}
.wm:hover{transform:translateY(-3px);border-color:var(--a);box-shadow:0 18px 34px -18px var(--a)}
.wm.cash{grid-column:span 2;flex-direction:row;flex-wrap:wrap;align-items:center;background:linear-gradient(135deg,#1659d8,#1b3ea0 55%,#1a8f55);border-color:#4aa0ff;gap:14px 18px}
.wm.cash .wm-t{flex:1;min-width:170px}.wm.cash .wm-t b{font-size:23px}
.wm.cash .wm-min,.wm.cash .wm-bar,.wm.cash .wm-go{flex:1 1 100%}
.wm-badge{position:absolute;top:12px;right:14px;padding:3px 12px;border-radius:99px;background:linear-gradient(180deg,#ffc247,#ff8f00);color:#341a00;font-size:12px;font-weight:800}
.wm-tile{position:relative;display:grid;place-items:center;overflow:hidden;width:100%;height:92px;border-radius:14px;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 12px 22px -14px var(--a)}
.wm-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.38) 0,rgba(255,255,255,.06) 38%,transparent 56%)}
.wm-tile img{height:44px;width:auto;max-width:60%;position:relative;z-index:1;object-fit:contain}
.wm-tile svg{font-size:40px;position:relative;z-index:1}
.wm-tile i{position:absolute;left:10px;top:8px;font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:1.2px;color:rgba(255,255,255,.85)}
.wm-tile em{position:absolute;right:10px;bottom:7px;font-style:normal;font-size:12px;font-weight:800;color:rgba(255,255,255,.92)}
.wm-tile.cashtile{width:96px;height:64px;flex:none;display:flex;gap:6px;align-items:center;justify-content:center}
.wm-tile.cashtile img{height:30px}
.wm-tile.cashtile b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eafff1;color:#0c8a3d;font-size:18px;position:relative;z-index:1}
.wm-tile.mini{width:76px;height:52px;flex:none;border-radius:11px}.wm-tile.mini img{height:28px}.wm-tile.mini.cashtile{width:76px;height:52px}
.wm-t b{display:block;font-size:17px}.wm-t small{display:block;color:#a9b9f2;font-size:13px}
.wm-min{font-size:13px;color:#b9c6f7}.wm-min b{color:#fff}
.wm-bar{display:block;height:7px;border-radius:99px;background:#0a1236;overflow:hidden}
.wm-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2f8bff,#7dffb0)}
.wm.lock .wm-bar i{background:linear-gradient(90deg,#ffb52e,#ff7a00)}
.wm-go{display:block;text-align:center;padding:10px;border-radius:12px;font-weight:800;font-size:14.5px}
.wm.ok .wm-go{background:linear-gradient(180deg,#34d874,#0f9a47);color:#04230f;border-bottom:3px solid #0a7234}
.wm.lock .wm-go{background:#0a1236;color:#ffd36b;border:1px solid #3a4c9f}

.whist{margin:6px 0 20px}
.wh-t{display:grid;gap:8px}
.wh-r{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:12px 16px;border-radius:14px;background:#0f1a50;border:1px solid #27387f}
.wh-d{color:#9fb0ee;font-size:13px;min-width:92px}.wh-r b{flex:1;min-width:140px}.wh-n{flex:1 1 100%;color:#c6d2ff}
.st-pending{color:#ffd36b;font-weight:800}.st-paid{color:#7dffb0;font-weight:800}.st-rejected{color:#ff8b9b;font-weight:800}

.wdc{max-width:470px}
.wd-h{display:flex;align-items:center;gap:14px;margin:4px 30px 10px 0}
.wd-h h2{margin:0;font-size:22px}.wd-h p{margin:2px 0 0;color:#a9b9f2;font-size:14px}
.wd-amts{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:12px 0 2px}
.amt{padding:10px 6px;border-radius:13px;border:1px solid #33459a;background:#0a1236;color:#fff;cursor:pointer;text-align:center;font:inherit}
.amt b{display:block;font-size:18px}.amt small{color:#a9b9f2;font-size:11.5px}
.amt.on{border-color:#4aa0ff;background:linear-gradient(180deg,#1b4fc8,#123a9a);box-shadow:0 0 0 2px #2f8bff55}
.amt:disabled{opacity:.4;cursor:not-allowed}
.wd-sum{margin:12px 0 0;padding:14px 16px;border-radius:14px;background:#0a1236;border:1px solid #33459a;font-size:16px}
.wd-sum b{color:#7dffb0;font-size:22px}.wd-sum small{color:#a9b9f2}
.cta:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.3)}
.wd-ok{text-align:center;padding:10px 0 4px}
.tick{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(180deg,#34d874,#0f9a47);font-size:34px;font-weight:900;color:#04230f;animation:pop .35s}
.wd-ok p{color:#c6d2ff}

@media(max-width:900px){.wnotice{grid-template-columns:1fr}}
@media(max-width:760px){
.geo{padding:8px 11px;font-size:13px}
.wgeo{padding:14px 16px}.wg-l b{font-size:21px}.wg-r{width:100%}.wg-rate{flex:1}
.wn-main{padding:18px}.wn-big{font-size:25px}
.wmeth{grid-template-columns:1fr 1fr;gap:10px}
.wm{padding:12px;border-radius:18px}.wm-tile{height:74px}.wm-t b{font-size:15px}
.wm.cash{grid-column:1/-1}
}
@media(max-width:340px){.wmeth{grid-template-columns:1fr}}

/* the network's offers iframe (inline locker) */
.locker.lk{position:relative;min-height:560px}
.locker.lk iframe{display:block;width:100%;height:560px;border:0;background:transparent;opacity:0;transition:opacity .35s}
.locker.lk.loaded iframe{opacity:1}
.locker.lk .lk-skel{position:absolute;inset:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:14px;align-content:start;pointer-events:none;transition:opacity .3s}
.locker.lk.loaded .lk-skel{opacity:0;visibility:hidden}
.lk-skel i{display:block;height:130px;border-radius:20px;background:linear-gradient(90deg,#14216b,#1d2e8c,#14216b);background-size:220% 100%;animation:lkx 1.3s linear infinite}
@keyframes lkx{to{background-position:-220% 0}}

/* offer window */
.ofc{max-width:480px}
.of-h{display:flex;align-items:center;gap:14px;margin:2px 30px 12px 0}
.of-h img{width:64px;height:64px;object-fit:cover;border-radius:18px;border:2px solid #3a4dac;background:#0a1236}
.of-h h2{margin:0;font-size:21px;line-height:1.2}
.of-by{color:#8fa0e6;font-size:13px}
.of-pts{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 16px;border-radius:14px;background:linear-gradient(90deg,#3a2a00,#4a3300);border:1px solid #b8860b}
.of-pts b{font-size:26px;color:#ffd36b;line-height:1}.of-pts span{color:#ffe9b0}
.coinbig{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff4b8,#ffc21f 55%,#e08a00);box-shadow:inset 0 0 0 2px #fff1b8aa,0 2px 6px #0007}
.of-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:9px}
.of-steps li{counter-increment:s;position:relative;padding:11px 14px 11px 50px;border-radius:14px;background:#0a1236;border:1px solid #28387f;color:#d3dcff;font-size:14.5px;line-height:1.4}
.of-steps li::before{content:counter(s);position:absolute;left:13px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:linear-gradient(180deg,#3593ff,#7a3cff);font-weight:800;font-size:14px;color:#fff}
.of-go{display:flex;text-decoration:none}

.of-h img.ic{padding:11px;object-fit:contain;border-color:rgba(255,255,255,.3)}

.of-ins{margin:0 0 12px;padding:13px 16px;border-radius:14px;background:linear-gradient(180deg,#0f1c5c,#0b1544);border:1px solid #3a58d0;border-left:4px solid #4aa0ff}
.of-ins[hidden]{display:none}
.of-ins small{display:block;margin-bottom:4px;color:#8fb0ff;font-size:11.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.of-ins p{margin:0;color:#fff;font-size:16px;line-height:1.45;font-weight:600;white-space:pre-line;overflow-wrap:anywhere}

.pvbar{position:sticky;top:0;z-index:150;padding:8px 14px;text-align:center;background:#7a3cff;color:#fff;font-size:14px;box-shadow:0 4px 18px #0008}
.pvbar a{margin-left:12px;padding:3px 12px;border-radius:99px;background:#fff;color:#4a1fb8;font-weight:800;text-decoration:none}

/* urgent message pop-up */
.msgm{z-index:140}
.msgc{max-width:480px;text-align:center;border-color:#ffb52e;box-shadow:0 0 0 2px #ffb52e55,0 34px 90px #000c,0 0 60px -10px #ffb52e}
.msg-ic{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(180deg,#ffc247,#ff8f00);font-size:32px;color:#341a00;box-shadow:0 0 0 6px #ffb52e33;animation:ring 1.6s ease-in-out infinite}
@keyframes ring{0%,100%{transform:rotate(0)}10%{transform:rotate(-12deg)}20%{transform:rotate(10deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(0)}}
.msg-tag{display:inline-block;margin-bottom:6px;padding:3px 12px;border-radius:99px;background:#3a2a00;border:1px solid #b8860b;color:#ffe08a;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.msgc h2{margin:4px 0 12px;font-size:23px}
.msg-body{margin:0 0 6px;padding:14px 16px;border-radius:14px;background:#0a1236;border:1px solid #33459a;color:#e3e9ff;font-size:15.5px;line-height:1.55;text-align:left;white-space:pre-line;overflow-wrap:anywhere}

/* footer links */
.ft{padding:6px 0 0}
.fn{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;margin:0 0 12px}
.fn a{color:#9db0f4;font-size:14px;font-weight:600}.fn a:hover{color:#fff}

/* cookie banner */
.ck{position:fixed;left:18px;bottom:18px;z-index:130;max-width:480px;display:flex;gap:14px;padding:16px 18px;border-radius:18px;background:rgba(12,20,64,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #3a4dac;box-shadow:0 16px 50px #000b;animation:ckin .35s cubic-bezier(.2,.9,.3,1.1)}
.ck[hidden]{display:none}.ck.out{opacity:0;transform:translateY(12px);transition:.25s}
.ci{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:24px;background:#2a2112;border:1px solid #6b4a14}
.ct p{margin:0 0 12px;font-size:14px;line-height:1.5;color:#cdd6f2}.ct a{color:#8fb0ff;text-decoration:underline}
.cb{display:flex;gap:8px}.cb .cta,.cb .ghost{padding:8px 20px;font-size:14px}
@keyframes ckin{from{opacity:0;transform:translateY(18px)}}
@media(max-width:560px){.ck{left:10px;right:10px;bottom:10px;max-width:none}.ci{display:none}.cb button{flex:1;justify-content:center}}

/* document pages */
.doc{max-width:860px;margin:10px auto 0;padding:28px 30px 34px;border-radius:24px;background:linear-gradient(180deg,#101c56,#0c1546);border:1px solid #25357a}
.doc h1{margin:6px 0 14px;font-size:clamp(28px,5vw,40px);line-height:1.15;letter-spacing:-.6px}
.crumb{display:flex;gap:7px;color:#8fa2ec;font-size:13px}.crumb a:hover{color:#fff}
.art{color:#d3dcff;font-size:16.5px;line-height:1.75}
.art .lead{font-size:18.5px;color:#fff;line-height:1.6}
.art .meta{color:#8fa2ec;font-size:14px;margin:0 0 14px}
.art h2{margin:1.9em 0 .55em;font-size:22px;color:#fff;padding-left:12px;border-left:4px solid #3593ff}
.art h3{margin:0 0 4px;font-size:18px;color:#fff}
.art p{margin:0 0 1.05em}
.art ul,.art ol{margin:0 0 1.2em;padding-left:1.35em}.art li{margin:.4em 0}
.art a{color:#7fb2ff;text-decoration:underline;text-underline-offset:3px}
.steps-list{list-style:none;counter-reset:st;padding:0!important}
.steps-list li{counter-increment:st;position:relative;margin:0 0 12px;padding:16px 18px 6px 70px;border-radius:16px;background:#0a1236;border:1px solid #28387f}
.steps-list li::before{content:counter(st);position:absolute;left:18px;top:16px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,#3593ff,#7a3cff);font-weight:800;font-size:18px;color:#fff}
.art details{margin:0 0 10px;border-radius:14px;background:#0a1236;border:1px solid #28387f;overflow:hidden}
.art summary{cursor:pointer;padding:15px 18px;font-weight:700;color:#fff;list-style:none;position:relative;padding-right:46px}
.art summary::-webkit-details-marker{display:none}
.art summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:24px;color:#7fb2ff;font-weight:400}
.art details[open] summary::after{content:"–"}
.art details p{margin:0;padding:0 18px 16px}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0 0 18px}
.info-grid div{padding:14px 16px;border-radius:14px;background:#0a1236;border:1px solid #28387f}
.info-grid b{display:block;color:#8fa2ec;font-size:12.5px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:3px}
.tbl{width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:14.5px;display:block;overflow-x:auto}
.tbl th,.tbl td{padding:11px 13px;border:1px solid #28387f;text-align:left;vertical-align:top}.tbl th{background:#14216b;color:#fff}
.cform{display:grid;gap:14px;margin:24px 0 0;padding:22px;border-radius:18px;background:#0a1236;border:1px solid #28387f}
.cform label{display:block;color:#b9c6f7;font-size:14px;font-weight:600}
.cform .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cform input,.cform select,.cform textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;border-radius:12px;border:1px solid #33459a;background:#0d1747;color:#fff;font:inherit;outline:0}
.cform input:focus,.cform select:focus,.cform textarea:focus{border-color:#4aa0ff;box-shadow:0 0 0 3px #2f8bff33}
.cform textarea{resize:vertical;min-height:150px}
.cform .hp{position:absolute;left:-9999px}
.okb,.erb{margin:20px 0 0;padding:14px 18px;border-radius:14px}
.okb{background:#0c2a1a;border:1px solid #19c25a;color:#b9f5cf}.erb{background:#3a1020;border:1px solid #ff5c72;color:#ffb3bf}
@media(max-width:700px){.doc{padding:20px 16px 26px;border-radius:20px}.art{font-size:16px}.steps-list li{padding-left:62px}.cform .two{grid-template-columns:1fr}.cform{padding:16px}}

.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* home page text (read by search engines) */
.seo-home{max-width:980px;margin:40px auto 0;padding:30px 32px 26px;border-radius:24px;background:linear-gradient(180deg,#0f1b55,#0b1440);border:1px solid #25357a;color:#cdd8ff;font-size:16px;line-height:1.7}
.seo-home h2{margin:1.5em 0 .5em;font-size:24px;line-height:1.25;color:#fff;padding-left:12px;border-left:4px solid #3593ff}.seo-home h2:first-child{margin-top:0}
.seo-home p{margin:0 0 1em}.seo-home ul,.seo-home ol{margin:0 0 1.1em;padding-left:1.3em}.seo-home li{margin:.35em 0}
.seo-home a{color:#7fb2ff;text-decoration:underline;text-underline-offset:3px}.seo-home strong{color:#fff}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:0 0 1.2em}
.feat-grid div{padding:16px 18px;border-radius:16px;background:#0a1236;border:1px solid #28387f}
.feat-grid b{display:block;margin-bottom:4px;color:#fff;font-size:17px}.feat-grid span{font-size:14.5px;color:#aebcf0;line-height:1.5}
.seo-home .fine{margin:1.4em 0 0;font-size:13px;color:#7f90d8}
@media(max-width:700px){.seo-home{margin-top:28px;padding:22px 18px 18px;border-radius:20px;font-size:15.5px}.seo-home h2{font-size:21px}}