
:root{--bg:#010e14;--bg2:#062c43;--navy:#05112e;--ice:#9acddd;--ice2:#bfe3ee;--txt:#cdd6e0;--white:#fff;--gold:#e8b53a;--line:#9acddd}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:150px}
body{background:var(--bg);color:var(--txt);font:400 17px/1.55 Nunito,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--ice)}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.narrow{max-width:860px}
h1,h2,h3,.hero-pill b{font-family:Hubballi,sans-serif;font-weight:400;color:var(--white);letter-spacing:.02em}
h1{font-size:clamp(40px,6vw,66px);line-height:1.12}
h2{font-size:clamp(30px,3.6vw,40px);line-height:1.2;margin-bottom:18px}
h3{font-size:24px;line-height:1.25;margin:20px 0 8px}
h4{font-family:Hubballi,sans-serif;font-weight:400;color:#e6eef3;font-size:20px;line-height:1.3;margin:16px 0 6px}
p{margin-bottom:14px}
/* header */
.site-head{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s,box-shadow .3s}
.site-head.solid{background:rgba(1,14,20,.93);backdrop-filter:blur(6px);box-shadow:0 1px 0 rgba(154,205,221,.12)}
.head-in{display:flex;align-items:center;justify-content:space-between;height:92px}
.logo img{width:210px}
.main-nav{display:flex;gap:28px;align-items:center}
.main-nav a,.main-nav .lang{color:#dbe7ee;text-decoration:none;font-size:16px;letter-spacing:.03em}
.main-nav a:hover{color:var(--ice)}
.burger{display:none;background:none;border:0;width:36px;height:28px;flex-direction:column;justify-content:space-between;cursor:pointer}
.burger span{height:2px;background:#fff;border-radius:2px}
/* hero */
.hero{min-height:745px;background:#050a1e url(/img/background.webp) center/cover no-repeat;display:flex;align-items:center;position:relative}
.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(transparent,rgba(5,17,46,.9))}
.hero-in{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;z-index:1;padding-top:90px}
.hero-txt{max-width:600px}
.hero-txt p{font-size:20px;margin:18px 0 38px}
.hero-astro{width:380px;animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-18px)}}
.hero-pill{display:flex;align-items:center;justify-content:space-between;gap:16px;border:2px solid #fff;border-radius:40px;padding:6px 6px 6px 26px;max-width:560px;text-decoration:none;color:#e6eef3;transition:border-color .2s}
.hero-pill b{background:#d8e0e8;color:#1a2a3a;border-radius:30px;padding:12px 30px;font-size:19px;white-space:nowrap;transition:background .2s}
.hero-pill:hover{border-color:var(--ice)}.hero-pill:hover b{background:var(--ice)}
/* intro */
.intro{background:linear-gradient(#05112e 36%,#062c43 100%);padding:80px 0}
.intro-in{text-align:center;max-width:900px}
.intro p{font-size:19px}
/* list */
.list{background:var(--bg);padding:60px 0 50px}
.count{font-family:Nunito;font-size:30px;color:var(--gold);margin:0 0 26px}
.cards{display:flex;flex-direction:column;gap:26px}
.ocard{position:relative;border:3px solid var(--line);border-radius:6px;background:var(--bg);font-family:"Red Hat Display",sans-serif;transition:box-shadow .2s,transform .2s}
.ocard:hover{box-shadow:0 0 22px rgba(154,205,221,.25)}
.hidden-card{display:none}.cards.all .hidden-card{display:block}
.num{position:absolute;left:-16px;top:-16px;width:34px;height:34px;border-radius:50%;background:#fff;color:#000;border:3px solid #a39e93;font:800 18px/28px "Red Hat Display";text-align:center;z-index:2}
.num.gold{border-color:#e8b53a}.num.silver{border-color:#c0c0c0}.num.bronze{border-color:#cd7f32}
.ocard-row{display:grid;grid-template-columns:150px 1.6fr 1fr 1fr 1.3fr;align-items:center;gap:14px;padding:22px 22px}
.c-logo{display:flex;flex-direction:column;align-items:center;gap:12px}
.c-logo img{width:96px;height:96px;border-radius:50%;border:3px solid #d8dde2;object-fit:cover}
.more{background:var(--ice);border:0;border-radius:3px;color:#1b2a33;font:600 12px "Red Hat Display";padding:6px 9px;cursor:pointer}
.more span{display:inline-block;transition:transform .2s}.more[aria-expanded=true] span{transform:rotate(180deg)}
.c-title{text-align:center}
.name{color:#fff;font:700 18px/1.3 "Red Hat Display",sans-serif;margin:0;letter-spacing:0}
.bonus{color:#fff;font-weight:800;font-size:22px;line-height:1.2;margin:4px 0 0}
.c-rate{display:flex;align-items:center;justify-content:center;gap:10px}
.st{font-style:normal;color:#5b5b5b;font-size:21px}.st.on{color:var(--gold)}
.rnum{color:#fff;font-weight:700;font-size:14px}
.c-pay{display:flex;gap:6px;justify-content:center}
.c-pay img{width:30px;height:20px;border-radius:3px}
.c-cta{text-align:center}
.play{display:block;background:var(--ice);color:#000;text-decoration:none;font:600 18px Hubballi,sans-serif;letter-spacing:.06em;border-radius:22px;padding:13px 10px;transition:background .2s,transform .15s}
.play:hover{background:var(--ice2);transform:translateY(-1px)}
.tc{display:block;margin-top:9px;color:var(--ice);font-size:12.5px;font-weight:700}
.tip{position:relative;display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--ice);color:#000;font:800 10px/14px "Red Hat Display";cursor:help;margin-left:3px}
.tip:hover:after,.tip:focus:after{content:attr(data-tip);position:absolute;bottom:22px;right:-10px;width:260px;background:#fff;color:#111;font:500 12.5px/1.45 Nunito;text-align:left;padding:10px 12px;border-radius:6px;box-shadow:0 6px 22px rgba(0,0,0,.4);z-index:5}
.details{border-top:1px solid rgba(154,205,221,.3);padding:20px 26px 24px;display:grid;grid-template-columns:1fr 2fr;gap:14px 30px}
.details[hidden]{display:none}
.details h4{color:#fff;font:700 15px "Red Hat Display",sans-serif;margin:0 0 8px}
.d-likes ul{list-style:none}.d-likes li{padding-left:22px;position:relative;margin:4px 0;font-size:14px}
.d-likes li:before{content:"✓";position:absolute;left:0;color:#5fd38d;font-weight:800}
.d-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.d-grid dt{font-size:12px;color:#8fa5b3;text-transform:uppercase;letter-spacing:.05em}
.d-grid dd{color:#fff;font-weight:700;font-size:15px}
.d-desc{grid-column:1/-1;font:400 15px/1.55 Nunito;margin:0}
.more-wrap{text-align:center;margin-top:34px}
.show-more{background:var(--ice);border:0;border-radius:12px;padding:10px 16px;font:500 20px Nunito;color:#10202a;cursor:pointer}
/* pills */
.pills{position:sticky;top:92px;z-index:40;background:var(--bg2);padding:18px 0}
.pill-row{display:flex;gap:10px;justify-content:space-between;border:2px solid #dfe7ec;border-radius:40px;padding:8px;overflow-x:auto;scrollbar-width:none}
.pill-row::-webkit-scrollbar{display:none}
.pill-row a{flex:1;text-align:center;white-space:nowrap;background:#0c2638;color:#fff;text-decoration:none;border-radius:30px;padding:11px 20px;font-size:17px;transition:background .2s}
.pill-row a:hover,.pill-row a.act{background:#1d4d6b}
/* sections */
.sec{padding:90px 0;background:var(--bg)}
.sec.alt{background:var(--bg2)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.tag{display:inline-block;background:linear-gradient(90deg,#1f4b69,#6f9db6);color:#fff;font:700 13px Nunito;letter-spacing:.08em;padding:7px 12px;border-radius:20px;margin-bottom:20px}
.lead{font-weight:700;color:#e3ebf0}
.dots{padding-left:18px;margin:6px 0 16px}.dots li{margin:4px 0;color:var(--ice)}
.steps{list-style:none;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding-left:52px;margin-top:16px}
.steps li:before{content:counter(s);position:absolute;left:0;top:14px;width:36px;height:36px;border-radius:50%;border:2px solid var(--ice);color:var(--ice);font:700 17px/32px Nunito;text-align:center}
.steps h4{font-size:21px;margin-top:14px}
.deco{width:260px;margin:0 auto 10px;animation:float 7s ease-in-out infinite}
.deco.coin{width:170px}
.note{border-left:3px solid var(--gold);padding:8px 14px;background:rgba(232,181,58,.08);color:#f1e3bf}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}
.gcard{border:1px solid rgba(154,205,221,.35);border-radius:14px;padding:24px;background:rgba(1,14,20,.35)}
.gcard h3{margin-top:0}
.paybar{display:flex;gap:12px;margin-top:10px}.paybar img{width:60px;height:40px;border-radius:6px}
.reasons{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;counter-reset:r;margin-top:20px}
.reasons li{counter-increment:r;border:1px solid rgba(154,205,221,.35);border-radius:14px;padding:22px}
.reasons li:before{content:"0" counter(r);font:400 34px Hubballi;color:var(--gold)}
.reasons h3{margin-top:6px}
.faq{border-bottom:1px solid rgba(154,205,221,.25);padding:18px 0}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}
.faq summary h3{margin:0;font-size:22px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--ice);font-size:26px;line-height:1}
.faq[open] summary:after{content:"–"}
.faq p{margin:12px 0 0}
/* footer */
.foot{background:#000a10;padding:50px 0 30px;border-top:1px solid rgba(154,205,221,.15)}
.foot-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.rg{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.rg img{height:40px;width:auto;filter:grayscale(.2)}
.age{border:2px solid #e44;color:#fff;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-weight:800}
.disc{font-size:14px;color:#8fa5b3}.copy{font-size:13px;color:#61798a;margin:0}
.totop{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;background:var(--ice);color:#000;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:0;pointer-events:none;transition:opacity .3s;z-index:60}
.totop.show{opacity:1;pointer-events:auto}
/* responsive */
@media(max-width:1024px){
 .ocard-row{grid-template-columns:130px 1.5fr 1fr 1.2fr}.c-pay{display:none}
 .grid4{grid-template-columns:1fr 1fr}.reasons{grid-template-columns:1fr 1fr 1fr}
 .hero-astro{width:300px}
}
@media(max-width:820px){
 .burger{display:flex}
 .main-nav{position:absolute;top:92px;left:0;right:0;flex-direction:column;background:rgba(1,14,20,.97);padding:20px;gap:18px;display:none}
 .main-nav.open{display:flex}
 .site-head.menu{background:rgba(1,14,20,.97)}
 .hero{min-height:620px}.hero-astro{display:none}
 .two{grid-template-columns:1fr;gap:10px}
 .sec{padding:60px 0}
 .pills{top:92px;padding:10px 0}.pill-row a{flex:none;padding:9px 16px;font-size:15px}
 .ocard-row{grid-template-columns:1fr 1fr;padding:22px 16px 18px}
 .c-logo{grid-row:span 2}.c-title{text-align:left}.c-rate{justify-content:flex-start}
 .c-cta{grid-column:1/-1}
 .details{grid-template-columns:1fr;padding:18px 16px}.d-grid{grid-template-columns:1fr 1fr}
 .reasons{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
 .head-in{height:74px}.logo img{width:160px}.main-nav{top:74px}.pills{top:74px}
 html{scroll-padding-top:130px}
 .grid4,.reasons{grid-template-columns:1fr}
 .hero-pill{padding-left:16px}.hero-pill span{font-size:14px}.hero-pill b{padding:10px 16px;font-size:16px}
 .bonus{font-size:19px}.c-logo img{width:80px;height:80px}
 .tip:hover:after,.tip:focus:after{right:-40px;width:230px}
}
/* subpages */
.main-nav a{font-size:15px}
.name a{color:#fff;text-decoration:none}.name a:hover{color:var(--ice)}
.rv-link{color:var(--ice);font-weight:700;white-space:nowrap}
.byline{font-size:14px;color:#9fb3c0;margin:14px 0 0}.byline a{color:var(--ice)}
.intro .byline{margin-top:4px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.glink{text-decoration:none;color:var(--txt);display:block;transition:border-color .2s,transform .2s}.glink:hover{border-color:var(--ice);transform:translateY(-2px)}
.glink span{color:var(--ice);font-weight:700}
.h3{font-size:24px;margin:0 0 8px}
body.sub .site-head{background:rgba(1,14,20,.93)}
.page-hero{background:linear-gradient(#05112e 20%,#062c43 100%);padding:130px 0 40px}
.page-hero h1{font-size:clamp(34px,5vw,52px);margin-bottom:10px}
.lead{font-size:19px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;margin-bottom:18px;color:#9fb3c0}
.crumbs li+li:before{content:"›";margin-right:6px}.crumbs a{color:var(--ice);text-decoration:none}
.article-sec{padding:50px 0 80px}
.article h2{margin-top:44px}.article>h2:first-child,.article .facts+h2{margin-top:10px}
.article ul.dots li{color:var(--txt)}.article a{color:var(--ice)}.article a.play{color:#000;text-decoration:none}
.rv-head{display:grid;grid-template-columns:110px 1fr 220px;gap:24px;align-items:center}
.rv-head img{border-radius:50%;border:3px solid #d8dde2}
.rv-bonus{font:800 22px "Red Hat Display";color:#fff;margin:0 0 6px}
.rv-rate{margin:0;color:#dbe7ee}.rv-rate .st{font-size:19px}
.rv-cta{text-align:center}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(154,205,221,.25);border:1px solid rgba(154,205,221,.25);border-radius:12px;overflow:hidden;margin-bottom:30px}
.facts div{background:#041822;padding:14px 16px}.facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#8fa5b3}.facts dd{color:#fff;font-weight:700}
.tbl{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:15px}
.tbl th,.tbl td{border:1px solid rgba(154,205,221,.25);padding:10px 12px;text-align:left}
.tbl thead th{background:#0c2638;color:#fff}.tbl.kv th{width:42%;background:#041822;color:#cfe0ea;font-weight:600}
.small{font-size:14px;color:#9fb3c0}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pc>div{border-radius:12px;padding:20px 22px}.pro{background:rgba(95,211,141,.07);border:1px solid rgba(95,211,141,.35)}.con{background:rgba(228,68,68,.06);border:1px solid rgba(228,68,68,.35)}
.pc h3{margin-top:0}.pc ul{list-style:none}.pc li{padding-left:24px;position:relative;margin:6px 0}
.pro li:before{content:"✓";position:absolute;left:0;color:#5fd38d;font-weight:800}.con li:before{content:"✕";position:absolute;left:0;color:#e46a6a;font-weight:800}
.verdict{border:2px solid var(--ice);border-radius:14px;padding:24px;background:#041822}.vscore{font-size:20px;color:#fff}.verdict .play{display:inline-block;padding:13px 34px}
.rels{display:flex;flex-direction:column;gap:14px}
.rel{display:grid;grid-template-columns:64px 1fr 150px;gap:16px;align-items:center;border:1px solid rgba(154,205,221,.3);border-radius:12px;padding:14px 16px}
.rel img{border-radius:50%}.rel h3,.rel .h3{margin:0;font-size:21px}.rel h3 a,.rel .h3 a{color:#fff;text-decoration:none}.rel p{margin:0;font-size:15px}
.play.sm{font-size:15px;padding:10px}
.boxed{border:1px solid rgba(154,205,221,.35);border-radius:14px;padding:24px;margin-top:44px;background:#041822}.boxed h2{margin-top:0}.boxed .play{display:inline-block;padding:12px 30px}
.top3{padding-left:22px;margin-bottom:16px}.top3 li{margin:6px 0}
.big-mail{font-size:22px;color:#fff}
.steps h3{font-size:21px;margin-top:14px}
.team{display:grid;gap:18px}.member{display:grid;grid-template-columns:96px 1fr;gap:18px;border:1px solid rgba(154,205,221,.3);border-radius:12px;padding:18px}.member img{border-radius:50%}.member h3{margin:0}.role{color:var(--gold);margin:0 0 6px}
.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:10px 0 26px}
.foot-cols ul{list-style:none}.foot-cols li{margin:5px 0}.foot-cols a{color:#b9cad5;text-decoration:none;font-size:15px}.foot-cols a:hover{color:var(--ice)}
.fh{color:#fff;font:400 20px Hubballi;margin-bottom:8px}
@media(max-width:1024px){.grid3{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.rv-head{grid-template-columns:80px 1fr}.rv-head img{width:80px;height:80px}.rv-cta{grid-column:1/-1}.facts{grid-template-columns:1fr 1fr}.pc{grid-template-columns:1fr}.foot-cols{grid-template-columns:1fr 1fr}.page-hero{padding-top:110px}}
@media(max-width:520px){.grid3,.foot-cols{grid-template-columns:1fr}.rel{grid-template-columns:52px 1fr}.rel img{width:52px;height:52px}.rel .play{grid-column:1/-1}.tbl{font-size:14px}}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 10px}
.gcard a{color:var(--ice)}
.checklist{list-style:none;margin:6px 0 16px}.checklist li{position:relative;padding-left:30px;margin:8px 0}
.checklist li:before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border:2px solid var(--ice);border-radius:4px}
.checklist li:after{content:"✓";position:absolute;left:4px;top:-1px;color:#5fd38d;font-weight:800}
.glossary{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px;margin-top:20px}
.glossary div{border-bottom:1px solid rgba(154,205,221,.2);padding-bottom:12px}
.glossary dt{color:#fff;font:400 21px Hubballi}.glossary dd{font-size:16px}
.pill-row a{flex:1 0 auto;padding:11px 16px;font-size:16px}
@media(max-width:820px){.grid2,.glossary{grid-template-columns:1fr}}
.topbar{background:linear-gradient(#05112e 30%,#062c43 100%);padding:22px 0 18px}
.topbar h1{font-size:clamp(30px,4.2vw,46px);line-height:1.15}
.top-lead{font-size:17px;margin:8px 0 0}.top-lead a{color:var(--ice)}
.topbar .byline{margin-top:6px;font-size:13px}
.list{padding-top:28px}
.list-h{font-size:clamp(24px,3vw,32px);margin-bottom:24px}
.page-hero{padding-top:34px}
.pills{top:0}
html{scroll-padding-top:90px}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;align-items:center;gap:12px;padding:10px 16px;background:rgba(1,14,20,.97);border-top:2px solid var(--ice);transform:translateY(110%);transition:transform .3s}
.sticky-cta.show{transform:none}
.sticky-cta img{width:40px;height:40px;border-radius:50%;flex:none}
.sc-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.sc-txt b{color:#fff;font:700 15px "Red Hat Display"}.sc-txt span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-cta .play{flex:none;padding:10px 22px;font-size:16px}
@media(min-width:821px){.sticky-cta{left:50%;right:auto;bottom:16px;width:560px;margin-left:-280px;border:2px solid var(--ice);border-radius:40px;padding:8px 8px 8px 12px}}
.totop{bottom:86px}
body{padding-bottom:70px}
@media(max-width:820px){.topbar{padding:14px 0 12px}.top-lead{font-size:15px}.list{padding-top:18px}.list-h{margin-bottom:18px}.ocard-row{padding:18px 14px 14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
