*{
padding:0;
margin:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#0E0B14;
-webkit-font-smoothing:antialiased;
line-height:1.55;
font-size:0.938rem;
text-rendering:optimizeLegibility;
overflow-wrap:break-word;
font-family:"Golos Text", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#C4B89A;
}
img{
display:block;
max-width:100%;
}
a{
text-decoration:none;
color:inherit;
}
button{
border:none;
background:none;
font-family:inherit;
cursor:pointer;
}
input{
font-family:inherit;
}
svg{
display:block;
}
h1,h2,h3,h4{
overflow-wrap:anywhere;
}
::-webkit-scrollbar{
width:0.5rem;
height:8px;
}
::-webkit-scrollbar-thumb{
background:rgba(9, 7, 17, 0.72);
border-radius:8px;
}
::-webkit-scrollbar-track{
background:transparent;
}
.yloshell-4kk{
grid-template-columns:15.5rem 1fr;
min-height:100vh;
display:grid;
}
.ylomain-4kk{
min-width:0;
}
.ylowrap-4kk{
margin:0 auto;
max-width:1400px;
width:100%;
}
.ylocontainer-4kk{
margin:0 auto;
padding:0 16px;
max-width:87.5rem;
width:100%;
}
@media(min-width:767px){
.ylocontainer-4kk{
padding:0 1.75rem;
}
}
.ylosection-4kk{
padding:24px 28px;
}
.ylosection_pt-4kk{
padding-top:2.125rem;
}
.yloband_soft-4kk{
background:#151120;
}
.yloeyebrow-4kk{
text-transform:uppercase;
overflow-wrap:break-word;
font-family:"Golos Text", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.4;
display:inline-block;
color:#D4A017;
letter-spacing:.14em;
font-weight:600;
font-size:10.5px;
}
.ylodrawer_cb-4kk{
display:none;
}
.ylooverlay-4kk{
display:none;
}
@media(max-width:1025px){
.yloshell-4kk{
grid-template-columns:1fr;
}
.ylomain-4kk{
padding-bottom:4.875rem;
}
.ylodrawer_cb-4kk:checked~.ylooverlay-4kk{
inset:0;
background:rgba(9, 7, 17, 0.72);
z-index:70;
position:fixed;
display:block;
}
}
@media(max-width:560px){
.ylosection-4kk{
padding:1.125rem 16px;
}
.ylosection_pt-4kk{
padding-top:24px;
}
}
@keyframes zm3-pulse{
0%,100%{
opacity:.55}
50%{
opacity:1}
}
@keyframes zm3-marquee{
0%{
transform:translateX(0)}
100%{
transform:translateX(-50%)}
}
/* ---------- sidebar ---------- */
.yloside-4kk{
background:#120F1C;
gap:1.375rem;
padding:1.375rem 1.125rem;
flex-direction:column;
border-right:1px solid #2A2340;
position:sticky;
height:100vh;
top:0;
align-self:start;
display:flex;
overflow-y:auto;
}
.ylobrand-4kk{
gap:10px;
display:flex;
align-items:center;
}
.ylologo-4kk{
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
letter-spacing:-.02em;
font-size:1.313rem;
color:#F5EDDA;
font-weight:700;
}
.yloside_cta-4kk{
border-radius:13px;
border:1px solid #352C4E;
padding:16px;
background:rgba(212, 160, 23, 0.12);
}
.yloside_cta_h-4kk{
font-weight:700;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
color:#F5EDDA;
margin-bottom:0.375rem;
line-height:1.15;
font-size:1.063rem;
}
.yloside_cta_p-4kk{
font-size:12px;
margin-bottom:12px;
line-height:1.45;
color:#C4B89A;
}
.ylonav-4kk{
gap:3px;
display:flex;
flex-direction:column;
}
.ylonav_label-4kk{
padding:0.375rem 10px;
color:#5A5144;
text-transform:uppercase;
font-size:9.5px;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
letter-spacing:.14em;
}
.ylonav_item-4kk{
border-radius:8px;
gap:11px;
padding:0.625rem;
font-size:0.875rem;
color:#C4B89A;
display:flex;
align-items:center;
font-weight:500;
}
.ylonav_item-4kk svg{
height:1.063rem;
width:17px;
}
.ylonav_item-4kk:hover{
background:rgba(212, 160, 23, 0.12);
color:#F5EDDA;
}
.ylonav_item_on-4kk{
background:rgba(212, 160, 23, 0.12);
font-weight:600;
color:#D4A017;
}
.yloside_foot-4kk{
border:1px solid #352C4E;
background:#151120;
padding:12px;
border-radius:13px;
margin-top:auto;
}
.yloside_foot-4kk p{
color:#C4B89A;
font-size:12.5px;
margin-top:4px;
line-height:1.4;
}
/* ---------- topbar ---------- */
.ylotop-4kk{
padding:14px 1.75rem;
gap:16px;
background:#120F1C;
position:sticky;
z-index:40;
display:flex;
top:0;
align-items:center;
border-bottom:1px solid #2A2340;
}
.ylotop_brand-4kk{
gap:9px;
display:none;
align-items:center;
}
.ylosearch-4kk{
background:#151120;
border-radius:0.813rem;
border:1px solid #352C4E;
gap:10px;
flex:1;
padding:11px 0.875rem;
font-size:13.5px;
display:flex;
color:#8A7E68;
max-width:440px;
align-items:center;
}
.ylosearch-4kk svg{
flex:none;
width:1rem;
height:1rem;
}
.ylotop_actions-4kk{
gap:12px;
margin-left:auto;
display:flex;
align-items:center;
}
.ylolang-4kk{
color:#C4B89A;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:12px;
}
.yloburger-4kk{
border:1px solid #352C4E;
background:#151120;
border-radius:8px;
width:2.5rem;
align-items:center;
justify-content:center;
color:#F5EDDA;
height:40px;
display:none;
}
/* ---------- bottom-nav (mobile) ---------- */
.ylobotnav-4kk{
display:none;
}
@media(max-width:1027px){
.yloside-4kk{
transition:transform .25s ease;
z-index:80;
width:280px;
top:0;
height:100vh;
transform:translateX(-100%);
left:0;
position:fixed;
}
.ylodrawer_cb-4kk:checked~.yloshell-4kk .yloside-4kk{
transform:translateX(0);
}
.ylotop-4kk{
padding:0.875rem 1rem;
gap:12px;
position:static;
flex-wrap:wrap;
}
.ylotop_brand-4kk{
display:flex;
}
.ylosearch-4kk{
display:none;
}
.yloburger-4kk{
display:flex;
}
.ylotop_actions-4kk{
gap:0.625rem;
margin-left:0;
align-items:stretch;
width:100%;
}
.ylotop_actions-4kk .ylolang-4kk{
display:none;
}
.ylotop_actions-4kk .ylobtn-4kk{
padding:0.688rem 10px;
flex:1;
text-align:center;
}
.ylobotnav-4kk{
padding:8px 0.375rem calc(8px + env(safe-area-inset-bottom));
background:#120F1C;
grid-template-columns:repeat(3,1fr);
left:0;
position:fixed;
right:0;
z-index:65;
transform:translateZ(0);
border-top:1px solid #352C4E;
display:grid;
bottom:0;
}
.ylobn-4kk{
gap:0.25rem;
padding:0.375rem 2px 0;
color:#C4B89A;
font-size:10px;
flex-direction:column;
display:flex;
font-weight:600;
align-items:center;
min-width:0;
justify-content:flex-end;
}
.ylobn-4kk svg{
flex:none;
height:1.375rem;
width:1.375rem;
}
.ylobn-4kk span{
overflow:hidden;
white-space:nowrap;
text-align:center;
max-width:100%;
text-overflow:ellipsis;
}
.ylobn_on-4kk{
color:#D4A017;
}
.ylobn_center-4kk{
position:relative;
}
.ylobn_fab-4kk{
background:#F0C040;
border-radius:50%;
align-items:center;
color:#1A1100;
display:flex;
position:absolute;
height:50px;
justify-content:center;
left:50%;
transform:translateX(-50%);
width:3.125rem;
box-shadow:0 8px 2.5rem rgba(9, 7, 17, 0.72), 0 2px 0.75rem rgba(212, 160, 23, 0.18);
top:-1.25rem;
}
.ylobn_fab-4kk svg{
width:24px;
height:1.5rem;
}
.ylobn_center-4kk span{
color:#D4A017;
}
}
.ylobtn-4kk{
transition:background-color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease,color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease;
border-radius:0.5rem;
gap:8px;
padding:11px 22px;
font-size:0.875rem;
justify-content:center;
cursor:pointer;
display:inline-flex;
align-items:center;
font-weight:700;
font-family:"Golos Text", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.ylobtn_pri-4kk{
background:#F0C040;
color:#1A1100;
box-shadow:0 4px 20px rgba(240, 192, 64, 0.45), 0 2px 0.5rem rgba(240, 192, 64, 0.25);
}
.ylobtn_pri-4kk:hover{
background:#D4A820;
}
.ylobtn_ghost-4kk{
background:rgba(212, 160, 23, 0.12);
font-weight:600;
color:#F5EDDA;
}
.ylobtn_line-4kk{
border:1px solid #4A3F68;
background:transparent;
font-weight:600;
color:#F5EDDA;
}
.ylobtn_lg-4kk{
border-radius:0.813rem;
padding:1rem 30px;
font-size:15px;
}
.yloband-4kk .ylobtn_line-4kk{
border-color:rgba(255, 220, 100, 0.13);
color:#F5EDDA;
}
.yloband-4kk .ylobtn_ghost-4kk{
background:rgba(255, 220, 100, 0.08);
color:#F5EDDA;
}
.ylolink_m-4kk{
gap:5px;
align-items:center;
display:inline-flex;
color:#D4A017;
cursor:pointer;
text-decoration:none;
font-size:12px;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.ylolink_m-4kk svg{
width:0.875rem;
height:0.875rem;
}
.yloband-4kk .ylolink_m-4kk{
color:#F0C040;
}
.ylodot-4kk{
border-radius:50%;
flex:none;
background:#D4A017;
height:7px;
width:7px;
}
.ylodot_live-4kk{
animation:zm3-pulse 1.4s infinite;
background:#E53935;
}
.ylostars-4kk{
gap:2px;
display:inline-flex;
color:#D4A017;
}
.ylostars-4kk svg{
height:15px;
width:15px;
}
.ylochip-4kk{
border-radius:0.5rem;
padding:0.438rem 0.75rem;
border:1px solid #352C4E;
background:#151120;
gap:6px;
align-items:center;
font-size:0.688rem;
color:#C4B89A;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
display:inline-flex;
}
.ylochip_on-4kk{
border-color:transparent;
background:rgba(212, 160, 23, 0.12);
color:#D4A017;
}
.ylogc-4kk{
cursor:pointer;
color:inherit;
min-width:0;
text-decoration:none;
display:block;
}
.ylogc_thumb-4kk{
border:1px solid #352C4E;
overflow:hidden;
border-radius:0.813rem;
aspect-ratio:1;
background-position:center;
position:relative;
display:block;
background-size:cover;
}
.ylogc_thumb_portrait-4kk{
aspect-ratio:3/4;
}
.ylogc_thumb_wide-4kk{
aspect-ratio:16/11;
}
.ylogc_cap-4kk{
background:linear-gradient(transparent,rgba(9, 7, 17, 0.72));
padding:0.563rem;
left:0;
right:0;
bottom:0;
position:absolute;
}
.ylogc_name-4kk{
font-size:0.781rem;
display:block;
color:#F5EDDA;
font-weight:700;
}
.ylogc_meta-4kk{
color:#A89B7C;
font-size:11px;
}
.ylogc_badge-4kk{
border-radius:0.5rem;
background:#D4A017;
padding:2px 6px;
top:0.5rem;
right:8px;
color:#1A1100;
position:absolute;
font-size:0.5rem;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-weight:700;
}
.ylogc_badge_hot-4kk{
background:#E53935;
color:#F5EDDA;
}
.ylogc_badge_live-4kk{
background:#E53935;
left:0.5rem;
color:#F5EDDA;
right:auto;
}
.ylogc_mult-4kk{
inset:0;
font-size:28px;
color:#D4A017;
justify-content:center;
font-weight:700;
align-items:center;
display:flex;
position:absolute;
}
.ylopc-4kk{
border:1px solid #352C4E;
border-radius:0.813rem;
background:#151120;
font-size:0.875rem;
height:64px;
font-weight:700;
align-items:center;
justify-content:center;
color:#C4B89A;
display:flex;
}
.ylorail-4kk{
min-width:0;
}
.ylorail_scroll-4kk{
gap:14px;
display:grid;
}
.ylorail_scroll-4kk>*{
min-width:0;
}
.ylog6-4kk{
grid-template-columns:repeat(6,1fr);
}
.ylog7-4kk{
grid-template-columns:repeat(7,1fr);
}
.ylog4-4kk{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1027px){
.ylog6-4kk,.ylog7-4kk{
grid-template-columns:none;
padding-bottom:6px;
grid-auto-flow:column;
grid-auto-columns:7.5rem;
scroll-snap-type:x mandatory;
overflow-x:auto;
}
.ylog6-4kk>*,.ylog7-4kk>*{
scroll-snap-align:start;
}
.ylog4-4kk{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:559px){
.ylog4-4kk{
grid-template-columns:none;
grid-auto-columns:9.375rem;
overflow-x:auto;
grid-auto-flow:column;
}
}
.ylopanel-4kk{
background:#151120;
border-radius:1.25rem;
padding:28px 2rem;
border:1px solid #352C4E;
}
.ylosplit-4kk{
gap:36px;
display:grid;
align-items:start;
}
.ylosplit-4kk>*{
min-width:0;
}
.ylosplit_a-4kk{
grid-template-columns:.85fr 1.15fr;
}
.ylosplit_b-4kk{
grid-template-columns:1fr 1.1fr;
}
.ylosplit_c-4kk{
grid-template-columns:1.1fr .9fr;
}
.ylopgrid-4kk{
gap:40px;
grid-template-columns:.9fr 1.1fr;
display:grid;
align-items:center;
}
.ylopgrid-4kk>*{
min-width:0;
}
.ylolead-4kk{
font-size:15px;
line-height:1.65;
margin-bottom:14px;
color:#C4B89A;
}
.ylofeat-4kk{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.ylofeat-4kk>*{
min-width:0;
}
.ylofeat2-4kk{
grid-template-columns:1fr 1fr;
}
.ylofeat_card-4kk{
padding:1.625rem;
background:#151120;
border:1px solid #352C4E;
border-radius:1.25rem;
}
.ylofeat_card-4kk svg{
height:1.625rem;
color:#D4A017;
margin-bottom:16px;
width:1.625rem;
}
.ylofeat_card-4kk h3{
color:#F5EDDA;
font-size:1.125rem;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
margin-bottom:0.5rem;
}
.ylofeat_card-4kk p{
font-size:0.813rem;
line-height:1.6;
color:#C4B89A;
}
.ylofeat_card-4kk b{
color:#F5EDDA;
}
.ylobig-4kk{
gap:1.375rem;
display:flex;
flex-wrap:wrap;
}
.ylobig_n-4kk{
font-size:26px;
color:#D4A017;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
}
.ylobig_l-4kk{
color:#8A7E68;
font-size:12px;
}
.yloperson-4kk{
border-radius:0.813rem;
gap:0.875rem;
border:1px solid #352C4E;
padding:16px 18px;
background:#151120;
display:flex;
align-items:center;
}
.yloavatar-4kk{
flex:none;
background:linear-gradient(135deg,#F0C040,#A07510);
border-radius:50%;
height:44px;
width:44px;
}
.yloperson_name-4kk{
color:#F5EDDA;
font-weight:700;
font-size:14px;
}
.yloperson_role-4kk{
font-size:0.75rem;
color:#8A7E68;
}
.ylokv-4kk{
background:#352C4E;
gap:1px;
border:1px solid #352C4E;
grid-template-columns:1fr 1fr;
border-radius:13px;
overflow:hidden;
display:grid;
}
.ylokv-4kk>div{
background:#0E0B14;
padding:16px 1.125rem;
min-width:0;
}
.ylokv_k-4kk{
margin-bottom:5px;
text-transform:uppercase;
font-size:9.5px;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#D4A017;
}
.ylokv_v-4kk{
color:#F5EDDA;
font-weight:700;
font-size:0.844rem;
}
@media(max-width:1022px){
.ylosplit_a-4kk,.ylosplit_b-4kk,.ylosplit_c-4kk,.ylopgrid-4kk{
gap:1.5rem;
grid-template-columns:1fr;
}
.ylofeat-4kk,.ylofeat2-4kk{
grid-template-columns:1fr;
}
.ylokv-4kk{
grid-template-columns:1fr;
}
}
.ylosh-4kk{
margin-bottom:16px;
min-width:0;
}
.ylosh_row-4kk{
gap:12px;
justify-content:space-between;
align-items:flex-end;
flex-wrap:wrap;
display:flex;
}
.ylosh_row-4kk .ylosh_l-4kk{
gap:6px;
display:flex;
min-width:0;
flex-direction:column;
}
.ylosh_stack-4kk{
gap:10px;
display:flex;
align-items:flex-start;
flex-direction:column;
}
.ylosh_center-4kk{
gap:0.625rem;
align-items:center;
text-align:center;
display:flex;
flex-direction:column;
}
.ylosh_h2-4kk{
gap:0.563rem;
color:#F5EDDA;
overflow-wrap:break-word;
font-size:20px;
line-height:1.1;
font-weight:700;
align-items:center;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
display:flex;
}
@media(min-width:765px){
.ylosh_h2-4kk{
font-size:1.5rem;
}
}
.yloband-4kk .ylosh_h2-4kk{
color:#F5EDDA;
}
.yloeb_mono-4kk{
letter-spacing:.08em;
text-transform:none;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.yloeb_mono-4kk::before{
content:"// ";
}
.yloeb_upper-4kk{
text-transform:uppercase;
letter-spacing:.14em;
}
.yloeb_pill-4kk{
padding:5px 0.688rem;
background:rgba(212, 160, 23, 0.12);
border-radius:62.438rem;
letter-spacing:.12em;
text-transform:uppercase;
}
.yloeb_line-4kk{
gap:0.625rem;
display:inline-flex;
align-items:center;
}
.yloeb_line-4kk::before{
background:#D4A017;
width:1.5rem;
content:"";
height:1px;
display:inline-block;
}
.yloband-4kk .yloeb_line-4kk::before{
background:#F0C040;
}
.yloband-4kk .yloeb_pill-4kk{
background:rgba(255, 220, 100, 0.08);
}
.ylosh_link-4kk{
gap:6px;
transition:color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease,border-color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease;
padding-bottom:2px;
align-items:center;
white-space:nowrap;
font-size:13px;
display:inline-flex;
border-bottom:1px solid #F5EDDA;
font-weight:600;
color:#F5EDDA;
}
.ylosh_link-4kk:hover{
border-color:#D4A017;
color:#D4A017;
}
.ylosh_link-4kk svg{
width:0.875rem;
height:0.875rem;
}
.ylosh_link_chev-4kk{
font-size:12px;
border-bottom:0;
color:#D4A017;
padding-bottom:0;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.ylosh_link_btn-4kk{
background:#F0C040;
padding:0.563rem 18px;
border-radius:62.438rem;
color:#1A1100;
border-bottom:0;
}
.ylosh_link_btn-4kk:hover{
border-color:transparent;
background:#D4A820;
}
.yloband-4kk .ylosh_link-4kk{
border-color:#F5EDDA;
color:#F5EDDA;
}
.yloband-4kk .ylosh_link_chev-4kk{
color:#F0C040;
}
.ylosh_rule-4kk{
background:#352C4E;
margin:-2px 0 1rem;
height:1px;
}
.yloband-4kk .ylosh_rule-4kk{
background:rgba(255, 220, 100, 0.13);
}
.yloseo_grid3-4kk{
gap:20px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.yloseo_grid4-4kk{
gap:0.813rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.yloseo_grid3-4kk>*,.yloseo_grid4-4kk>*{
min-width:0;
}
.yloseo_card-4kk{
border-radius:0.813rem;
padding:24px;
background:#151120;
border:1px solid #352C4E;
}
.yloseo_card-4kk h3{
font-size:18px;
margin-bottom:0.5rem;
font-weight:700;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
color:#F5EDDA;
}
.yloseo_card-4kk p{
color:#C4B89A;
font-size:13px;
line-height:1.6;
}
.yloseo_card_sm-4kk{
padding:1.25rem;
}
.yloseo_card_sm-4kk h3{
font-size:16px;
}
.yloseo_card_sm-4kk p{
font-size:0.781rem;
line-height:1.55;
}
.yloseo_rtp_row-4kk{
grid-template-columns:1fr 1fr;
gap:36px;
align-items:center;
margin-top:1rem;
display:grid;
}
.ylortp-4kk{
gap:0.875rem;
min-width:0;
display:flex;
}
.ylortp-4kk>div{
padding:1rem;
background:#0E0B14;
border-radius:13px;
flex:1;
min-width:0;
text-align:center;
}
.ylortp_n-4kk{
white-space:nowrap;
font-weight:700;
font-size:1.625rem;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
color:#D4A017;
}
.ylortp_l-4kk{
color:#8A7E68;
font-size:0.688rem;
margin-top:4px;
}
.ylocmp-4kk{
overflow:hidden;
border:1px solid #352C4E;
border-radius:13px;
max-width:760px;
}
.ylocmp_row-4kk{
grid-template-columns:1.6fr 1fr 1fr;
font-size:13px;
display:grid;
}
.ylocmp_row-4kk>div{
padding:13px 14px;
min-width:0;
text-align:center;
}
.ylocmp_row-4kk>div:first-child{
color:#F5EDDA;
text-align:left;
font-weight:600;
padding-left:22px;
}
.ylocmp_th-4kk{
background:#0E0B14;
font-weight:700;
font-size:0.781rem;
}
.ylocmp_row-4kk:not(.ylocmp_th-4kk){
background:#151120;
color:#C4B89A;
border-top:1px solid #2A2340;
}
.ylocmp_zebra-4kk{
background:#1A1629;
}
.yloguide-4kk{
background:#151120;
border-radius:13px;
overflow:hidden;
border:1px solid #352C4E;
cursor:pointer;
}
.yloguide_cover-4kk{
height:8.125rem;
}
.yloguide_body-4kk{
padding:20px;
}
.yloguide_body-4kk h3{
margin:7px 0 0.563rem;
color:#F5EDDA;
font-weight:700;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
font-size:1rem;
line-height:1.25;
}
.yloguide_meta-4kk{
font-size:0.719rem;
color:#8A7E68;
}
.ylohub-4kk{
grid-template-columns:repeat(5,1fr);
gap:1.75rem;
display:grid;
border-top:1px solid #2A2340;
padding-top:1.75rem;
}
.ylohub-4kk>*{
min-width:0;
}
.ylohub-4kk h4{
font-weight:700;
font-size:13px;
margin-bottom:11px;
color:#F5EDDA;
}
.ylohub_col-4kk{
gap:0.5rem;
display:flex;
color:#C4B89A;
flex-direction:column;
font-size:0.813rem;
}
.ylohub_col-4kk a{
cursor:pointer;
}
@media(max-width:1022px){
.yloseo_grid3-4kk{
grid-template-columns:1fr;
}
.yloseo_grid4-4kk{
grid-template-columns:repeat(2,1fr);
}
.yloseo_rtp_row-4kk{
grid-template-columns:1fr;
gap:1.25rem;
}
.ylohub-4kk{
grid-template-columns:repeat(2,1fr);
gap:22px;
}
}
@media(max-width:561px){
.ylohub-4kk{
grid-template-columns:1fr;
}
}
.ylotk-4kk{
overflow:hidden;
background:#090711;
align-items:center;
border-bottom:1px solid #2A2340;
display:flex;
}
.ylotk_tag-4kk{
gap:8px;
flex:none;
padding:0.688rem 18px;
background:#151120;
display:flex;
border-right:1px solid #2A2340;
letter-spacing:.1em;
color:#E53935;
text-transform:uppercase;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:10.5px;
font-weight:600;
align-items:center;
}
.ylotk_rail-4kk{
flex:1;
overflow:hidden;
}
.ylotk_track-4kk{
animation:zm3-marquee 26s linear infinite;
gap:1.75rem;
padding:11px 14px;
font-size:12px;
width:max-content;
color:#C4B89A;
display:flex;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
white-space:nowrap;
}
.ylotk_track-4kk b{
color:#D4A017;
}
.ylohero-4kk{
padding:2.875rem 3rem;
border:1px solid #352C4E;
overflow:hidden;
background:linear-gradient(120deg,#1C1530,#0F1025);
border-radius:1.25rem;
position:relative;
color:#F5EDDA;
}
.ylohero_glow-4kk{
border-radius:50%;
background:radial-gradient(circle,rgba(212, 160, 23, 0.22),transparent 70%);
right:-3.75rem;
width:21.25rem;
top:-60px;
height:21.25rem;
position:absolute;
}
.ylohero_in-4kk{
position:relative;
max-width:600px;
}
.ylohero-4kk .yloeyebrow-4kk{
color:#F0C040;
}
.ylopill_row-4kk{
border:1px solid rgba(255, 220, 100, 0.13);
border-radius:999px;
padding:6px 13px;
background:rgba(255, 220, 100, 0.08);
gap:8px;
letter-spacing:.1em;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#F0C040;
align-items:center;
font-size:10.5px;
margin-bottom:22px;
display:inline-flex;
text-transform:uppercase;
}
.ylohero_h1-4kk{
margin:18px 0;
letter-spacing:-.02em;
font-weight:700;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
line-height:1.02;
color:#F5EDDA;
overflow-wrap:break-word;
font-size:54px;
}
.ylohero_h1-4kk em{
font-style:normal;
color:#F0C040;
}
.ylohero_sub-4kk{
max-width:480px;
margin-bottom:1.75rem;
line-height:1.55;
font-size:17px;
color:#A89B7C;
}
.ylohero_cta-4kk{
gap:0.875rem;
flex-wrap:wrap;
align-items:center;
margin-bottom:1.625rem;
display:flex;
}
.ylohero_trust-4kk{
gap:0.875rem;
flex-wrap:wrap;
display:flex;
align-items:center;
}
.ylohero_rating_txt-4kk{
font-size:13px;
color:#A89B7C;
}
@media(max-width:1025px){
.ylohero-4kk{
padding:2rem 24px;
}
.ylohero_h1-4kk{
font-size:2.375rem;
}
}
@media(max-width:561px){
.ylohero_h1-4kk{
font-size:30px;
}
}
.ylostat-4kk{
gap:0.875rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.ylostat-4kk>*{
min-width:0;
}
.ylostat_item-4kk{
border-radius:0.813rem;
background:#151120;
padding:1.125rem 20px;
border:1px solid #352C4E;
}
.ylostat_k-4kk{
font-size:9.5px;
margin-bottom:0.438rem;
letter-spacing:.12em;
color:#8A7E68;
text-transform:uppercase;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.ylostat_v-4kk{
gap:8px;
color:#F5EDDA;
align-items:center;
display:flex;
font-size:1.5rem;
font-weight:700;
min-width:0;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
overflow-wrap:anywhere;
}
.ylostat_v_accent-4kk{
color:#D4A017;
}
@media(max-width:1027px){
.ylostat-4kk{
grid-template-columns:repeat(2,1fr);
}
}
.ylowlc-4kk{
gap:1.5rem;
overflow:hidden;
background:linear-gradient(120deg,#1C1530,#0F1025);
border:1px solid #352C4E;
border-radius:1.25rem;
padding:2.25rem 2.5rem;
grid-template-columns:1.2fr .8fr;
position:relative;
display:grid;
align-items:center;
color:#F5EDDA;
}
.ylowlc-4kk>*{
min-width:0;
}
.ylowlc-4kk .yloeyebrow-4kk{
color:#F0C040;
}
.ylowlc_glow-4kk{
border-radius:50%;
background:radial-gradient(circle,rgba(212, 160, 23, 0.22),transparent 70%);
height:16.25rem;
width:16.25rem;
right:-40px;
top:-40px;
position:absolute;
}
.ylowlc_in-4kk{
position:relative;
}
.ylowlc_h2-4kk{
margin:10px 0 8px;
font-weight:700;
color:#F5EDDA;
font-size:2.125rem;
line-height:1.03;
overflow-wrap:break-word;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
}
.ylowlc_h2-4kk em{
font-style:normal;
color:#F0C040;
}
.ylowlc_sub-4kk{
color:#A89B7C;
max-width:420px;
font-size:0.875rem;
margin-bottom:1.125rem;
line-height:1.55;
}
.ylowlc_terms-4kk{
gap:10px;
display:flex;
position:relative;
flex-direction:column;
}
.yloterm-4kk{
padding:13px 15px;
gap:11px;
border-radius:0.813rem;
border:1px solid rgba(255, 220, 100, 0.13);
background:rgba(255, 220, 100, 0.08);
display:flex;
align-items:center;
}
.yloterm-4kk svg{
flex:none;
width:1.25rem;
height:1.25rem;
color:#F0C040;
}
.yloterm_k-4kk{
color:#A89B7C;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
letter-spacing:.1em;
font-size:0.594rem;
text-transform:uppercase;
}
.yloterm_v-4kk{
margin-top:2px;
font-weight:700;
color:#F5EDDA;
font-size:0.875rem;
}
@media(max-width:1022px){
.ylowlc-4kk{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.ylowlc_h2-4kk{
font-size:1.625rem;
}
}
.ylojp-4kk{
grid-template-columns:1.5fr 1fr 1fr;
gap:14px;
display:grid;
}
.ylojp-4kk>*{
min-width:0;
}
.ylojp_hero-4kk{
overflow:hidden;
background:linear-gradient(135deg,#1C1530,#0F1025);
border-radius:20px;
gap:0.875rem;
border:1px solid #352C4E;
padding:26px;
min-height:180px;
position:relative;
flex-direction:column;
display:flex;
justify-content:space-between;
color:#F5EDDA;
}
.ylojp_glow-4kk{
background:radial-gradient(circle,rgba(212, 160, 23, 0.22),transparent 70%);
border-radius:50%;
position:absolute;
width:11.25rem;
height:180px;
top:-2.5rem;
right:-40px;
}
.ylojp_k_row-4kk{
gap:0.625rem;
display:flex;
justify-content:space-between;
position:relative;
align-items:center;
}
.ylojp_k-4kk{
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
letter-spacing:.12em;
text-transform:uppercase;
color:#8A7E68;
font-size:0.625rem;
}
.ylojp_hero-4kk .ylojp_k-4kk{
color:#A89B7C;
}
.ylojp_amt-4kk{
color:#F0C040;
font-weight:700;
font-size:2.625rem;
line-height:1;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
position:relative;
}
.ylojp_sub-4kk{
font-size:0.75rem;
margin-top:5px;
color:#A89B7C;
}
.ylojp_cell-4kk{
background:#151120;
padding:1.375rem;
border:1px solid #352C4E;
border-radius:1.25rem;
justify-content:space-between;
display:flex;
min-height:11.25rem;
flex-direction:column;
}
.ylojp_cell-4kk .ylojp_amt-4kk{
color:#F5EDDA;
font-size:30px;
}
.ylojp_cell-4kk .ylojp_sub-4kk{
color:#8A7E68;
}
@media(max-width:1027px){
.ylojp-4kk{
grid-template-columns:1fr;
}
}
@media(max-width:562px){
.ylojp_amt-4kk{
font-size:32px;
}
}
.ylonews-4kk{
padding:1.625rem 32px;
gap:24px;
background:linear-gradient(135deg,#1C1530,#0F1025);
border:1px solid #352C4E;
border-radius:1.25rem;
justify-content:space-between;
flex-wrap:wrap;
display:flex;
align-items:center;
color:#F5EDDA;
}
.ylonews_h3-4kk{
color:#F5EDDA;
font-size:20px;
font-weight:700;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:0.25rem;
}
.ylonews_text-4kk{
color:#A89B7C;
font-size:0.813rem;
}
.ylonews_form-4kk{
flex:1;
gap:10px;
display:flex;
min-width:0;
max-width:440px;
}
.ylonews_form-4kk .yloinput-4kk{
min-width:0;
}
@media(max-width:563px){
.ylonews_form-4kk{
width:100%;
}
}
.yloinput-4kk{
padding:0.813rem 1rem;
border:1px solid rgba(255, 220, 100, 0.13);
flex:1;
background:rgba(255, 220, 100, 0.08);
border-radius:8px;
font-size:13.5px;
color:#A89B7C;
}
.ylosupp-4kk{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.ylosupp-4kk>*{
min-width:0;
}
.ylosupp_card-4kk{
background:#151120;
padding:1.5rem;
border:1px solid #352C4E;
border-radius:13px;
}
.ylosupp_card-4kk svg{
height:24px;
width:1.5rem;
color:#D4A017;
margin-bottom:14px;
}
.ylosupp_card-4kk h3{
margin-bottom:6px;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
color:#F5EDDA;
font-size:16px;
}
.ylosupp_card-4kk p{
line-height:1.55;
color:#C4B89A;
font-size:13px;
}
@media(max-width:1023px){
.ylosupp-4kk{
grid-template-columns:1fr;
}
}
.ylotour-4kk{
overflow:hidden;
border:1px solid #352C4E;
grid-template-columns:1.05fr 1fr;
border-radius:1.25rem;
display:grid;
}
.ylotour-4kk>*{
min-width:0;
}
.ylotour_l-4kk{
padding:34px;
background:linear-gradient(135deg,#1C1530,#0F1025);
overflow:hidden;
color:#F5EDDA;
position:relative;
}
.ylotour_h2-4kk{
margin:0.75rem 0 10px;
font-weight:700;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
font-size:1.875rem;
color:#F5EDDA;
line-height:1.05;
}
.ylotour_h2-4kk em{
color:#F0C040;
font-style:normal;
}
.ylotour_text-4kk{
line-height:1.6;
font-size:13.5px;
margin-bottom:20px;
max-width:340px;
color:#A89B7C;
}
.ylotour_meta-4kk{
gap:1.125rem;
align-items:flex-end;
flex-wrap:wrap;
margin-bottom:1.25rem;
display:flex;
}
.ylotour_cap-4kk{
color:#A89B7C;
margin-bottom:5px;
font-size:9.5px;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
text-transform:uppercase;
}
.ylocount-4kk{
gap:0.375rem;
display:flex;
}
.ylocount-4kk span{
background:rgba(255, 220, 100, 0.08);
border-radius:8px;
padding:4px 0.563rem;
border:1px solid rgba(255, 220, 100, 0.13);
font-weight:700;
font-size:1.375rem;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.ylotour_units-4kk{
font-size:10px;
color:#A89B7C;
}
.yloboard-4kk{
padding:1.75rem 30px;
background:#151120;
}
.yloboard_head-4kk{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:14px;
}
.yloboard_title-4kk{
color:#F5EDDA;
font-size:16px;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
}
.yloboard_upd-4kk{
text-transform:uppercase;
color:#8A7E68;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:0.625rem;
}
.yloboard_list-4kk{
gap:2px;
flex-direction:column;
display:flex;
}
.yloboard_row-4kk{
border-radius:0.5rem;
gap:12px;
padding:0.625rem 0.75rem;
align-items:center;
display:flex;
}
.yloboard_top1-4kk{
background:rgba(212, 160, 23, 0.12);
}
.yloboard_rk-4kk{
width:20px;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#8A7E68;
font-weight:700;
font-size:14px;
}
.yloboard_top1-4kk .yloboard_rk-4kk{
color:#D4A017;
}
.yloboard_nm-4kk{
flex:1;
min-width:0;
color:#C4B89A;
font-weight:600;
font-size:13.5px;
}
.yloboard_top1-4kk .yloboard_nm-4kk{
color:#F5EDDA;
font-weight:700;
}
.yloboard_pt-4kk{
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:12.5px;
color:#C4B89A;
}
@media(max-width:1023px){
.ylotour-4kk{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.ylotour_h2-4kk{
font-size:24px;
}
}
.ylodw_h2-4kk{
font-size:26px;
font-weight:700;
margin-bottom:0.625rem;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
line-height:1.08;
color:#F5EDDA;
}
.ylosteps_v-4kk{
grid-template-columns:1fr;
gap:0.625rem;
}
.ylosteps_v-4kk .ylostep-4kk{
padding:18px 20px;
}
@media(max-width:562px){
.ylodw_h2-4kk{
font-size:1.438rem;
}
}
.ylopay_logos-4kk{
gap:0.563rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.ylopay_logos-4kk>*{
min-width:0;
}
.ylopay-4kk{
border-radius:0.5rem;
border:1px solid #352C4E;
display:flex;
color:#C4B89A;
justify-content:center;
font-size:12px;
font-weight:700;
align-items:center;
height:48px;
}
.ylotable-4kk{
border-radius:0.813rem;
border:1px solid #352C4E;
overflow:hidden;
}
.ylotrow-4kk{
grid-template-columns:1.3fr 1fr 1fr 1fr;
display:grid;
font-size:13px;
}
.ylotrow-4kk>div{
padding:0.813rem 14px;
min-width:0;
}
.ylotrow-4kk>div:first-child{
padding-left:1rem;
font-weight:700;
color:#F5EDDA;
}
.ylotrow_th-4kk{
background:#0E0B14;
text-transform:uppercase;
color:#8A7E68;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
letter-spacing:.06em;
font-size:0.594rem;
}
.ylotrow-4kk:not(.ylotrow_th-4kk){
background:#151120;
color:#C4B89A;
border-top:1px solid #2A2340;
}
.ylotrow_zebra-4kk{
background:#1A1629;
}
.ylopos-4kk{
font-weight:700;
color:#D4A017;
}
@media(max-width:1022px){
.ylopay_logos-4kk{
grid-template-columns:repeat(2,1fr);
}
}
.ylovip_head-4kk{
gap:12px;
align-items:flex-end;
justify-content:space-between;
flex-wrap:wrap;
margin-bottom:18px;
display:flex;
}
.ylovip_intro-4kk{
max-width:26.25rem;
font-size:0.813rem;
color:#C4B89A;
}
.ylovip-4kk{
grid-template-columns:repeat(5,1fr);
gap:0.75rem;
display:grid;
}
.ylovip-4kk>*{
min-width:0;
}
.ylotier-4kk{
padding:1.25rem;
border:1px solid #352C4E;
background:#151120;
border-radius:13px;
}
.ylotier_on-4kk{
background:rgba(212, 160, 23, 0.12);
border-color:#D4A017;
}
.ylotier_medal-4kk{
border-radius:8px;
background:linear-gradient(135deg,#F0C040,#A07510);
height:1.875rem;
margin-bottom:14px;
width:1.875rem;
}
.ylotier_name-4kk{
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
font-size:15px;
color:#F5EDDA;
font-weight:700;
margin-bottom:5px;
}
.ylotier_tx-4kk{
font-size:11.5px;
line-height:1.5;
color:#8A7E68;
}
@media(max-width:1023px){
.ylovip-4kk{
grid-template-columns:repeat(2,1fr);
}
}
.ylopromo_grid-4kk{
grid-template-columns:repeat(3,1fr);
gap:1rem;
display:grid;
}
.ylopromo_grid-4kk>*{
min-width:0;
}
.ylopromo-4kk{
overflow:hidden;
border:1px solid #352C4E;
padding:24px;
background:#151120;
border-radius:1.25rem;
min-height:150px;
position:relative;
}
.ylopromo_h-4kk{
font-weight:700;
color:#F5EDDA;
font-size:26px;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
line-height:1.05;
margin-top:6px;
}
.ylopromo_h-4kk em{
color:#D4A017;
font-style:normal;
}
.ylopromo_p-4kk{
color:#C4B89A;
font-size:12.5px;
margin-top:0.5rem;
line-height:1.5;
}
.ylopromo_feat-4kk{
background:linear-gradient(135deg,#1C1530,#0F1025);
border-color:#352C4E;
}
.ylopromo_feat-4kk .ylopromo_h-4kk{
color:#F5EDDA;
}
.ylopromo_feat-4kk .ylopromo_h-4kk em{
color:#F0C040;
}
.ylopromo_feat-4kk .ylopromo_p-4kk{
color:#A89B7C;
}
.ylopromo_feat-4kk .yloeyebrow-4kk{
color:#F0C040;
}
@media(max-width:1025px){
.ylopromo_grid-4kk{
grid-template-columns:1fr;
}
}
.ylosteps-4kk{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.ylosteps-4kk>*{
min-width:0;
}
.ylostep-4kk{
border:1px solid #352C4E;
padding:1.5rem;
border-radius:0.813rem;
background:#151120;
position:relative;
}
.ylostep_num-4kk{
background:#F0C040;
border-radius:8px;
font-size:0.813rem;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
margin-bottom:0.875rem;
display:flex;
color:#1A1100;
font-weight:700;
align-items:center;
width:1.875rem;
height:30px;
justify-content:center;
}
.ylostep_h-4kk{
font-weight:700;
font-size:1rem;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
color:#F5EDDA;
margin-bottom:7px;
}
.ylostep_p-4kk{
line-height:1.55;
color:#C4B89A;
font-size:13px;
}
@media(max-width:1025px){
.ylosteps-4kk{
grid-template-columns:1fr;
}
}
.yloab_h2-4kk{
margin:14px 0 1rem;
color:#F5EDDA;
line-height:1.08;
font-weight:700;
font-size:2rem;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
}
.yloab_body-4kk{
margin-bottom:0.875rem;
color:#C4B89A;
line-height:1.65;
font-size:0.938rem;
}
.yloab_chips-4kk{
gap:10px;
display:flex;
margin-top:0.5rem;
flex-wrap:wrap;
}
.ylofaq-4kk{
gap:0.625rem;
flex-direction:column;
display:flex;
}
.ylofaq_item-4kk{
padding:18px 22px;
background:#151120;
border-radius:0.813rem;
border:1px solid #352C4E;
}
.ylofaq_q-4kk{
gap:1rem;
list-style:none;
align-items:center;
display:flex;
font-weight:600;
font-size:0.969rem;
color:#F5EDDA;
cursor:pointer;
justify-content:space-between;
}
.ylofaq_q-4kk::-webkit-details-marker{
display:none;
}
.ylofaq_q_t-4kk{
gap:10px;
display:flex;
}
.ylofaq_q_i-4kk{
color:#D4A017;
font-style:normal;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.ylofaq_pm-4kk{
font-size:20px;
color:#D4A017;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.ylofaq_item-4kk[open] .ylofaq_pm-4kk{
transform:rotate(45deg);
}
.ylofaq_a-4kk{
font-size:13.5px;
line-height:1.6;
color:#C4B89A;
margin-top:0.75rem;
}
@media(max-width:558px){
.yloab_h2-4kk{
font-size:26px;
}
}
.ylogd_head-4kk{
gap:0.75rem;
display:flex;
margin-bottom:1rem;
align-items:center;
flex-wrap:wrap;
justify-content:space-between;
}
.ylodispute-4kk{
gap:28px;
border:1px dashed #4A3F68;
border-radius:13px;
padding:1.625rem 1.875rem;
justify-content:space-between;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.ylodispute_in-4kk{
max-width:41.25rem;
}
.ylodispute_h2-4kk{
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:8px;
font-weight:700;
color:#F5EDDA;
font-size:1.375rem;
}
.ylodispute_text-4kk{
line-height:1.6;
color:#C4B89A;
font-size:0.844rem;
}
.yloprovs-4kk{
gap:12px;
grid-template-columns:repeat(6,1fr);
margin-bottom:1.75rem;
display:grid;
}
.yloprovs-4kk>*{
min-width:0;
}
.yloprov-4kk{
border:1px solid #352C4E;
border-radius:0.813rem;
background:#151120;
padding:12px;
justify-content:center;
align-items:center;
display:flex;
height:4rem;
text-decoration:none;
}
.yloprov_img-4kk{
object-fit:contain;
max-height:32px;
max-width:100%;
}
.yloresp-4kk{
gap:24px;
border-radius:13px;
background:#151120;
padding:1.625rem;
border:1px solid #352C4E;
align-items:center;
flex-wrap:wrap;
display:flex;
justify-content:space-between;
}
.yloresp_in-4kk{
max-width:35rem;
}
.yloresp_h-4kk{
font-size:1.188rem;
margin-bottom:8px;
color:#F5EDDA;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
}
.yloresp_p-4kk{
font-size:13.5px;
color:#C4B89A;
line-height:1.6;
}
.yloresp_badges-4kk{
gap:0.875rem;
flex-wrap:wrap;
display:flex;
align-items:center;
}
.yloage18-4kk{
padding:4px 0.5rem;
border:1.5px solid #E53935;
border-radius:0.5rem;
font-weight:700;
font-size:13px;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#E53935;
}
.yloresp_org-4kk{
color:#8A7E68;
font-weight:600;
font-size:13px;
}
@media(max-width:1027px){
.yloprovs-4kk{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:561px){
.yloprovs-4kk{
grid-template-columns:repeat(2,1fr);
}
}
.yloop_h2-4kk{
margin:0.625rem 0 0.5rem;
font-weight:700;
line-height:1.1;
font-size:1.5rem;
color:#F5EDDA;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
}
.yloop_text-4kk{
color:#C4B89A;
line-height:1.6;
font-size:0.844rem;
}
@media(max-width:558px){
.yloop_h2-4kk{
font-size:22px;
}
}
.ylorc-4kk{
grid-template-columns:1fr 1fr 1fr;
gap:32px;
display:grid;
}
.ylorc-4kk>*{
min-width:0;
}
.ylorc_awards-4kk{
gap:11px;
display:flex;
flex-direction:column;
}
.yloaward-4kk{
gap:0.688rem;
display:flex;
align-items:center;
}
.yloaward-4kk svg{
flex:none;
color:#F0A500;
width:1.125rem;
height:1.125rem;
}
.yloaward_t-4kk{
color:#F5EDDA;
font-size:13.5px;
font-weight:700;
}
.yloaward_s-4kk{
color:#8A7E68;
font-size:11.5px;
}
.ylorc_press-4kk{
gap:10px;
grid-template-columns:1fr 1fr;
display:grid;
}
.ylologo_cell-4kk{
border-radius:0.5rem;
border:1px solid #352C4E;
color:#C4B89A;
display:flex;
height:48px;
align-items:center;
font-size:0.813rem;
justify-content:center;
font-weight:700;
}
.ylorc_partner-4kk{
border-radius:0.813rem;
border:1px solid #352C4E;
padding:1.25rem;
background:#151120;
}
.ylorc_partner_name-4kk{
color:#F5EDDA;
font-size:18px;
font-weight:700;
font-family:"Onest", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:6px;
}
.ylorc_partner_text-4kk{
color:#C4B89A;
line-height:1.55;
font-size:0.781rem;
}
@media(max-width:1021px){
.ylorc-4kk{
gap:1.375rem;
grid-template-columns:1fr;
}
.ylorc_press-4kk{
grid-template-columns:repeat(4,1fr);
}
}
.ylorv_head-4kk{
gap:0.75rem;
margin-bottom:18px;
display:flex;
align-items:flex-end;
justify-content:space-between;
flex-wrap:wrap;
}
.ylorv_agg-4kk{
gap:10px;
display:flex;
align-items:center;
}
.ylorv_source-4kk{
font-size:0.781rem;
color:#8A7E68;
}
.ylorv_grid-4kk{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.ylorv_grid-4kk>*{
min-width:0;
}
.yloreview-4kk{
border-radius:0.813rem;
background:#151120;
border:1px solid #352C4E;
padding:24px;
}
.yloreview-4kk .ylostars-4kk{
margin-bottom:0.625rem;
}
.yloreview-4kk p{
font-size:0.906rem;
color:#F5EDDA;
line-height:1.5;
font-weight:600;
margin-bottom:14px;
}
.yloreview_by-4kk{
color:#8A7E68;
font-size:0.781rem;
}
@media(max-width:1024px){
.ylorv_grid-4kk{
grid-template-columns:1fr;
}
}
.ylofooter-4kk{
background:#090711;
padding:40px 28px;
border-top:1px solid #2A2340;
}
.ylofooter_grid-4kk{
grid-template-columns:1.4fr 1fr 1fr 1fr;
gap:2rem;
margin-right:auto;
margin-bottom:28px;
display:grid;
margin-left:auto;
max-width:1400px;
}
.ylofooter_grid-4kk>*{
min-width:0;
}
.ylofooter_grid-4kk h4{
letter-spacing:.12em;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
text-transform:uppercase;
font-size:10px;
color:#5A5144;
margin-bottom:0.813rem;
}
.ylofcol-4kk{
gap:0.563rem;
font-size:0.813rem;
display:flex;
flex-direction:column;
color:#C4B89A;
}
.ylofcol-4kk a{
cursor:pointer;
}
.yloft_about-4kk{
margin-top:0.75rem;
color:#8A7E68;
line-height:1.6;
max-width:260px;
font-size:0.813rem;
}
.yloft_contact-4kk{
font-size:0.781rem;
color:#D4A017;
overflow-wrap:anywhere;
margin-top:12px;
font-family:"Spline Sans Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.ylofooter_bottom-4kk{
margin:0 auto;
gap:16px;
align-items:center;
display:flex;
padding-top:20px;
flex-wrap:wrap;
border-top:1px solid #2A2340;
justify-content:space-between;
max-width:1400px;
}
.ylofooter_bottom-4kk p{
max-width:45rem;
color:#5A5144;
font-size:0.688rem;
line-height:1.6;
}
@media(max-width:1024px){
.ylofooter_grid-4kk{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:561px){
.ylofooter_grid-4kk{
grid-template-columns:1fr;
}
}