@font-face{font-family:'Manrope';font-weight:400;font-display:swap;src:url(../fonts/Manrope-Regular.woff2) format('woff2')}@font-face{font-family:'Manrope';font-weight:600;font-display:swap;src:url(../fonts/Manrope-SemiBold.woff2) format('woff2')}@font-face{font-family:'Manrope';font-weight:700;font-display:swap;src:url(../fonts/Manrope-Bold.woff2) format('woff2')}@font-face{font-family:'Manrope';font-weight:800;font-display:swap;src:url(../fonts/Manrope-ExtraBold.woff2) format('woff2')}
*{box-sizing:border-box}html,body{margin:0;max-width:100%}
:root{--acc:#7c5cff;--acc2:#31e0b6;--bg:#0f0b1e;--bg2:#0b0817;--panel:rgba(255,255,255,.055);--panel2:#141a26;--line:rgba(255,255,255,.10);--soft:rgba(255,255,255,.07);--txt:#e7e7ee;--dim:#aab0bd;--mute:rgba(231,231,238,.58);--good:#31e0b6;--warn:#ffcf5c;--bad:#ff6b81;--hd-h:60px}
body{background:var(--bg);color:var(--txt);font-family:'Manrope',system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%}
/* a11y */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media(pointer:coarse){.filt,.code,.favbtn,.srch__x,.cmodal__x,.hd__search,.burger,.lang__t,.calcbtn,.cta,.code__c{min-height:44px}}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:4px}
.sronly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/* header */
.hd{position:sticky;top:0;z-index:60;background:linear-gradient(180deg,rgba(15,11,30,.97),rgba(11,8,23,.94));backdrop-filter:blur(10px);border-bottom:1px solid var(--soft)}
.hd__in{max-width:1180px;margin:0 auto;padding:0 18px;height:var(--hd-h);display:flex;align-items:center;gap:14px;position:relative}
.hd__logo{height:26px;display:block}
.hd__nav{display:flex;gap:6px;margin-left:8px}.hd__nav a{padding:8px 11px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--dim)}
.hd__nav a:hover{background:var(--panel);color:var(--txt)}
.hd__sp{flex:1}
.lang{position:relative}.lang__t{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:11px;background:var(--panel);border:1px solid var(--line);color:var(--txt);font-weight:700;font-size:13.5px;cursor:pointer}
.lang__m{position:absolute;right:0;top:calc(100% + 8px);min-width:205px;background:var(--panel2);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.5);padding:6px;z-index:60;display:none}
.lang.open .lang__m{display:block}.lang__o{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;font-weight:600;font-size:13.5px;white-space:nowrap}
.lang__soon{display:block;padding:9px 11px;font-size:12px;color:var(--mute)}
/* Тач-область 44×44 для компактных контролов шапки без влияния на раскладку (audit PR4-016) */
@media(pointer:coarse){.burger,.hd__search{position:relative}.burger::after,.hd__search::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}}
.lang__o:hover{background:var(--panel)}.lang__o--on{background:color-mix(in srgb,var(--acc) 16%,transparent);color:var(--acc)}
.flag{width:19px;height:19px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.16);flex:0 0 auto}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:12px;font-weight:800;font-size:14px;cursor:pointer;border:1px solid transparent;background:var(--acc);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--acc) 32%,transparent)}
.cta:hover{filter:brightness(1.07);transform:translateY(-1px)}
.cta--ghost{background:var(--panel);border-color:var(--line);color:var(--txt);box-shadow:none}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0 11px;border-radius:11px;background:var(--panel);border:1px solid var(--line);cursor:pointer}
.burger span{height:2px;background:#d1d5db;border-radius:2px}
/* wrap */
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}
.crumb{font-size:12.5px;color:var(--mute);padding:11px 0;position:sticky;top:calc(var(--hd-h) - 1px);z-index:40;background:var(--bg);box-shadow:0 10px 18px -12px rgba(0,0,0,.7)}
.crumb a:hover{color:var(--acc)}.crumb span{margin:0 6px;opacity:.6}
[id]{scroll-margin-top:calc(var(--hd-h) + 52px)}
/* casino card top */
.card{border:1px solid color-mix(in srgb,var(--acc) 16%,var(--line));border-radius:20px;padding:18px;margin-top:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 7%,transparent),rgba(255,255,255,.015))}
.card__top{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}
.cid{display:flex;gap:14px;align-items:center;min-width:0}
.cid__logo{width:60px;height:60px;border-radius:15px;object-fit:contain;background:rgba(255,255,255,.06);border:1px solid var(--line);padding:9px}
.cid__name{font-size:22px;font-weight:800;letter-spacing:-.01em}.cid__sub{font-size:13px;color:var(--dim);margin-top:2px}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.chip{font-size:11.5px;color:var(--dim);background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:999px;padding:3px 9px}
.rate{display:flex;gap:16px;align-items:center}
.rate__main{text-align:center}.rate__num{font-size:30px;font-weight:800;color:var(--acc);line-height:1}.rate__star{color:#ffcf5c;font-size:13px;letter-spacing:1px;margin-top:2px}.rate__lbl{font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.04em;margin-top:3px}
.subs{display:flex;gap:8px}.sub{text-align:center;min-width:52px}.sub__v{font-weight:800;font-size:15px}.sub__l{font-size:10px;color:var(--mute);line-height:1.2;margin-top:2px}
@media(max-width:560px){.rate{flex-wrap:wrap;gap:12px}.rate__main{min-width:78px}.subs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 6px;width:100%}.sub{min-width:0}.sub__l{font-size:11px}.meta{grid-template-columns:1fr 1fr}}
.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.meta__i{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:9px 11px}.meta__k{font-size:10.5px;color:var(--mute);text-transform:uppercase;letter-spacing:.03em}.meta__v{font-size:13.5px;font-weight:700;margin-top:3px}
.pbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:14px;padding:13px 15px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 15%,transparent),rgba(255,255,255,.02));border:1px dashed color-mix(in srgb,var(--acc) 42%,transparent)}
.pbar__l{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--acc) 72%,#fff)}.pbar__t{font-weight:800;margin-top:2px}
.code{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border-radius:12px;background:rgba(0,0,0,.3);border:1px dashed var(--line);cursor:pointer;font-family:inherit;color:var(--txt);font-weight:800}
.code__soon{color:var(--acc)}
.code__hint{display:block;font-size:11px;color:var(--mute);margin-top:5px;text-align:center}
/* tabs */
.tabs{display:flex;gap:8px;margin:14px 0 0;overflow-x:auto;border-bottom:1px solid var(--soft);padding-bottom:0}
.tab{padding:11px 15px;border-radius:11px 11px 0 0;font-weight:700;font-size:14px;color:var(--dim);white-space:nowrap;border:1px solid transparent;border-bottom:0}
.tab:hover{background:var(--panel)}.tab--on{background:var(--panel);color:var(--acc);border-color:var(--line)}
/* grid */
.grid{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-top:20px;align-items:start;min-width:0}
.grid>*{min-width:0}.art{min-width:0;max-width:100%;overflow-wrap:anywhere}.hd__brand{display:flex;min-width:0;flex:0 1 auto}
.art h1{font-size:27px;font-weight:800;letter-spacing:-.02em;margin:2px 0 6px;line-height:1.2}
.byline{font-size:13px;color:var(--mute);margin-bottom:14px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.byline a{color:var(--acc)}.byline img{width:26px;height:26px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:6px;box-shadow:0 0 0 1px var(--line)}
.lead{font-size:17px;color:var(--dim)}
.art h2{font-size:21px;font-weight:800;margin:30px 0 10px;letter-spacing:-.01em;scroll-margin-top:80px}
.art h3{font-size:17px;font-weight:700;margin:20px 0 8px}
.art p{margin:0 0 13px}
.art ul,.art ol{margin:0 0 14px;padding-left:22px}.art li{margin:5px 0}
.art a.ln{color:var(--acc);text-decoration:underline;text-underline-offset:2px}
.toc{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--panel);margin:14px 0 6px}
.toc__t{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);font-weight:800;margin-bottom:8px}
.toc ol{margin:0;padding-left:20px;columns:2;font-size:14px}.toc a:hover{color:var(--acc)}
@media(max-width:560px){.toc ol{columns:1}}
.checkbox{border-left:3px solid var(--acc);background:rgba(124,92,255,.06);border-radius:0 12px 12px 0;padding:12px 16px;margin:0 0 14px}
.checkbox b{color:var(--txt)}
.fig{margin:0 0 14px}
.phone{position:relative;display:block;margin:0 4px;background:linear-gradient(145deg,#2c2942,#0b0912 62%);border:1px solid rgba(255,255,255,.12);border-radius:34px;padding:12px;box-shadow:0 22px 48px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 0 2px rgba(6,4,12,.7);isolation:isolate}
.phone::before{content:"";position:absolute;left:-3px;top:80px;width:3px;height:24px;border-radius:3px 0 0 3px;background:linear-gradient(90deg,#413c5c,#1a1728);box-shadow:0 -34px 0 0 #413c5c}
.phone::after{content:"";position:absolute;right:-3px;top:106px;width:3px;height:52px;border-radius:0 3px 3px 0;background:linear-gradient(270deg,#413c5c,#1a1728)}
.phone__cam{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:46px;height:5px;border-radius:4px;background:rgba(255,255,255,.15);z-index:2}
.phone__cam::after{content:"";position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:rgba(124,92,255,.55)}
.phone img{width:100%;height:auto;border-radius:22px;display:block;border:0}
.fig figcaption{font-size:12px;color:var(--mute);margin-top:9px;line-height:1.4;text-align:center}
.fig--right{float:right;width:256px;margin:4px 0 14px 22px}
.fig--left{float:left;width:256px;margin:4px 22px 14px 0}
@media(max-width:640px){.fig--right,.fig--left{float:none;width:100%;max-width:300px;margin:10px auto 18px}}
.agegate{display:none;position:fixed;inset:0;z-index:200;align-items:center;justify-content:center;padding:20px;background:rgba(6,4,14,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html.age-lock .agegate{display:flex}
html.age-lock{overflow:hidden}
.agegate.is-out{opacity:0;transition:opacity .3s;pointer-events:none}
.agegate__box{max-width:420px;width:100%;text-align:center;background:linear-gradient(180deg,#171226,#0e0b1c);border:1px solid rgba(124,92,255,.28);border-radius:24px;padding:34px 28px 26px;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:agein .35s cubic-bezier(.2,.8,.2,1)}
@keyframes agein{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.agegate__logo{height:30px;margin-bottom:16px}
.agegate__badge{display:inline-block;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(135deg,var(--acc),#9a7bff);padding:5px 13px;border-radius:999px;margin-bottom:14px;letter-spacing:.04em;box-shadow:0 6px 18px rgba(124,92,255,.4)}
.agegate__h{margin:0 0 10px;font-size:23px;font-weight:800;line-height:1.2}
.agegate__box p{margin:0 0 22px;color:var(--mute);font-size:14.5px;line-height:1.55}
.agegate__btns{display:flex;flex-direction:column;gap:10px}
.agegate__btns .cta{width:100%;justify-content:center;text-align:center}
.agegate__hint{margin-top:18px;font-size:12.5px;color:var(--mute)}
.agegate__hint a{color:var(--acc);text-decoration:none}.agegate__hint a:hover{text-decoration:underline}
.hd__search{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--txt);cursor:pointer;margin-right:10px;flex:none}
.hd__search:hover{background:rgba(124,92,255,.14);color:var(--acc);border-color:rgba(124,92,255,.4)}
.srch{display:none;position:fixed;inset:0;z-index:190;background:rgba(6,4,14,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:70px 20px 20px;justify-content:center}
.srch.open{display:flex}
.srch__box{width:100%;max-width:600px;align-self:flex-start;background:linear-gradient(180deg,#171226,#0e0b1c);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.6);overflow:hidden;animation:agein .28s ease}
.srch__bar{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--soft);color:var(--mute)}
.srch__bar input{flex:1;background:transparent;border:0;outline:none;color:var(--txt);font-size:16px;font-family:inherit}
.srch__bar input::placeholder{color:var(--mute)}
.srch__x{background:transparent;border:0;color:var(--mute);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:8px}.srch__x:hover{color:var(--txt);background:rgba(255,255,255,.06)}
.srch__res{max-height:min(58vh,420px);overflow:auto}
.srch__it{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;text-decoration:none;border-bottom:1px solid var(--soft);color:var(--txt)}
.srch__it:last-child{border-bottom:0}
.srch__it:hover{background:rgba(124,92,255,.1)}
.srch__t{font-weight:600;font-size:14.5px}
.srch__s{font-size:11.5px;color:var(--mute);background:rgba(255,255,255,.05);padding:3px 9px;border-radius:999px;white-space:nowrap}
.srch__empty{padding:22px 16px;color:var(--mute);font-size:14px;text-align:center}
.srch__hint{display:none;padding:13px 16px;color:var(--mute);font-size:12.5px;border-top:1px solid var(--soft)}
.srch__res:empty + .srch__hint{display:block}
@media(max-width:560px){.hd__search{width:34px;height:34px;margin-right:8px}.srch{padding:58px 12px 12px}}
table.t{width:100%;border-collapse:collapse;margin:6px 0 16px;font-size:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
table.t th,table.t td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--soft);vertical-align:top}
table.t th{background:rgba(255,255,255,.04);font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--mute)}
table.t tr:last-child td{border-bottom:0}
table.t td:first-child{font-weight:600}
@media(max-width:640px){table.t{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;border-radius:12px}table.t td,table.t th{white-space:normal;min-width:96px}table.t td:first-child,table.t th:first-child{position:sticky;left:0;background:var(--bg2);z-index:1;min-width:110px}}
.pros,.cons{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--panel)}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 8px}
@media(max-width:640px){.twocol{grid-template-columns:1fr}}
.pros h3,.cons h3{margin:0 0 8px;font-size:15px}
.pros li{list-style:none;position:relative;padding-left:24px}.pros ul{padding-left:0}.pros li::before{content:"✓";position:absolute;left:0;color:var(--good);font-weight:800}
.cons li{list-style:none;position:relative;padding-left:24px}.cons ul{padding-left:0}.cons li::before{content:"!";position:absolute;left:3px;color:var(--warn);font-weight:800}
.bonus{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;padding:14px;margin:0 0 10px;background:var(--panel)}
.bonus__badge{display:inline-block;font-size:10.5px;font-weight:800;color:#0b0817;padding:3px 9px;border-radius:999px;margin-bottom:6px}
.bonus__t{font-weight:800}.bonus__c{font-size:13px;color:var(--dim);margin-top:3px;max-width:520px}
.steps{counter-reset:s;padding-left:0;list-style:none}
.steps li{position:relative;padding:8px 0 8px 40px;border-bottom:1px solid var(--soft)}
.steps li:last-child{border-bottom:0}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:8px;width:26px;height:26px;border-radius:8px;background:var(--acc);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:13px}
.faq details{border:1px solid var(--line);border-radius:12px;margin:0 0 8px;background:var(--panel)}
.faq summary{padding:13px 15px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--acc);font-weight:800}
.faq details[open] summary::after{content:"–"}.faq__b{padding:0 15px 13px;color:var(--dim);font-size:14.5px}
.note{font-size:13px;color:var(--mute);border-left:3px solid var(--line);padding:6px 12px;margin:10px 0}
.authorcard{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--panel);margin-top:24px}
.authorcard img{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--line)}
.authorcard b{font-size:15px}.authorcard p{margin:4px 0 0;font-size:13.5px;color:var(--dim)}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 6px}
@media(max-width:640px){.roles{grid-template-columns:1fr}}
.rolecard{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--panel)}
.rolecard__ic{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:rgba(124,92,255,.12);border:1px solid rgba(124,92,255,.28)}
.rolecard b{display:block;margin-bottom:3px;font-size:14.5px}
.rolecard p{margin:0;font-size:13px;color:var(--mute);line-height:1.5}
.passport{border:1px solid rgba(124,92,255,.32);background:linear-gradient(180deg,rgba(124,92,255,.08),rgba(49,224,182,.035));border-radius:16px;padding:15px 18px;margin:4px 0 16px}
.passport__h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.passport__b{font-weight:800;font-size:15px}
.passport__d{font-size:11.5px;color:var(--mute)}
.pp__r{display:flex;gap:12px;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--soft);font-size:13.5px}
.pp__r:last-of-type{border-bottom:0}
.pp__k{color:var(--mute);flex:none;max-width:40%}
.pp__v{text-align:right;font-weight:600;line-height:1.55}
.pp__src{font-size:11.5px;color:var(--acc);white-space:nowrap}.pp__src--x{color:var(--mute)}
.pp__st{display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;border-radius:999px;margin-left:4px;vertical-align:middle;white-space:nowrap}
.pp__st--ok{background:color-mix(in srgb,#31e0b6 22%,transparent);color:#4fe9c4}
.pp__st--th{background:color-mix(in srgb,#409cff 22%,transparent);color:#7db8ff}
.pp__st--op{background:color-mix(in srgb,#ffcf5c 20%,transparent);color:#ffcf5c}
.pp__st--na{background:rgba(255,255,255,.10);color:var(--mute)}
.pp__st--warn{background:color-mix(in srgb,#ff6b6b 22%,transparent);color:#ff9a9a}
.pp__note{font-size:12px;color:var(--mute);margin-top:9px;line-height:1.5}
@media(max-width:520px){.pp__r{flex-direction:column;gap:2px}.pp__v{text-align:left;font-weight:700}.pp__k{max-width:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
/* aside */
.aside{display:flex;flex-direction:column;gap:14px;position:sticky;top:82px}
.box{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}
.box__h{padding:11px 15px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);border-bottom:1px solid var(--soft)}
.box__b{padding:6px 15px 12px}
.ratebox{text-align:center;padding:16px 15px}
.ratebox__num{font-size:40px;font-weight:800;color:var(--acc);line-height:1}
.ratebox__star{color:#ffcf5c;letter-spacing:2px;margin:4px 0}
.ratebox__lbl{font-size:12px;color:var(--mute)}
.ratebar{margin:8px 0}.ratebar__top{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:4px}.ratebar__top b{color:var(--acc)}
.ratebar__t{height:6px;border-radius:5px;background:rgba(255,255,255,.09);overflow:hidden}.ratebar__t i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--acc2))}
.kv{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--soft);font-size:13px}
.kv:last-child{border-bottom:0}.kv__k{color:var(--mute)}.kv__v{text-align:right;font-weight:600}
.asidecta{padding:14px 15px;display:flex;flex-direction:column;gap:8px}
/* footer */
.ft{margin-top:40px;border-top:1px solid var(--soft);background:var(--bg2)}
.ft__in{max-width:1180px;margin:0 auto;padding:26px 18px;font-size:12.5px;color:var(--mute);line-height:1.7}
.ft a{color:var(--dim)}.ft a:hover{color:var(--acc)}
.ft__row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.age{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;color:var(--txt)}
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;z-index:90;background:var(--acc);color:#fff;font-weight:700;padding:11px 18px;border-radius:12px;box-shadow:0 12px 30px color-mix(in srgb,var(--acc) 40%,transparent);transition:.25s}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:900px){.grid{grid-template-columns:1fr}.aside{position:static}.burger{display:flex}
.hd__nav{display:none;position:absolute;top:var(--hd-h);left:0;right:0;flex-direction:column;gap:3px;margin:0;padding:8px;background:var(--bg2);border-bottom:1px solid var(--line);box-shadow:0 22px 44px rgba(0,0,0,.55);max-height:calc(100dvh - var(--hd-h));overflow:auto}
.hd.menu-open .hd__nav{display:flex;animation:agein .2s ease}
.hd__nav a{padding:13px 14px;border-radius:11px;font-size:15px;color:var(--txt);border:1px solid transparent}
.hd__nav a:hover,.hd__nav a:active{background:var(--panel);border-color:var(--line)}
.hd.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hd.menu-open .burger span:nth-child(2){opacity:0}
.hd.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.burger span{transition:transform .2s,opacity .2s}}
@media(max-width:400px){.hd__in{padding:0 10px;gap:8px}.hd__logo{height:22px}.hd__search{margin-right:4px;width:36px;height:36px}.lang__t{padding:8px 9px;font-size:13px;gap:5px}.burger{width:40px;padding:0 9px}.lang__m{min-width:min(205px,calc(100vw - 20px))}}

#prog{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--acc),var(--acc2));z-index:60}
.qfacts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.qfact{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:999px;padding:5px 11px;color:var(--dim)}
.qfact b{color:var(--txt)}
.tldr{border:1px solid color-mix(in srgb,var(--acc) 26%,var(--line));border-radius:16px;padding:16px 18px;margin:16px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 9%,transparent),rgba(255,255,255,.015))}
.tldr__k{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--acc)}
.tldr p{margin:6px 0 12px;font-size:16px}
.tldr__row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.verdict{border:1px solid color-mix(in srgb,var(--acc) 30%,var(--line));border-radius:16px;padding:16px 18px;margin:16px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 11%,transparent),rgba(255,255,255,.02))}
.verdict h2{margin:0 0 8px}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 8px}
@media(max-width:640px){.fit{grid-template-columns:1fr}}
.fit__c{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--panel)}
.fit__c h4{margin:0 0 6px;font-size:14px}.fit__c.ok h4{color:var(--good)}.fit__c.no h4{color:var(--warn)}
.fit__c ul{margin:0;padding-left:18px;font-size:13.5px;color:var(--dim)}
/* calculator */
.calc{border:1px solid color-mix(in srgb,var(--acc) 22%,var(--line));border-radius:16px;padding:16px;margin:12px 0;background:var(--panel)}
.calc__h{font-weight:800;display:flex;align-items:center;gap:8px;margin-bottom:4px}
.calc__sub{font-size:12.5px;color:var(--mute);margin-bottom:12px}
.calc__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:640px){.calc__grid{grid-template-columns:1fr 1fr}}
.calc__f label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--mute);margin-bottom:4px}
.calc__f input{width:100%;height:40px;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--txt);padding:0 10px;font-family:inherit;font-size:15px;font-weight:700}
.cur{display:inline-flex;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:10px;overflow:hidden;height:40px}
.cur button{border:0;background:transparent;color:var(--dim);font-weight:800;padding:0 12px;cursor:pointer;font-family:inherit;font-size:14px}
.cur button.on{background:var(--acc);color:#fff}
.calc__out{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
@media(max-width:640px){.calc__out{grid-template-columns:1fr 1fr}}
.calc__o{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:11px}
.calc__o .k{font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--mute)}
.calc__o .v{font-size:18px;font-weight:800;margin-top:3px}
.calc__o.big .v{color:var(--acc)}
.calc__note{font-size:11.5px;color:var(--mute);margin-top:10px}
.badge-ok{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent);border:1px solid color-mix(in srgb,var(--good) 30%,transparent);border-radius:999px;padding:4px 10px}
.reglink{color:var(--acc);text-decoration:underline;text-underline-offset:2px}
.rev{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--panel);margin:0 0 10px}
.rev__top{display:flex;justify-content:space-between;gap:10px;font-size:13px}.rev__name{font-weight:700}.rev__stars{color:#ffcf5c}
.stars{--sp:0%;display:inline-block;position:relative;font-size:inherit;line-height:1;letter-spacing:1px;white-space:nowrap;vertical-align:middle}
.stars::before{content:"★★★★★";color:rgba(255,255,255,.20)}
.stars::after{content:"★★★★★";color:#ffcf5c;position:absolute;left:0;top:0;width:var(--sp);overflow:hidden}
.rev__b{font-size:14px;color:var(--dim);margin-top:6px}
.disc{font-size:12px;color:var(--mute);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:16px 0;background:rgba(255,255,255,.02)}
.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:55;display:none;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(11,8,23,.6),var(--bg2));border-top:1px solid var(--line);backdrop-filter:blur(8px)}
.stickybar .cta{flex:1}
@media(max-width:900px){.stickybar{display:flex}body{padding-bottom:74px}}
/* prominent calc button + modal */
.calcbtn{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:14.5px;cursor:pointer;border:0;border-radius:12px;padding:12px 18px;color:#fff;background:linear-gradient(135deg,var(--acc),#9a7dff);box-shadow:0 8px 26px color-mix(in srgb,var(--acc) 42%,transparent);font-family:inherit;position:relative;animation:calcpulse 2.6s ease-in-out infinite}
.calcbtn:hover{filter:brightness(1.07);transform:translateY(-1px)}
.calcbtn .arw{font-style:normal;font-weight:900;transition:transform .2s ease}.calcbtn:hover .arw{transform:translateX(3px)}
@keyframes calcpulse{0%,100%{box-shadow:0 8px 24px color-mix(in srgb,var(--acc) 32%,transparent)}50%{box-shadow:0 10px 34px color-mix(in srgb,var(--acc) 58%,transparent)}}
.calcbtn span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#0b0817;background:var(--acc2);border-radius:999px;padding:2px 7px}
.cardcalc{background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 8%,transparent),color-mix(in srgb,var(--acc2) 7%,transparent))}
.cardcalc{margin:12px 0 10px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 14px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--acc2) 40%,transparent);background:rgba(49,224,182,.05)}
.cardcalc__t{font-size:13px;color:var(--dim)}.cardcalc__t b{color:var(--txt)}
.cmodal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(4,3,10,.68);backdrop-filter:blur(4px)}
.cmodal.open{display:flex}
.cmodal__box{position:relative;width:100%;max-width:640px;max-height:92vh;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.6);padding-top:52px}
.cmodal__x{position:absolute;top:12px;right:12px;z-index:2;background:rgba(255,255,255,.08);border:1px solid var(--line);color:var(--txt);width:36px;height:36px;border-radius:10px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center}
.cmodal__x:hover{background:rgba(255,255,255,.14)}

