@font-face{font-family:"SoraLocal";src:url("../fonts/sora-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"SoraLocal";src:url("../fonts/sora-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"PlexLocal";src:url("../fonts/ibmplex-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"PlexLocal";src:url("../fonts/ibmplex-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"PlexLocal";src:url("../fonts/ibmplex-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
:root{
--deep:#071c33;
--sea:#0a3d62;
--sky:#3d9cf0;
--coral:#ff6b4a;
--foam:#f2f7fc;
--ice:#ffffff;
--haze:#9bb0c4;
--line:#c9d8e6;
--ff:"SoraLocal",Trebuchet MS,sans-serif;
--fb:"PlexLocal",Geneva,sans-serif;
--mw:1140px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:auto}
body{
font-family:var(--fb);
color:var(--deep);
background:#ffffff;
min-height:100vh;
line-height:1.55;
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.b2x9qm{
background:transparent;
padding:.7rem 1.1rem .15rem;
}
.c6h4nw{
max-width:var(--mw);
margin:0 auto;
display:flex;
align-items:center;
justify-content:center;
gap:.75rem;
flex-wrap:wrap;
background:var(--deep);
color:rgba(242,247,252,.88);
font-size:.76rem;
font-weight:500;
padding:.55rem 1rem;
border-radius:999px;
box-shadow:0 10px 28px rgba(7,28,51,.18);
}
.c6h4nw b{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:2.1rem;
height:1.35rem;
padding:0 .35rem;
border-radius:999px;
background:var(--coral);
color:var(--ice);
font-family:var(--ff);
font-size:.68rem;
font-weight:700;
letter-spacing:.04em;
}
.c6h4nw p{margin:0;text-align:center}
.c6h4nw i{font-style:normal;color:#7ec8ff;font-weight:600}
.l8k1vf{
position:relative;
z-index:40;
padding:.35rem 1.1rem 0;
}
.s3p7yd{
max-width:var(--mw);
margin:0 auto;
background:rgba(255,255,255,.92);
border:1px solid rgba(201,216,230,.9);
border-bottom:none;
border-radius:22px 22px 0 0;
padding:.85rem 1.15rem;
display:flex;
align-items:center;
justify-content:space-between;
gap:1rem;
backdrop-filter:blur(12px);
position:relative;
z-index:45;
}
.f0m5tr{
display:inline-flex;
align-items:center;
gap:.75rem;
}
.x4n8cb{
width:2.55rem;
height:2.55rem;
border-radius:50%;
background:
conic-gradient(from 210deg,var(--sea),var(--sky),var(--coral),var(--sea));
display:grid;
place-items:center;
flex-shrink:0;
padding:2px;
}
.x4n8cb span{
width:100%;
height:100%;
border-radius:50%;
background:var(--ice);
display:grid;
place-items:center;
font-family:var(--ff);
font-weight:700;
font-size:.72rem;
letter-spacing:-.04em;
color:var(--sea);
}
.w7q2ae{
font-family:var(--ff);
font-weight:700;
font-size:1rem;
letter-spacing:-.03em;
line-height:1.1;
color:var(--deep);
}
.w7q2ae em{
font-style:normal;
color:var(--sky);
}
.d9r6uj{
display:flex;
align-items:center;
flex-wrap:wrap;
justify-content:flex-end;
gap:.35rem .85rem;
list-style:none;
margin:0;
padding:0;
max-width:720px;
}
.d9r6uj a{
font-weight:600;
font-size:.82rem;
color:var(--sea);
position:relative;
padding:.25rem 0;
}
.d9r6uj a::before{
content:"";
position:absolute;
left:50%;
bottom:-2px;
width:5px;
height:5px;
border-radius:50%;
background:var(--coral);
transform:translateX(-50%) scale(0);
}
.d9r6uj a:hover{color:var(--deep)}
.d9r6uj a:hover::before{transform:translateX(-50%) scale(1)}
.d9r6uj a.g1t5ko{color:var(--deep)}
.d9r6uj a.g1t5ko::before{transform:translateX(-50%) scale(1)}
.h5v0px{
display:none;
width:2.55rem;
height:2.55rem;
border:0;
border-radius:50%;
background:var(--sea);
color:var(--ice);
cursor:pointer;
align-items:center;
justify-content:center;
padding:0;
}
.y3c8lm{
width:1.05rem;
display:flex;
flex-direction:column;
gap:4px;
}
.y3c8lm i{
display:block;
height:2px;
background:var(--ice);
border-radius:2px;
width:100%;
}
.y3c8lm i:nth-child(2){width:70%;align-self:flex-end}
.k6e4sn{
position:relative;
z-index:30;
padding:0 1.1rem 1.4rem;
}
.p2a9wo{
max-width:var(--mw);
margin:0 auto;
display:grid;
grid-template-columns:1.35fr .95fr;
min-height:0;
border:1px solid rgba(201,216,230,.95);
border-top:none;
border-radius:0 0 22px 22px;
overflow:hidden;
background:var(--ice);
box-shadow:0 18px 40px rgba(10,61,98,.08);
}
.u1j7mf{
padding:1.85rem 1.6rem 1.9rem;
position:relative;
}
.u1j7mf::before{
content:"";
position:absolute;
left:0;
top:1.4rem;
bottom:1.4rem;
width:4px;
background:linear-gradient(180deg,var(--sky),var(--coral));
border-radius:0 4px 4px 0;
}
.m8z3qv{
font-family:var(--ff);
font-weight:700;
font-size:clamp(1.5rem,3.2vw,2.2rem);
line-height:1.15;
letter-spacing:-.04em;
color:var(--deep);
max-width:16ch;
margin:0 0 .8rem;
}
.m8z3qv span{
color:var(--sky);
}
.o4b6tx{
font-size:clamp(.92rem,1.45vw,1.02rem);
color:rgba(7,28,51,.72);
max-width:44ch;
line-height:1.6;
font-weight:400;
}
.i9w5rc{
background:
radial-gradient(circle at 80% 20%,rgba(61,156,240,.35),transparent 42%),
radial-gradient(circle at 20% 90%,rgba(255,107,74,.28),transparent 40%),
linear-gradient(155deg,var(--sea) 0%,var(--deep) 100%);
color:var(--ice);
padding:1.7rem 1.45rem;
display:flex;
flex-direction:column;
justify-content:flex-end;
position:relative;
overflow:hidden;
min-height:100%;
}
.i9w5rc::before{
content:"FR";
position:absolute;
right:-.1rem;
top:40%;
transform:translateY(-50%);
font-family:var(--ff);
font-weight:700;
font-size:clamp(5rem,12vw,7.5rem);
line-height:1;
letter-spacing:-.08em;
color:rgba(255,255,255,.07);
pointer-events:none;
}
.i9w5rc strong{
font-family:var(--ff);
font-size:2rem;
font-weight:700;
letter-spacing:-.04em;
position:relative;
z-index:1;
}
.i9w5rc span{
display:block;
margin-top:.2rem;
font-size:.75rem;
letter-spacing:.14em;
text-transform:uppercase;
color:rgba(255,255,255,.62);
font-weight:600;
position:relative;
z-index:1;
}
.i9w5rc p{
margin:.85rem 0 0;
font-size:.9rem;
line-height:1.5;
color:rgba(242,247,252,.88);
max-width:28ch;
position:relative;
z-index:1;
}
.v3m8qk{
padding:1.75rem 1.1rem 2.4rem;
}
.t7n1xe{
max-width:var(--mw);
margin:0 auto;
}
.t7n1xe>h3{
font-family:var(--ff);
font-weight:700;
font-size:clamp(1.15rem,2.2vw,1.45rem);
letter-spacing:-.03em;
color:var(--deep);
margin:0 0 .35rem;
}
.t7n1xe>p{
font-size:.92rem;
color:rgba(7,28,51,.65);
margin:0 0 1.15rem;
max-width:54ch;
}
.q5w2lp{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:.9rem;
}
.q5w2lp>li{
background:var(--ice);
border:1px solid var(--line);
border-radius:18px;
overflow:hidden;
box-shadow:0 12px 28px rgba(10,61,98,.06);
}
.h4c9ms{
display:grid;
grid-template-columns:52px 92px minmax(110px,1.1fr) minmax(140px,1.35fr) 78px minmax(130px,.9fr);
align-items:center;
gap:.85rem;
padding:.95rem 1.05rem;
position:relative;
}
.h4c9ms::before{
content:"";
position:absolute;
left:0;
top:12%;
bottom:12%;
width:3px;
background:linear-gradient(180deg,var(--sky),var(--coral));
border-radius:0 3px 3px 0;
}
.a8f0yr{
font-family:var(--ff);
font-weight:700;
font-size:1.15rem;
color:var(--sea);
letter-spacing:-.04em;
text-align:center;
}
.j6k3pd{
width:84px;
height:52px;
border-radius:12px;
background:#ffffff;
border:1px solid rgba(7,28,51,.12);
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
padding:.35rem;
}
.j6k3pd img{
max-width:100%;
max-height:100%;
width:auto;
height:auto;
object-fit:contain;
display:block;
}
.e1s7ub{
font-family:var(--ff);
font-weight:700;
font-size:1rem;
letter-spacing:-.02em;
color:var(--deep);
line-height:1.2;
}
.e1s7ub small{
display:block;
margin-top:.2rem;
font-family:var(--fb);
font-weight:500;
font-size:.72rem;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--haze);
}
.w9p4zg{
font-size:.9rem;
font-weight:600;
color:var(--sea);
line-height:1.35;
}
.w9p4zg b{
display:block;
font-family:var(--ff);
font-size:1.05rem;
font-weight:700;
color:var(--coral);
letter-spacing:-.02em;
}
.r2d6nh{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:.15rem;
}
.r2d6nh strong{
font-family:var(--ff);
font-weight:700;
font-size:1.35rem;
letter-spacing:-.04em;
color:var(--deep);
line-height:1;
}
.r2d6nh strong i{
font-style:normal;
font-size:.72rem;
color:var(--sky);
margin-left:.05rem;
}
.r2d6nh span{
font-size:.65rem;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--haze);
font-weight:600;
}
.u0y5tc{
display:inline-flex;
align-items:center;
justify-content:center;
text-align:center;
background:linear-gradient(120deg,var(--sea),#0d4f7c);
color:var(--ice);
font-family:var(--ff);
font-weight:700;
font-size:.82rem;
letter-spacing:-.01em;
padding:.72rem .95rem;
border-radius:12px;
box-shadow:0 8px 18px rgba(10,61,98,.22);
white-space:nowrap;
}
.u0y5tc:hover{
background:linear-gradient(120deg,#0d4f7c,var(--sky));
}
.n8b1vf{
padding:.55rem 1.05rem .7rem 1.05rem;
background:linear-gradient(90deg,rgba(61,156,240,.08),rgba(255,107,74,.06));
border-top:1px dashed var(--line);
font-size:.72rem;
line-height:1.45;
color:rgba(7,28,51,.62);
}
.n8b1vf strong{color:var(--sea);font-weight:600}
.h3k8qw{
padding:1.6rem 1.1rem 1.75rem;
}
.h3k8qw.v4j1xm{
background:linear-gradient(180deg,#f7fbfe 0%,#ffffff 100%);
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
}
.h3k8qw h3{
font-family:var(--ff);
font-weight:700;
font-size:clamp(1.15rem,2.2vw,1.45rem);
letter-spacing:-.03em;
color:var(--deep);
margin:0 0 .45rem;
}
.m0p5la{
font-size:.92rem;
color:rgba(7,28,51,.65);
margin:0 0 1.1rem;
max-width:54ch;
}
.s2n9ve{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:.9rem;
}
.s2n9ve article{
background:var(--ice);
border:1px solid var(--line);
border-radius:16px;
padding:1rem 1.05rem;
box-shadow:0 10px 24px rgba(10,61,98,.05);
}
.s2n9ve strong{
display:block;
font-family:var(--ff);
font-size:.95rem;
letter-spacing:-.02em;
color:var(--sea);
margin-bottom:.4rem;
}
.s2n9ve p{
margin:0;
font-size:.86rem;
line-height:1.5;
color:rgba(7,28,51,.72);
}
.c8r2bk{
display:grid;
grid-template-columns:1.4fr .8fr;
gap:1.2rem;
align-items:start;
}
.c8r2bk p{
margin:0 0 .8rem;
font-size:.95rem;
line-height:1.6;
color:rgba(7,28,51,.78);
}
.c8r2bk ul{
margin:0;
padding-left:1.1rem;
color:rgba(7,28,51,.75);
font-size:.9rem;
}
.c8r2bk li{margin-bottom:.35rem}
.c8r2bk aside{
display:flex;
flex-direction:column;
gap:.55rem;
}
.c8r2bk aside a{
display:block;
background:var(--sea);
color:var(--ice);
text-align:center;
font-family:var(--ff);
font-weight:700;
font-size:.84rem;
padding:.75rem .9rem;
border-radius:12px;
}
.c8r2bk aside a:hover{background:var(--sky)}
.f1y6td{
display:flex;
flex-direction:column;
gap:.65rem;
margin-bottom:.85rem;
}
.f1y6td details{
background:var(--ice);
border:1px solid var(--line);
border-radius:14px;
padding:.85rem 1rem;
}
.f1y6td summary{
font-family:var(--ff);
font-weight:700;
font-size:.95rem;
color:var(--deep);
cursor:pointer;
}
.f1y6td p{
margin:.55rem 0 0;
font-size:.88rem;
line-height:1.55;
color:rgba(7,28,51,.72);
}
.b9w3ue{
display:grid;
grid-template-columns:1fr 1fr;
gap:.9rem;
}
.b9w3ue article{
border:1px solid var(--line);
border-radius:16px;
padding:1.1rem 1.15rem;
background:var(--ice);
}
.b9w3ue span{
display:inline-block;
font-size:.7rem;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--sky);
font-weight:700;
margin-bottom:.35rem;
}
.b9w3ue strong{
display:block;
font-family:var(--ff);
font-size:1.05rem;
letter-spacing:-.02em;
color:var(--deep);
margin-bottom:.4rem;
}
.b9w3ue p{
margin:0 0 .75rem;
font-size:.88rem;
color:rgba(7,28,51,.7);
}
.b9w3ue a{
font-weight:700;
font-size:.86rem;
color:var(--sea);
}
.b9w3ue a:hover{color:var(--sky)}
.k7d2ps{
background:rgba(61,156,240,.08)!important;
border:1px solid var(--line)!important;
}
.k7d2ps strong{color:var(--deep)!important}
.k7d2ps p{color:rgba(7,28,51,.72)!important}
@media (max-width:1100px){
.h5v0px{display:inline-flex;flex-shrink:0}
.f0m5tr{min-width:0}
.w7q2ae{font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:52vw}
.d9r6uj{
display:none;
max-width:none;
position:absolute;
left:0;
right:0;
top:calc(100% - 1px);
flex-direction:column;
align-items:stretch;
justify-content:flex-start;
flex-wrap:nowrap;
gap:0;
background:var(--ice);
border:1px solid var(--line);
border-radius:0 0 16px 16px;
padding:.25rem 0;
box-shadow:0 18px 32px rgba(7,28,51,.16);
z-index:60;
max-height:min(70vh,520px);
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}
.d9r6uj.n0q8vb{display:flex}
.d9r6uj li{width:100%}
.d9r6uj a{
display:block;
padding:.9rem 1.15rem;
border-bottom:1px solid #edf3f8;
font-size:.9rem;
}
.d9r6uj a::before{display:none}
.d9r6uj li:last-child a{border-bottom:0}
.h5v0px.r4s2kd .y3c8lm i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.h5v0px.r4s2kd .y3c8lm i:nth-child(2){opacity:0}
.h5v0px.r4s2kd .y3c8lm i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.y3c8lm i{transition:transform .18s ease,opacity .18s ease}
.k3r7ux{
left:.65rem;
right:.65rem;
bottom:.65rem;
flex-direction:column;
align-items:stretch;
text-align:center;
padding:.9rem 1rem;
}
.h6n1qf{justify-content:center;flex-wrap:wrap}
}
@media (max-width:980px){
.s2n9ve{grid-template-columns:1fr 1fr}
.c8r2bk{grid-template-columns:1fr}
.b9w3ue{grid-template-columns:1fr}
.h4c9ms{
grid-template-columns:44px 72px minmax(0,1fr);
grid-template-areas:
"num logo name"
"bonus bonus bonus"
"score score cta";
gap:.75rem;
}
.a8f0yr{grid-area:num}
.j6k3pd{grid-area:logo;width:72px;height:46px}
.e1s7ub{grid-area:name}
.w9p4zg{grid-area:bonus}
.r2d6nh{
grid-area:score;
flex-direction:row;
justify-content:flex-start;
align-items:center;
gap:.4rem;
}
.u0y5tc{grid-area:cta;justify-self:end}
}
@media (max-width:860px){
.p2a9wo{grid-template-columns:1fr;border-radius:0 0 18px 18px}
.u1j7mf{padding:1.4rem 1.1rem 1.25rem}
.u1j7mf::before{top:1.1rem;bottom:1.1rem}
.i9w5rc{min-height:0;padding:1.25rem 1.1rem}
.s3p7yd{border-radius:16px 16px 0 0;padding:.75rem .9rem}
.s2n9ve{grid-template-columns:1fr}
.k6e4sn{padding-bottom:1.1rem}
.w1d6uj{grid-template-columns:1fr 1fr}
.b7k0se:last-child{grid-column:1/-1}
}
@media (max-width:560px){
.h4c9ms{
grid-template-columns:1fr 1fr;
grid-template-areas:
"num name"
"logo logo"
"bonus bonus"
"score cta";
gap:.7rem;
padding:.9rem .85rem;
}
.a8f0yr{justify-self:start;text-align:left}
.j6k3pd{width:100%;height:56px;justify-self:stretch}
.e1s7ub{justify-self:end;text-align:right}
.w9p4zg{font-size:.86rem}
.r2d6nh{justify-self:start}
.u0y5tc{width:100%;justify-self:stretch;white-space:normal;padding:.75rem .7rem}
.n8b1vf{padding:.55rem .85rem .75rem;font-size:.68rem}
.c6h4nw{
border-radius:14px;
font-size:.68rem;
line-height:1.4;
padding:.55rem .75rem;
justify-content:flex-start;
text-align:left;
}
.c6h4nw p{text-align:left;flex:1}
.w7q2ae{max-width:48vw;font-size:.86rem}
.x4n8cb{width:2.25rem;height:2.25rem}
.f4p8md{padding:1.25rem 1rem 1.15rem}
.x1c6ht{flex-direction:column}
.x1c6ht button{width:100%}
.w1d6uj{grid-template-columns:1fr}
.b7k0se:last-child{grid-column:auto}
.a5t9xr{gap:.65rem}
.a5t9xr a{min-width:calc(50% - .4rem);flex:1 1 40%}
.p8m3kw{flex-direction:column;align-items:flex-start}
.e7n4bw{padding:1.25rem .85rem 1.75rem}
.r6c1vz{font-size:.9rem;word-break:break-all}
}
@media (max-width:520px){
.b2x9qm{padding:.5rem .65rem .05rem}
.l8k1vf,.k6e4sn,.v3m8qk,.h3k8qw,.e7n4bw{padding-left:.65rem;padding-right:.65rem}
.y6b2nf{padding-left:.85rem;padding-right:.85rem}
}
.z9k2wa{
position:fixed;
inset:0;
z-index:2000;
background:rgba(7,28,51,.72);
display:flex;
align-items:center;
justify-content:center;
padding:1.1rem;
}
.z9k2wa[hidden]{display:none!important}
.f4p8md{
width:100%;
max-width:420px;
background:var(--ice);
border:1px solid var(--line);
border-radius:20px;
padding:1.55rem 1.4rem 1.4rem;
box-shadow:0 24px 50px rgba(7,28,51,.28);
text-align:center;
}
.f4p8md b{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:3rem;
height:1.7rem;
padding:0 .55rem;
border-radius:999px;
background:var(--coral);
color:var(--ice);
font-family:var(--ff);
font-size:.85rem;
font-weight:700;
margin-bottom:.85rem;
}
.f4p8md h4{
font-family:var(--ff);
font-weight:700;
font-size:1.25rem;
letter-spacing:-.03em;
color:var(--deep);
margin:0 0 .55rem;
}
.f4p8md p{
font-size:.9rem;
color:rgba(7,28,51,.7);
margin:0 0 1.15rem;
line-height:1.5;
}
.x1c6ht{
display:flex;
gap:.65rem;
flex-wrap:wrap;
justify-content:center;
}
.x1c6ht button{
font-family:var(--ff);
font-weight:700;
font-size:.86rem;
border:0;
border-radius:12px;
padding:.72rem 1.05rem;
cursor:pointer;
}
.q7v3ns{
background:linear-gradient(120deg,var(--sea),#0d4f7c);
color:var(--ice);
}
.q7v3ns:hover{background:linear-gradient(120deg,#0d4f7c,var(--sky))}
.m2l9eb{
background:#edf3f8;
color:var(--sea);
}
.m2l9eb:hover{background:#dce7f1}
.s5t0yk{display:none}
.s5t0yk.g8w4pj{display:block}
.s5t0yk h4{color:var(--coral)}
.k3r7ux[hidden]{display:none!important}
.k3r7ux{
position:fixed;
left:1rem;
right:1rem;
bottom:1rem;
z-index:1900;
max-width:720px;
margin:0 auto;
background:var(--deep);
color:rgba(242,247,252,.9);
border-radius:16px;
padding:1rem 1.15rem;
display:flex;
align-items:center;
justify-content:space-between;
gap:1rem;
box-shadow:0 16px 36px rgba(7,28,51,.28);
}
.k3r7ux p{
margin:0;
font-size:.82rem;
line-height:1.45;
flex:1;
}
.k3r7ux p strong{
color:#7ec8ff;
font-weight:600;
}
.h6n1qf{
display:flex;
gap:.5rem;
flex-shrink:0;
}
.h6n1qf button{
font-family:var(--ff);
font-weight:700;
font-size:.78rem;
border:0;
border-radius:10px;
padding:.6rem .9rem;
cursor:pointer;
}
.d4j8vc{
background:var(--sky);
color:var(--ice);
}
.d4j8vc:hover{background:#5aabf3}
.p0a5ym{
background:transparent;
color:rgba(242,247,252,.85);
border:1px solid rgba(255,255,255,.25)!important;
}
.p0a5ym:hover{background:rgba(255,255,255,.08)}
.e7n4bw{
padding:1.6rem 1.1rem 2.2rem;
}
.e7n4bw .t7n1xe{
max-width:760px;
}
.e7n4bw h1{
font-family:var(--ff);
font-weight:700;
font-size:clamp(1.45rem,3vw,2rem);
letter-spacing:-.035em;
color:var(--deep);
margin:0 0 .75rem;
line-height:1.15;
}
.e7n4bw h1 span{color:var(--sky)}
.e7n4bw h2{
font-family:var(--ff);
font-weight:700;
font-size:1.12rem;
letter-spacing:-.02em;
color:var(--sea);
margin:1.45rem 0 .55rem;
}
.e7n4bw p,.e7n4bw li{
font-size:.95rem;
line-height:1.65;
color:rgba(7,28,51,.78);
}
.e7n4bw p{margin:0 0 .9rem}
.e7n4bw ul{
margin:0 0 1rem 1.15rem;
padding:0;
}
.e7n4bw li{margin-bottom:.4rem}
.e7n4bw a.q2m8fd{
color:var(--sky);
font-weight:600;
text-decoration:underline;
text-underline-offset:2px;
}
.r6c1vz{
display:inline-flex;
align-items:center;
gap:.45rem;
background:rgba(61,156,240,.1);
border:1px solid rgba(61,156,240,.28);
border-radius:12px;
padding:.85rem 1.05rem;
font-family:var(--ff);
font-weight:700;
font-size:1rem;
color:var(--sea);
margin:.35rem 0 1rem;
}
.y6b2nf{
margin-top:2rem;
background:linear-gradient(180deg,#071c33 0%,#0a2a45 100%);
color:rgba(242,247,252,.86);
padding:2.2rem 1.1rem 1.4rem;
border-top:3px solid var(--sky);
}
.l0c4hs{
max-width:var(--mw);
margin:0 auto;
display:flex;
flex-direction:column;
gap:1.35rem;
}
.p8m3kw{
display:flex;
gap:1rem;
align-items:flex-start;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.1);
border-radius:16px;
padding:1.05rem 1.15rem;
}
.i2v7qd{
flex-shrink:0;
display:inline-flex;
align-items:center;
justify-content:center;
width:2.6rem;
height:2.6rem;
border-radius:50%;
background:var(--coral);
color:var(--ice);
font-family:var(--ff);
font-weight:700;
font-size:.9rem;
}
.p8m3kw strong{
display:block;
font-family:var(--ff);
font-size:1rem;
letter-spacing:-.02em;
color:var(--ice);
margin-bottom:.35rem;
}
.p8m3kw p{
margin:0;
font-size:.86rem;
line-height:1.55;
color:rgba(242,247,252,.78);
}
.a5t9xr{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:1rem 1.35rem;
padding:.35rem 0 .2rem;
}
.a5t9xr a{
display:inline-flex;
align-items:center;
justify-content:center;
background:#000000;
border-radius:12px;
padding:.4rem .55rem;
min-height:52px;
min-width:92px;
border:1px solid rgba(255,255,255,.18);
}
.a5t9xr img{
max-height:40px;
max-width:120px;
width:auto;
height:auto;
object-fit:contain;
display:block;
}
.w1d6uj{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1.25rem;
padding-top:.35rem;
}
.b7k0se h5{
font-family:var(--ff);
font-weight:700;
font-size:.92rem;
letter-spacing:-.02em;
color:var(--ice);
margin:0 0 .7rem;
}
.b7k0se ul{
list-style:none;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:.45rem;
}
.b7k0se a{
font-size:.86rem;
color:rgba(242,247,252,.72);
}
.b7k0se a:hover{color:var(--sky)}
.b7k0se p{
margin:0;
font-size:.84rem;
line-height:1.55;
color:rgba(242,247,252,.7);
}
.o4h8vc,.n9q2lm,.f3s5yt{
background:rgba(0,0,0,.18);
border-radius:12px;
padding:.85rem 1rem;
border-left:3px solid var(--sky);
}
.o4h8vc{border-left-color:var(--coral)}
.f3s5yt{border-left-color:#7ec8ff}
.o4h8vc p,.n9q2lm p,.f3s5yt p{
margin:0;
font-size:.78rem;
line-height:1.55;
color:rgba(242,247,252,.7);
}
.o4h8vc strong,.n9q2lm strong,.f3s5yt strong{
color:var(--ice);
font-weight:600;
}
.u8x1pa{
border-top:1px solid rgba(255,255,255,.12);
padding-top:.95rem;
text-align:center;
}
.u8x1pa p{
margin:0;
font-size:.76rem;
color:rgba(242,247,252,.55);
}