@font-face{font-family:"SyneLocal";src:url("../fonts/syne/syne-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"SyneLocal";src:url("../fonts/syne/syne-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"DmSansLocal";src:url("../fonts/dmsans/dmsans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DmSansLocal";src:url("../fonts/dmsans/dmsans-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"DmSansLocal";src:url("../fonts/dmsans/dmsans-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{
--zkp4n8:#071018;
--mqw2xf:#0d1c28;
--br7hty:#132636;
--ja9cve:#1ec9a0;
--am3lkp:#e8a317;
--tx8fnr:#d5dee8;
--tx5mute:#8a9aab;
--ln4edge:rgba(232,163,23,.28);
--sh2soft:0 10px 28px rgba(0,0,0,.28)
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
font-family:"DmSansLocal",sans-serif;
background:radial-gradient(1200px 500px at 12% -10%,rgba(30,201,160,.12),transparent 55%),radial-gradient(900px 420px at 88% 0%,rgba(232,163,23,.1),transparent 50%),linear-gradient(180deg,var(--zkp4n8) 0%,var(--mqw2xf) 48%,#09151f 100%);
color:var(--tx8fnr);
min-height:100vh;
line-height:1.55;
overflow-x:hidden;
padding-bottom:0
}
body.nv4open{overflow:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.kz3tpb{
background:linear-gradient(90deg,#0a151f 0%,#122033 50%,#0a151f 100%);
border-bottom:1px solid var(--ln4edge);
padding:.65rem 0;
font-size:.78rem;
letter-spacing:.01em;
color:var(--tx5mute)
}
.kz3tpb .nx8age{
display:flex;
align-items:flex-start;
gap:.55rem;
justify-content:center;
width:100%;
text-align:left;
flex-wrap:nowrap
}
.kz3tpb .nx8age span:last-child{
flex:1 1 auto;
line-height:1.45
}
.kz3tpb .px2badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:2rem;
height:1.35rem;
padding:0 .45rem;
border-radius:.3rem;
background:var(--am3lkp);
color:#1a1203;
font-weight:700;
font-size:.72rem;
letter-spacing:.04em
}
.rw9nav{
position:relative;
z-index:50;
background:rgba(7,16,24,.92);
border-bottom:1px solid rgba(213,222,232,.08);
backdrop-filter:blur(8px)
}
.rw9nav .uv4inner{
display:flex;
align-items:center;
justify-content:space-between;
min-height:3.75rem;
padding:.55rem 0;
gap:.75rem
}
.lg7mark{
display:inline-flex;
align-items:center;
gap:.7rem;
color:var(--tx8fnr)
}
.lg7mark:hover{color:#fff}
.lg7mark .ic5svg{
width:2.15rem;
height:2.15rem;
flex-shrink:0
}
.lg7mark .tl6name{
font-family:"SyneLocal",sans-serif;
font-weight:800;
font-size:1.2rem;
letter-spacing:.01em;
line-height:1
}
.lg7mark .tl6name span{color:var(--ja9cve)}
.mn8desk{
display:none;
align-items:center;
flex-wrap:wrap;
justify-content:flex-end;
gap:.35rem .75rem;
list-style:none;
margin:0;
padding:0;
max-width:78%
}
.mn8desk a{
font-size:.8rem;
font-weight:500;
color:var(--tx5mute);
padding:.2rem 0;
position:relative;
white-space:nowrap
}
.mn8desk a::after{
content:"";
position:absolute;
left:0;
bottom:-.15rem;
width:0;
height:2px;
background:linear-gradient(90deg,var(--ja9cve),var(--am3lkp))
}
.mn8desk a:hover{color:#fff}
.mn8desk a:hover::after{width:100%}
.hb4btn{
display:inline-flex;
align-items:center;
justify-content:center;
width:2.6rem;
height:2.6rem;
border:1px solid rgba(213,222,232,.18);
border-radius:.55rem;
background:rgba(19,38,54,.75);
cursor:pointer;
padding:0
}
.hb4btn .ln3bar{
display:block;
width:1.15rem;
height:2px;
background:var(--tx8fnr);
margin:.18rem 0;
border-radius:2px
}
.hb4btn.is-open .ln3bar:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hb4btn.is-open .ln3bar:nth-child(2){opacity:0}
.hb4btn.is-open .ln3bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.hb4btn .ln3bar{transition:transform .2s ease,opacity .2s ease}
.mb6panel{
display:none;
position:absolute;
left:0;
right:0;
top:100%;
background:linear-gradient(180deg,#0f1d2a,#0a1520);
border-bottom:1px solid rgba(213,222,232,.1);
box-shadow:var(--sh2soft);
padding:.35rem 0 .85rem;
z-index:60;
max-height:min(75vh,34rem);
overflow-y:auto;
-webkit-overflow-scrolling:touch
}
.mb6panel.is-open{display:block}
.mb6panel ul{
list-style:none;
margin:0;
padding:.15rem 0
}
.mb6panel a{
display:block;
padding:.78rem 0;
font-weight:500;
font-size:.95rem;
color:var(--tx8fnr);
border-bottom:1px solid rgba(213,222,232,.06)
}
.mb6panel a:hover{color:var(--ja9cve)}
.mb6panel li:last-child a{border-bottom:0}
.hr3ban{
padding:2.4rem 0 2.1rem;
position:relative;
overflow:hidden
}
.hr3ban::before{
content:"";
position:absolute;
inset:auto -10% -40% 35%;
height:220px;
background:radial-gradient(circle at center,rgba(30,201,160,.16),transparent 65%);
pointer-events:none
}
.hr3ban .qx2wrap{
position:relative;
max-width:720px
}
.hr3ban .qy1tag{
display:inline-flex;
align-items:center;
gap:.4rem;
font-size:.78rem;
font-weight:500;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--am3lkp);
margin-bottom:.85rem
}
.hr3ban .qy1tag i{
display:inline-block;
width:.45rem;
height:.45rem;
border-radius:50%;
background:var(--ja9cve)
}
.hr3ban h1{
font-family:"SyneLocal",sans-serif;
font-weight:800;
font-size:clamp(1.65rem,3.4vw,2.45rem);
line-height:1.15;
margin:0 0 .75rem;
color:#f3f7fb;
letter-spacing:-.01em
}
.hr3ban h2{
font-family:"DmSansLocal",sans-serif;
font-weight:400;
font-size:clamp(.98rem,1.7vw,1.12rem);
line-height:1.55;
margin:0;
color:var(--tx5mute);
max-width:38rem
}
.ls8sec{
padding:1.2rem 0 3.2rem;
position:relative
}
.ls8head{
margin-bottom:1.35rem;
max-width:40rem
}
.ls8title{
font-family:"SyneLocal",sans-serif;
font-weight:800;
font-size:clamp(1.25rem,2.4vw,1.65rem);
margin:0 0 .45rem;
color:#f3f7fb;
letter-spacing:-.01em
}
.ls8lead{
margin:0;
color:var(--tx5mute);
font-size:.98rem
}
.ls8list{
display:flex;
flex-direction:column;
gap:1rem
}
.of7row{
position:relative;
border:1px solid rgba(213,222,232,.1);
border-radius:1rem;
background:linear-gradient(135deg,rgba(19,38,54,.92) 0%,rgba(10,21,32,.96) 55%,rgba(15,32,44,.9) 100%);
overflow:hidden;
box-shadow:0 12px 32px rgba(0,0,0,.22)
}
.of7row::before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:3px;
background:linear-gradient(180deg,var(--ja9cve),var(--am3lkp))
}
.of7row--hot{
border-color:rgba(232,163,23,.38);
background:linear-gradient(135deg,rgba(36,28,12,.55) 0%,rgba(19,38,54,.95) 42%,rgba(10,21,32,.98) 100%)
}
.of7row--hot::before{
width:4px;
background:linear-gradient(180deg,var(--am3lkp),#ffcf5a,var(--ja9cve))
}
.of7main{
display:grid;
grid-template-columns:2.4rem minmax(0,1fr) auto;
grid-template-areas:
"num logo score"
"num name name"
"num bonus bonus"
"cta cta cta";
gap:.65rem .7rem;
align-items:center;
padding:1rem .9rem 1rem 1rem
}
.of7num{grid-area:num;align-self:start;padding-top:.15rem}
.of7num span{
font-family:"SyneLocal",sans-serif;
font-weight:800;
font-size:1.05rem;
color:rgba(232,163,23,.85);
letter-spacing:.04em
}
.of7logo{
grid-area:logo;
display:flex;
align-items:center;
justify-content:flex-start;
min-height:3rem;
padding:.2rem;
border-radius:.65rem;
background:#000;
border:1px solid rgba(213,222,232,.14);
width:fit-content;
max-width:100%;
overflow:hidden
}
.of7logo img{
display:block;
width:auto;
height:44px;
max-width:140px;
object-fit:contain
}
.of7name{
grid-area:name;
display:flex;
flex-direction:column;
gap:.12rem
}
.of7name strong{
font-family:"SyneLocal",sans-serif;
font-weight:800;
font-size:1.12rem;
color:#f5f8fc;
letter-spacing:.01em
}
.of7name em{
font-style:normal;
font-size:.78rem;
color:var(--tx5mute)
}
.of7bonus{grid-area:bonus}
.of7blab{
display:block;
font-size:.68rem;
text-transform:uppercase;
letter-spacing:.08em;
color:var(--ja9cve);
margin-bottom:.2rem;
font-weight:500
}
.of7bonus strong{
display:block;
font-weight:700;
font-size:.98rem;
color:#eef4fa;
line-height:1.3
}
.of7score{grid-area:score}
.of7ring{
--sc:9;
width:3.4rem;
height:3.4rem;
border-radius:50%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:
radial-gradient(circle at center,rgba(7,16,24,.95) 58%,transparent 59%),
conic-gradient(var(--ja9cve) calc(var(--sc) * 10%),rgba(213,222,232,.12) 0);
border:1px solid rgba(30,201,160,.25)
}
.of7ring b{
font-family:"SyneLocal",sans-serif;
font-size:.95rem;
font-weight:800;
color:#fff;
line-height:1
}
.of7ring small{
font-size:.58rem;
color:var(--tx5mute);
line-height:1
}
.of7cta{grid-area:cta}
.of7btn{
display:inline-flex;
align-items:center;
justify-content:center;
width:100%;
min-height:2.75rem;
padding:.65rem 1rem;
border-radius:.7rem;
font-weight:700;
font-size:.9rem;
letter-spacing:.01em;
color:#0b140c;
background:linear-gradient(120deg,var(--ja9cve) 0%,#4fe0b8 45%,var(--am3lkp) 100%);
box-shadow:0 8px 20px rgba(30,201,160,.22);
border:1px solid rgba(255,255,255,.12)
}
.of7btn:hover{
filter:brightness(1.06);
color:#04100a
}
.of7disc{
margin:0;
padding:.7rem 1rem .85rem 1.15rem;
border-top:1px dashed rgba(213,222,232,.12);
font-size:.72rem;
line-height:1.45;
color:rgba(138,154,171,.92);
background:rgba(0,0,0,.18)
}
@media (min-width:768px){
.hr3ban{padding:2.8rem 0 2.35rem}
.of7main{
grid-template-columns:3rem 7.2rem minmax(6.5rem,1fr) minmax(9rem,1.35fr) 4.2rem minmax(8.5rem,11rem);
grid-template-areas:"num logo name bonus score cta";
gap:.85rem 1rem;
padding:1.05rem 1.15rem 1.05rem 1.25rem
}
.of7logo{justify-content:center;width:100%}
.of7cta{justify-self:stretch;grid-area:cta}
.of7btn{width:100%}
.of7disc{padding:.65rem 1.15rem .8rem 1.25rem}
}
@media (min-width:992px){
.of7main{
grid-template-columns:3.2rem 8.2rem minmax(8rem,1fr) minmax(12rem,1.55fr) 4.4rem 12rem;
gap:1rem 1.15rem
}
.of7bonus strong{font-size:1.02rem}
.of7name strong{font-size:1.2rem}
}
@media (min-width:1100px){
.hb4btn{display:none}
.mn8desk{display:flex}
.mb6panel,.mb6panel.is-open{display:none!important}
body.nv4open{overflow:auto}
}
.ag9mask{
position:fixed;
inset:0;
z-index:5000;
display:flex;
align-items:center;
justify-content:center;
padding:1.25rem;
background:rgba(4,10,16,.82);
backdrop-filter:blur(7px)
}
.ag9mask[hidden]{display:none!important}
.ag9card{
width:100%;
max-width:26rem;
border-radius:1.1rem;
padding:1.55rem 1.4rem 1.35rem;
background:linear-gradient(160deg,#122536 0%,#0a1520 55%,#0d1c28 100%);
border:1px solid rgba(232,163,23,.35);
box-shadow:0 22px 50px rgba(0,0,0,.45);
text-align:center
}
.ag9card--block{
border-color:rgba(213,222,232,.18)
}
.ag9badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:2.6rem;
height:1.7rem;
padding:0 .55rem;
margin-bottom:.85rem;
border-radius:.4rem;
background:var(--am3lkp);
color:#1a1203;
font-family:"SyneLocal",sans-serif;
font-weight:800;
font-size:.85rem;
letter-spacing:.04em
}
.ag9badge--mute{
background:rgba(213,222,232,.14);
color:var(--tx8fnr)
}
.ag9card h2{
font-family:"SyneLocal",sans-serif;
font-weight:800;
font-size:1.35rem;
margin:0 0 .65rem;
color:#f3f7fb
}
.ag9card p{
margin:0 0 1.1rem;
color:var(--tx5mute);
font-size:.95rem
}
.ag9actions{
display:flex;
flex-direction:column;
gap:.55rem;
margin-bottom:.85rem
}
.ag9yes,.ag9no,.ck6ok{
appearance:none;
border:0;
cursor:pointer;
font-family:"DmSansLocal",sans-serif;
font-weight:700;
font-size:.92rem;
border-radius:.7rem;
min-height:2.7rem;
padding:.65rem 1rem
}
.ag9yes{
color:#0b140c;
background:linear-gradient(120deg,var(--ja9cve) 0%,#4fe0b8 45%,var(--am3lkp) 100%)
}
.ag9yes:hover{filter:brightness(1.05)}
.ag9no{
color:var(--tx8fnr);
background:rgba(213,222,232,.08);
border:1px solid rgba(213,222,232,.16)
}
.ag9no:hover{background:rgba(213,222,232,.14)}
.ag9note{
margin:0!important;
font-size:.72rem!important;
line-height:1.45;
color:rgba(138,154,171,.9)!important
}
.ck6bar{
position:fixed;
left:0;
right:0;
bottom:0;
z-index:4000;
padding:.85rem 1rem;
background:linear-gradient(180deg,rgba(10,21,32,.92),rgba(7,16,24,.98));
border-top:1px solid rgba(232,163,23,.28);
box-shadow:0 -12px 30px rgba(0,0,0,.28)
}
.ck6bar[hidden]{display:none!important}
.ck6inner{
max-width:1100px;
margin:0 auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:1rem;
flex-wrap:wrap
}
.ck6inner p{
margin:0;
flex:1 1 16rem;
font-size:.88rem;
color:var(--tx5mute)
}
.ck6ok{
flex:0 0 auto;
color:#0b140c;
background:linear-gradient(120deg,var(--ja9cve),var(--am3lkp));
padding:.65rem 1.35rem
}
.ck6ok:hover{filter:brightness(1.05)}
body.ag9locked{
overflow:hidden
}
@media (min-width:576px){
.ag9actions{
flex-direction:row;
justify-content:center
}
.ag9yes,.ag9no{flex:1 1 0}
}
.sx4how,.sx4trust,.sx4resp,.sx4more{padding:2.2rem 0}
.sx4grid{
display:grid;
grid-template-columns:1fr;
gap:1rem
}
.sx4card{
padding:1.15rem 1.2rem;
border-radius:1rem;
background:linear-gradient(145deg,rgba(19,38,54,.9),rgba(10,21,32,.95));
border:1px solid rgba(213,222,232,.1)
}
.sx4num{
display:inline-flex;
align-items:center;
justify-content:center;
width:1.85rem;
height:1.85rem;
border-radius:.45rem;
background:rgba(30,201,160,.15);
color:var(--ja9cve);
font-family:"SyneLocal",sans-serif;
font-weight:800;
margin-bottom:.55rem
}
.sx4card h3{
font-family:"SyneLocal",sans-serif;
font-weight:800;
font-size:1.05rem;
margin:0 0 .4rem;
color:#f3f7fb
}
.sx4card p{
margin:0;
font-size:.9rem;
color:var(--tx5mute)
}
.sx4trust-inner{
display:grid;
grid-template-columns:1fr;
gap:1.4rem;
padding:1.4rem;
border-radius:1.1rem;
background:linear-gradient(120deg,rgba(232,163,23,.08),rgba(30,201,160,.06));
border:1px solid rgba(232,163,23,.22)
}
.sx4list{
margin:.9rem 0 0;
padding-left:1.1rem;
color:var(--tx5mute);
font-size:.92rem
}
.sx4list li{margin:0 0 .45rem}
.sx4aside{
display:flex;
flex-direction:column;
gap:.55rem
}
.sx4link{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:2.6rem;
padding:.55rem 1rem;
border-radius:.7rem;
font-weight:700;
font-size:.9rem;
color:#0b140c;
background:linear-gradient(120deg,var(--ja9cve),var(--am3lkp));
text-align:center
}
.sx4link--soft{
color:var(--tx8fnr);
background:rgba(213,222,232,.08);
border:1px solid rgba(213,222,232,.14)
}
.sx4link--soft:hover{color:#fff;border-color:rgba(30,201,160,.4)}
.sx4resp-box{
display:flex;
gap:.9rem;
align-items:flex-start;
padding:1.25rem 1.3rem;
border-radius:1rem;
background:rgba(10,21,32,.85);
border:1px solid rgba(213,222,232,.1)
}
.sx4resp-box h2{
font-family:"SyneLocal",sans-serif;
font-weight:800;
font-size:1.15rem;
margin:0 0 .4rem;
color:#f3f7fb
}
.sx4resp-box p{
margin:0 0 .65rem;
font-size:.9rem;
color:var(--tx5mute)
}
.sx4resp-box a{color:var(--ja9cve);font-weight:600;font-size:.9rem}
.sx4resp-box a:hover{color:var(--am3lkp)}
.sx4more-grid{
display:grid;
grid-template-columns:1fr;
gap:.85rem
}
.sx4tile{
display:block;
padding:1.1rem 1.15rem;
border-radius:.9rem;
background:rgba(19,38,54,.75);
border:1px solid rgba(213,222,232,.1)
}
.sx4tile strong{
display:block;
font-family:"SyneLocal",sans-serif;
font-weight:800;
font-size:1.05rem;
color:#f3f7fb;
margin-bottom:.3rem
}
.sx4tile span{
font-size:.88rem;
color:var(--tx5mute)
}
.sx4tile:hover{border-color:rgba(30,201,160,.4)}
@media (min-width:768px){
.sx4grid{grid-template-columns:repeat(3,1fr)}
.sx4trust-inner{grid-template-columns:1.6fr .9fr;align-items:center}
.sx4more-grid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1200px){
.mn8desk{gap:.5rem .9rem;max-width:76%}
.mn8desk a{font-size:.84rem}
}
@media (min-width:1400px){
.mn8desk a{font-size:.9rem}
}
.pg7shell{
padding:2rem 0 2.6rem
}
.pg7hero{
margin-bottom:1.5rem;
max-width:44rem
}
.pg7hero h1{
font-family:"SyneLocal",sans-serif;
font-weight:800;
font-size:clamp(1.55rem,3vw,2.15rem);
line-height:1.15;
margin:0 0 .7rem;
color:#f3f7fb;
letter-spacing:-.01em
}
.pg7hero p{
margin:0;
color:var(--tx5mute);
font-size:1.02rem
}
.pg7prose{
max-width:46rem
}
.pg7prose h2{
font-family:"SyneLocal",sans-serif;
font-weight:800;
font-size:1.2rem;
margin:1.55rem 0 .55rem;
color:#eef4fa
}
.pg7prose h3{
font-family:"SyneLocal",sans-serif;
font-weight:700;
font-size:1.02rem;
margin:1.2rem 0 .45rem;
color:#dce6f0
}
.pg7prose p,.pg7prose li{
color:var(--tx5mute);
font-size:.95rem;
line-height:1.65
}
.pg7prose p{margin:0 0 .85rem}
.pg7prose ul{
margin:0 0 1rem;
padding-left:1.15rem
}
.pg7prose li{margin:0 0 .4rem}
.pg7prose a{color:var(--ja9cve)}
.pg7prose a:hover{color:var(--am3lkp)}
.pg7mail{
display:inline-flex;
align-items:center;
gap:.45rem;
margin-top:.35rem;
padding:.85rem 1.1rem;
border-radius:.75rem;
background:rgba(30,201,160,.1);
border:1px solid rgba(30,201,160,.28);
color:#f3f7fb;
font-weight:700
}
.pg7mail:hover{color:#fff;border-color:rgba(232,163,23,.45)}
.ft5wrap{
margin-top:2.5rem;
border-top:1px solid rgba(213,222,232,.1);
background:linear-gradient(180deg,#0a1520 0%,#060d14 100%)
}
.ft5resp{
border-bottom:1px solid rgba(232,163,23,.2);
background:linear-gradient(90deg,rgba(232,163,23,.08),rgba(30,201,160,.05) 55%,transparent)
}
.ft5resp-inner{
display:flex;
align-items:flex-start;
gap:.9rem;
padding:1.25rem 0
}
.ft5age{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-width:2.6rem;
height:2.1rem;
padding:0 .5rem;
border-radius:.45rem;
background:var(--am3lkp);
color:#1a1203;
font-family:"SyneLocal",sans-serif;
font-weight:800;
font-size:.95rem
}
.ft5resp-copy strong{
display:block;
font-family:"SyneLocal",sans-serif;
font-weight:800;
font-size:1rem;
color:#f3f7fb;
margin-bottom:.3rem
}
.ft5resp-copy p{
margin:0;
font-size:.86rem;
color:var(--tx5mute);
max-width:52rem
}
.ft5badges{
padding:1.15rem 0;
border-bottom:1px solid rgba(213,222,232,.08)
}
.ft5badge-row{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:.75rem 1rem
}
.ft5badge{
display:inline-flex;
align-items:center;
justify-content:center;
padding:.25rem;
border-radius:.55rem;
background:rgba(255,255,255,.03);
border:1px solid rgba(213,222,232,.1)
}
.ft5badge:hover{border-color:rgba(30,201,160,.45)}
.ft5badge img{
display:block;
height:40px;
width:auto;
max-width:100%
}
.ft5main{padding:2rem 0 1.5rem}
.ft5grid{
display:grid;
grid-template-columns:1fr;
gap:1.4rem;
margin-bottom:1.6rem
}
.ft5col h3{
font-family:"SyneLocal",sans-serif;
font-weight:800;
font-size:.95rem;
margin:0 0 .65rem;
color:#f3f7fb;
letter-spacing:.02em
}
.ft5col p{
margin:0;
font-size:.84rem;
color:var(--tx5mute);
line-height:1.55
}
.ft5col ul{
list-style:none;
margin:0;
padding:0
}
.ft5col li{margin:0 0 .4rem}
.ft5col a{
font-size:.88rem;
color:var(--tx5mute)
}
.ft5col a:hover{color:var(--ja9cve)}
.ft5legal{
display:flex;
flex-direction:column;
gap:.85rem;
padding:1.1rem 0 1.25rem;
border-top:1px solid rgba(213,222,232,.08);
border-bottom:1px solid rgba(213,222,232,.08)
}
.ft5legal p{
margin:0;
font-size:.75rem;
line-height:1.5;
color:rgba(138,154,171,.95)
}
.ft5legal strong{color:#c5d0dc;font-weight:700}
.ft5copy{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
gap:.5rem 1rem;
padding-top:1rem;
font-size:.78rem;
color:var(--tx5mute)
}
@media (min-width:768px){
.ft5grid{
grid-template-columns:1.4fr 1fr 1.1fr 1.4fr;
gap:1.5rem
}
.ft5badge img{height:44px}
}
@media (max-width:767.98px){
.container{padding-left:.9rem;padding-right:.9rem}
.kz3tpb{font-size:.72rem;padding:.7rem 0}
.kz3tpb .nx8age{align-items:flex-start}
.kz3tpb .px2badge{margin-top:.1rem;flex-shrink:0}
.lg7mark{gap:.55rem;min-width:0}
.lg7mark .tl6name{font-size:1rem}
.lg7mark .ic5svg{width:1.9rem;height:1.9rem}
.hr3ban{padding:1.65rem 0 1.35rem}
.hr3ban h1{font-size:clamp(1.4rem,6.5vw,1.85rem)}
.hr3ban h2{font-size:.95rem}
.ls8sec{padding:1rem 0 2rem}
.ls8lead{font-size:.92rem}
.of7row{border-radius:.85rem}
.of7main{padding:.85rem .8rem .9rem .85rem;gap:.55rem .6rem}
.of7logo{min-height:2.6rem;padding:.15rem}
.of7logo img{height:36px;max-width:110px}
.of7name strong{font-size:1.02rem}
.of7bonus strong{font-size:.9rem}
.of7ring{width:3.1rem;height:3.1rem}
.of7ring b{font-size:.88rem}
.of7disc{padding:.6rem .8rem .7rem .85rem;font-size:.66rem}
.of7btn{min-height:2.55rem;font-size:.88rem}
.sx4how,.sx4trust,.sx4resp,.sx4more{padding:1.55rem 0}
.sx4trust-inner{padding:1.1rem}
.sx4resp-box{padding:1.05rem 1rem;flex-direction:row}
.sx4resp-box h2{font-size:1.05rem}
.ck6bar{padding:.8rem .85rem calc(.8rem + env(safe-area-inset-bottom,0px))}
.ck6inner{align-items:stretch;flex-direction:column}
.ck6inner p{font-size:.82rem;flex-basis:auto}
.ck6ok{width:100%}
.ft5resp-inner{padding:1.05rem 0;gap:.7rem}
.ft5badge-row{gap:.45rem;justify-content:center}
.ft5badge{padding:.15rem}
.ft5badge img{height:32px}
.ft5main{padding:1.35rem 0 1.15rem}
.ft5copy{flex-direction:column;gap:.35rem}
.pg7shell{padding:1.5rem 0 2rem}
.pg7hero h1{font-size:clamp(1.35rem,6vw,1.85rem)}
.pg7mail{width:100%;justify-content:center;word-break:break-all}
.ag9mask{padding:1rem;align-items:flex-start;padding-top:max(1rem,8vh)}
.ag9card{padding:1.25rem 1.1rem 1.15rem;max-height:min(88vh,40rem);overflow-y:auto}
}
@media (max-width:399.98px){
.lg7mark .tl6name{font-size:.92rem}
.of7main{
grid-template-columns:2.1rem minmax(0,1fr);
grid-template-areas:
"num logo"
"num name"
"num bonus"
"score score"
"cta cta"
}
.of7score{justify-self:start}
.ft5badge img{height:28px}
}