.ft__in{max-width:1180px;margin:0 auto;padding:30px 18px}
.ftbrand{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--soft)}
.ftlogo{height:26px}.ftbrand__t{font-size:13px;color:var(--mute);max-width:640px}
.ftcols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:760px){.ftcols{grid-template-columns:1fr 1fr}}@media(max-width:440px){.ftcols{grid-template-columns:1fr}}
.ftcol__t{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--txt);margin-bottom:12px}
.ftcol__l{display:block;font-size:13.5px;color:var(--mute);padding:6px 0;text-decoration:none}.ftcol__l:hover{color:var(--acc)}
.ftpays{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--soft)}
.ftpays__k{font-size:12px;color:var(--mute);margin-right:4px}.ftpay{font-size:11.5px;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:5px 12px}
.ft__legal{margin-top:18px;font-size:12px;color:rgba(231,231,238,.42);line-height:1.7}
.ft__row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;font-size:12.5px;color:var(--mute)}
@media(max-width:640px){.art table.t{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.art table.t th,.art table.t td{white-space:normal}}
img{height:auto}


.pbar--hot{border:1px solid color-mix(in srgb,var(--acc) 55%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 22%,transparent),color-mix(in srgb,var(--acc2) 10%,transparent));box-shadow:0 8px 26px color-mix(in srgb,var(--acc) 20%,transparent)}
.pbar--hot .pbar__t{font-size:16px}
.stickybar .cta{flex:1}
.ccards{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:16px;margin-top:16px}
@media(max-width:720px){.ccards{grid-template-columns:1fr;grid-auto-rows:auto}.ccard .pbar{min-height:0}}
.ccard{border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--panel);display:flex;flex-direction:column;gap:10px}
.ccard__top{display:flex;gap:12px;align-items:center}
.ccard__logo{width:52px;height:52px;border-radius:13px;object-fit:contain;background:rgba(255,255,255,.06);border:1px solid var(--line);padding:8px}
.ccard__name{font-size:18px;font-weight:800}.ccard__sub{font-size:12px;color:var(--dim)}
.ccard__rate{margin-left:auto;text-align:center}.ccard__num{font-size:24px;font-weight:800;color:var(--acc);line-height:1}.ccard__star{color:#ffcf5c;font-size:11px}
.ccard__facts{display:flex;gap:6px;flex-wrap:wrap}.ccard__f{font-size:11.5px;color:var(--dim);background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:999px;padding:3px 9px}
.ccard .pbar{min-height:84px;box-sizing:border-box;align-items:center;flex-wrap:nowrap}
.ccard .pbar>div{flex:1 1 auto;min-width:0}
.ccard .pbar .code{flex:0 0 auto}
.ccard__row{display:flex;gap:10px;margin-top:auto;padding-top:4px}
.hero{border:1px solid var(--line);border-radius:22px;padding:30px 24px;margin-top:12px;background:radial-gradient(700px 240px at 12% 0%,color-mix(in srgb,var(--acc) 20%,transparent),transparent 60%),radial-gradient(560px 220px at 92% 20%,color-mix(in srgb,var(--acc2) 12%,transparent),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.hero__k{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.hero h1{margin:8px 0;font-size:30px;font-weight:800;letter-spacing:-.02em;max-width:720px}
.hero p{margin:0 0 16px;color:var(--dim);max-width:640px}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
@media(max-width:720px){.cats{grid-template-columns:1fr}}
.cat{display:block;border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--panel)}
.cat--soon{opacity:.7}.cat b{font-size:16px}.cat p{font-size:13px;color:var(--dim);margin:4px 0 0}
.cat__soon{float:right;font-size:10px;border:1px solid var(--line);padding:1px 7px;border-radius:8px;color:var(--mute)}
.grid--full .art{grid-column:1/-1}
.leadbox{max-width:820px}
.social{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}
.social__hot{font-size:12.5px;color:var(--dim);background:rgba(255,207,92,.08);border:1px solid rgba(255,207,92,.25);border-radius:999px;padding:5px 11px}.social__hot b{color:var(--warn)}
.favbtn{font-size:12.5px;font-weight:700;color:var(--mute);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:not-allowed}



.ccard__cmprow{display:flex;justify-content:flex-end;margin-bottom:2px}
.ccard__cmp{font-size:12px;color:var(--dim);display:inline-flex;align-items:center;gap:5px;cursor:pointer;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.ccard__cmp input{cursor:pointer}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 4px}
.filt{font-size:13px;font-weight:700;color:var(--dim);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer}
.filt.on{background:color-mix(in srgb,var(--acc) 18%,transparent);color:var(--acc);border-color:color-mix(in srgb,var(--acc) 35%,transparent)}
.cmpbar{position:fixed;left:50%;transform:translateX(-50%) translateY(140%);bottom:16px;z-index:70;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:16px;background:var(--panel2);border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.5);transition:transform .25s ease}
.cmpbar.show{transform:translateX(-50%) translateY(0)}
.cmpbar__l{font-size:13px;color:var(--dim)}
.cmpmodal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(4,3,10,.7);backdrop-filter:blur(4px)}
.cmpmodal.open{display:flex}
.cmpmodal__box{position:relative;width:100%;max-width:900px;max-height:92vh;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:18px}
.cmpmodal__x{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:var(--txt);width:36px;height:36px;border-radius:10px;cursor:pointer}