*{
padding:0;
margin:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#0A1117;
text-rendering:optimizeLegibility;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
-webkit-font-smoothing:antialiased;
font-size:0.938rem;
line-height:1.55;
overflow-wrap:break-word;
color:#9DB8C4;
}
img{
max-width:100%;
display:block;
}
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(5, 12, 18, 0.72);
border-radius:0.5rem;
}
::-webkit-scrollbar-track{
background:transparent;
}
.ylj_shell-l1b{
grid-template-columns:248px 1fr;
display:grid;
min-height:100vh;
}
.ylj_main-l1b{
min-width:0;
}
.ylj_wrap-l1b{
margin:0 auto;
max-width:1400px;
width:100%;
}
.ylj_container-l1b{
margin:0 auto;
padding:0 16px;
max-width:1400px;
width:100%;
}
@media(min-width:769px){
.ylj_container-l1b{
padding:0 1.75rem;
}
}
.ylj_section-l1b{
padding:24px 28px;
}
.ylj_section_pt-l1b{
padding-top:34px;
}
.ylj_band_soft-l1b{
background:#0F1820;
}
.ylj_eyebrow-l1b{
color:#00CDD9;
display:inline-block;
line-height:1.4;
letter-spacing:.14em;
font-weight:600;
overflow-wrap:break-word;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
text-transform:uppercase;
font-size:10.5px;
}
.ylj_drawer_cb-l1b{
display:none;
}
.ylj_overlay-l1b{
display:none;
}
@media(max-width:1021px){
.ylj_shell-l1b{
grid-template-columns:1fr;
}
.ylj_main-l1b{
padding-bottom:4.875rem;
}
.ylj_drawer_cb-l1b:checked~.ylj_overlay-l1b{
background:rgba(5, 12, 18, 0.72);
inset:0;
position:fixed;
display:block;
z-index:70;
}
}
@media(max-width:559px){
.ylj_section-l1b{
padding:18px 16px;
}
.ylj_section_pt-l1b{
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 ---------- */
.ylj_side-l1b{
padding:22px 1.125rem;
gap:22px;
background:#0D1922;
height:100vh;
flex-direction:column;
display:flex;
border-right:1px solid #152330;
overflow-y:auto;
align-self:start;
position:sticky;
top:0;
}
.ylj_brand-l1b{
gap:10px;
align-items:center;
display:flex;
}
.ylj_logo-l1b{
color:#E8F4F7;
font-weight:700;
letter-spacing:-.02em;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
font-size:21px;
}
.ylj_side_cta-l1b{
border:1px solid #1C3040;
background:rgba(0, 205, 217, 0.11);
padding:1rem;
border-radius:13px;
}
.ylj_side_cta_h-l1b{
color:#E8F4F7;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
line-height:1.15;
margin-bottom:0.375rem;
font-size:17px;
}
.ylj_side_cta_p-l1b{
margin-bottom:12px;
line-height:1.45;
font-size:12px;
color:#9DB8C4;
}
.ylj_nav-l1b{
gap:3px;
display:flex;
flex-direction:column;
}
.ylj_nav_label-l1b{
padding:0.375rem 0.625rem;
font-size:9.5px;
text-transform:uppercase;
letter-spacing:.14em;
color:#3A5562;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.ylj_nav_item-l1b{
gap:11px;
padding:10px;
border-radius:0.5rem;
display:flex;
font-size:0.875rem;
align-items:center;
font-weight:500;
color:#9DB8C4;
}
.ylj_nav_item-l1b svg{
height:1.063rem;
width:17px;
}
.ylj_nav_item-l1b:hover{
background:rgba(0, 205, 217, 0.11);
color:#E8F4F7;
}
.ylj_nav_item_on-l1b{
background:rgba(0, 205, 217, 0.11);
color:#00CDD9;
font-weight:600;
}
.ylj_side_foot-l1b{
border:1px solid #1C3040;
border-radius:0.813rem;
background:#0F1820;
padding:0.75rem;
margin-top:auto;
}
.ylj_side_foot-l1b p{
color:#9DB8C4;
font-size:12.5px;
line-height:1.4;
margin-top:0.25rem;
}
/* ---------- topbar ---------- */
.ylj_top-l1b{
padding:14px 1.75rem;
background:#0D1922;
gap:16px;
z-index:40;
border-bottom:1px solid #152330;
align-items:center;
position:sticky;
top:0;
display:flex;
}
.ylj_top_brand-l1b{
gap:9px;
align-items:center;
display:none;
}
.ylj_search-l1b{
background:#0F1820;
border:1px solid #1C3040;
gap:10px;
flex:1;
padding:0.688rem 0.875rem;
border-radius:13px;
max-width:27.5rem;
font-size:0.844rem;
color:#5E8494;
align-items:center;
display:flex;
}
.ylj_search-l1b svg{
flex:none;
height:16px;
width:1rem;
}
.ylj_top_actions-l1b{
gap:12px;
margin-left:auto;
display:flex;
align-items:center;
}
.ylj_lang-l1b{
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#9DB8C4;
font-size:12px;
}
.ylj_burger-l1b{
background:#0F1820;
border:1px solid #1C3040;
border-radius:0.5rem;
height:40px;
align-items:center;
display:none;
justify-content:center;
width:40px;
color:#E8F4F7;
}
/* ---------- bottom-nav (mobile) ---------- */
.ylj_botnav-l1b{
display:none;
}
@media(max-width:1021px){
.ylj_side-l1b{
transition:transform .25s ease;
position:fixed;
transform:translateX(-100%);
left:0;
width:17.5rem;
z-index:80;
top:0;
height:100vh;
}
.ylj_drawer_cb-l1b:checked~.ylj_shell-l1b .ylj_side-l1b{
transform:translateX(0);
}
.ylj_top-l1b{
gap:0.75rem;
padding:14px 16px;
flex-wrap:wrap;
position:static;
}
.ylj_top_brand-l1b{
display:flex;
}
.ylj_search-l1b{
display:none;
}
.ylj_burger-l1b{
display:flex;
}
.ylj_top_actions-l1b{
gap:10px;
width:100%;
margin-left:0;
align-items:stretch;
}
.ylj_top_actions-l1b .ylj_lang-l1b{
display:none;
}
.ylj_top_actions-l1b .ylj_btn-l1b{
padding:11px 0.625rem;
flex:1;
text-align:center;
}
.ylj_botnav-l1b{
background:#0D1922;
padding:8px 6px calc(8px + env(safe-area-inset-bottom));
grid-template-columns:repeat(3,1fr);
transform:translateZ(0);
left:0;
right:0;
bottom:0;
border-top:1px solid #1C3040;
display:grid;
z-index:65;
position:fixed;
}
.ylj_bn-l1b{
gap:4px;
padding:6px 2px 0;
align-items:center;
flex-direction:column;
display:flex;
min-width:0;
font-size:0.625rem;
font-weight:600;
justify-content:flex-end;
color:#9DB8C4;
}
.ylj_bn-l1b svg{
flex:none;
height:22px;
width:1.375rem;
}
.ylj_bn-l1b span{
overflow:hidden;
white-space:nowrap;
max-width:100%;
text-overflow:ellipsis;
text-align:center;
}
.ylj_bn_on-l1b{
color:#00CDD9;
}
.ylj_bn_center-l1b{
position:relative;
}
.ylj_bn_fab-l1b{
background:#00D8E8;
border-radius:50%;
height:3.125rem;
color:#051215;
position:absolute;
transform:translateX(-50%);
width:3.125rem;
top:-1.25rem;
display:flex;
left:50%;
justify-content:center;
align-items:center;
box-shadow:0 0.5rem 40px rgba(0, 0, 0, 0.62), 0 2px 8px rgba(0, 216, 232, 0.18);
}
.ylj_bn_fab-l1b svg{
height:1.5rem;
width:1.5rem;
}
.ylj_bn_center-l1b span{
color:#00CDD9;
}
}
.ylj_btn-l1b{
transition:background-color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease,color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
padding:11px 22px;
gap:8px;
border-radius:8px;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
display:inline-flex;
align-items:center;
font-size:0.875rem;
cursor:pointer;
justify-content:center;
font-weight:700;
}
.ylj_btn_pri-l1b{
background:#00D8E8;
color:#051215;
box-shadow:0 0 18px rgba(0, 216, 232, 0.45), 0 4px 12px rgba(0, 0, 0, 0.40);
}
.ylj_btn_pri-l1b:hover{
background:#00B8C6;
}
.ylj_btn_ghost-l1b{
background:rgba(0, 205, 217, 0.11);
font-weight:600;
color:#E8F4F7;
}
.ylj_btn_line-l1b{
border:1px solid #254555;
background:transparent;
font-weight:600;
color:#E8F4F7;
}
.ylj_btn_lg-l1b{
padding:1rem 1.875rem;
border-radius:0.813rem;
font-size:0.938rem;
}
.ylj_band-l1b .ylj_btn_line-l1b{
border-color:rgba(255, 255, 255, 0.12);
color:#E8F6FA;
}
.ylj_band-l1b .ylj_btn_ghost-l1b{
background:rgba(255, 255, 255, 0.07);
color:#E8F6FA;
}
.ylj_link_m-l1b{
gap:5px;
align-items:center;
cursor:pointer;
text-decoration:none;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
display:inline-flex;
font-size:0.75rem;
color:#00CDD9;
}
.ylj_link_m-l1b svg{
width:14px;
height:0.875rem;
}
.ylj_band-l1b .ylj_link_m-l1b{
color:#00D8E8;
}
.ylj_dot-l1b{
flex:none;
background:#00CDD9;
border-radius:50%;
width:0.438rem;
height:0.438rem;
}
.ylj_dot_live-l1b{
background:#E8323A;
animation:zm3-pulse 1.4s infinite;
}
.ylj_stars-l1b{
gap:2px;
color:#00CDD9;
display:inline-flex;
}
.ylj_stars-l1b svg{
width:15px;
height:15px;
}
.ylj_chip-l1b{
padding:0.438rem 12px;
border:1px solid #1C3040;
border-radius:0.5rem;
background:#0F1820;
gap:6px;
font-size:11px;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
align-items:center;
display:inline-flex;
color:#9DB8C4;
}
.ylj_chip_on-l1b{
background:rgba(0, 205, 217, 0.11);
border-color:transparent;
color:#00CDD9;
}
.ylj_gc-l1b{
display:block;
color:inherit;
text-decoration:none;
min-width:0;
cursor:pointer;
}
.ylj_gc_thumb-l1b{
border:1px solid #1C3040;
overflow:hidden;
border-radius:13px;
position:relative;
background-position:center;
aspect-ratio:1;
background-size:cover;
display:block;
}
.ylj_gc_thumb_portrait-l1b{
aspect-ratio:3/4;
}
.ylj_gc_thumb_wide-l1b{
aspect-ratio:16/11;
}
.ylj_gc_cap-l1b{
padding:0.563rem;
background:linear-gradient(transparent,rgba(5, 12, 18, 0.72));
right:0;
position:absolute;
bottom:0;
left:0;
}
.ylj_gc_name-l1b{
font-weight:700;
display:block;
color:#E8F6FA;
font-size:0.781rem;
}
.ylj_gc_meta-l1b{
font-size:11px;
color:#7AABB8;
}
.ylj_gc_badge-l1b{
border-radius:0.5rem;
padding:2px 6px;
background:#00CDD9;
font-weight:700;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:8px;
color:#051215;
position:absolute;
right:0.5rem;
top:0.5rem;
}
.ylj_gc_badge_hot-l1b{
background:#E8323A;
color:#E8F6FA;
}
.ylj_gc_badge_live-l1b{
background:#E8323A;
color:#E8F6FA;
left:8px;
right:auto;
}
.ylj_gc_mult-l1b{
inset:0;
position:absolute;
color:#00CDD9;
font-weight:700;
display:flex;
justify-content:center;
align-items:center;
font-size:1.75rem;
}
.ylj_pc-l1b{
background:#0F1820;
border-radius:0.813rem;
border:1px solid #1C3040;
font-weight:700;
font-size:14px;
align-items:center;
height:4rem;
justify-content:center;
display:flex;
color:#9DB8C4;
}
.ylj_rail-l1b{
min-width:0;
}
.ylj_rail_scroll-l1b{
gap:0.875rem;
display:grid;
}
.ylj_rail_scroll-l1b>*{
min-width:0;
}
.ylj_g6-l1b{
grid-template-columns:repeat(6,1fr);
}
.ylj_g7-l1b{
grid-template-columns:repeat(7,1fr);
}
.ylj_g4-l1b{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1024px){
.ylj_g6-l1b,.ylj_g7-l1b{
grid-template-columns:none;
grid-auto-columns:7.5rem;
grid-auto-flow:column;
scroll-snap-type:x mandatory;
overflow-x:auto;
padding-bottom:0.375rem;
}
.ylj_g6-l1b>*,.ylj_g7-l1b>*{
scroll-snap-align:start;
}
.ylj_g4-l1b{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:559px){
.ylj_g4-l1b{
grid-template-columns:none;
grid-auto-flow:column;
overflow-x:auto;
grid-auto-columns:9.375rem;
}
}
.ylj_panel-l1b{
border-radius:20px;
border:1px solid #1C3040;
background:#0F1820;
padding:28px 2rem;
}
.ylj_split-l1b{
gap:36px;
align-items:start;
display:grid;
}
.ylj_split-l1b>*{
min-width:0;
}
.ylj_split_a-l1b{
grid-template-columns:.85fr 1.15fr;
}
.ylj_split_b-l1b{
grid-template-columns:1fr 1.1fr;
}
.ylj_split_c-l1b{
grid-template-columns:1.1fr .9fr;
}
.ylj_pgrid-l1b{
grid-template-columns:.9fr 1.1fr;
gap:2.5rem;
align-items:center;
display:grid;
}
.ylj_pgrid-l1b>*{
min-width:0;
}
.ylj_lead-l1b{
line-height:1.65;
color:#9DB8C4;
font-size:0.938rem;
margin-bottom:0.875rem;
}
.ylj_feat-l1b{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.ylj_feat-l1b>*{
min-width:0;
}
.ylj_feat2-l1b{
grid-template-columns:1fr 1fr;
}
.ylj_feat_card-l1b{
border:1px solid #1C3040;
padding:26px;
border-radius:20px;
background:#0F1820;
}
.ylj_feat_card-l1b svg{
width:1.625rem;
height:1.625rem;
color:#00CDD9;
margin-bottom:16px;
}
.ylj_feat_card-l1b h3{
color:#E8F4F7;
margin-bottom:8px;
font-weight:700;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
font-size:18px;
}
.ylj_feat_card-l1b p{
color:#9DB8C4;
line-height:1.6;
font-size:0.813rem;
}
.ylj_feat_card-l1b b{
color:#E8F4F7;
}
.ylj_big-l1b{
gap:1.375rem;
flex-wrap:wrap;
display:flex;
}
.ylj_big_n-l1b{
color:#00CDD9;
font-weight:700;
font-size:1.625rem;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
}
.ylj_big_l-l1b{
color:#5E8494;
font-size:0.75rem;
}
.ylj_person-l1b{
border:1px solid #1C3040;
padding:1rem 1.125rem;
border-radius:0.813rem;
gap:14px;
background:#0F1820;
display:flex;
align-items:center;
}
.ylj_avatar-l1b{
flex:none;
border-radius:50%;
background:linear-gradient(135deg,#00CDD9,#007F8C);
width:44px;
height:2.75rem;
}
.ylj_person_name-l1b{
color:#E8F4F7;
font-weight:700;
font-size:14px;
}
.ylj_person_role-l1b{
font-size:0.75rem;
color:#5E8494;
}
.ylj_kv-l1b{
gap:1px;
overflow:hidden;
background:#1C3040;
border-radius:13px;
border:1px solid #1C3040;
grid-template-columns:1fr 1fr;
display:grid;
}
.ylj_kv-l1b>div{
padding:16px 1.125rem;
background:#0A1117;
min-width:0;
}
.ylj_kv_k-l1b{
font-size:9.5px;
margin-bottom:5px;
color:#00CDD9;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
text-transform:uppercase;
}
.ylj_kv_v-l1b{
font-size:0.844rem;
font-weight:700;
color:#E8F4F7;
}
@media(max-width:1024px){
.ylj_split_a-l1b,.ylj_split_b-l1b,.ylj_split_c-l1b,.ylj_pgrid-l1b{
grid-template-columns:1fr;
gap:24px;
}
.ylj_feat-l1b,.ylj_feat2-l1b{
grid-template-columns:1fr;
}
.ylj_kv-l1b{
grid-template-columns:1fr;
}
}
.ylj_sh-l1b{
min-width:0;
margin-bottom:16px;
}
.ylj_sh_row-l1b{
gap:12px;
display:flex;
justify-content:space-between;
align-items:flex-end;
flex-wrap:wrap;
}
.ylj_sh_row-l1b .ylj_sh_l-l1b{
gap:6px;
display:flex;
min-width:0;
flex-direction:column;
}
.ylj_sh_stack-l1b{
gap:10px;
align-items:flex-start;
display:flex;
flex-direction:column;
}
.ylj_sh_center-l1b{
gap:0.625rem;
flex-direction:column;
align-items:center;
text-align:center;
display:flex;
}
.ylj_sh_h2-l1b{
gap:9px;
display:flex;
align-items:center;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
font-size:1.25rem;
color:#E8F4F7;
overflow-wrap:break-word;
line-height:1.1;
}
@media(min-width:769px){
.ylj_sh_h2-l1b{
font-size:1.5rem;
}
}
.ylj_band-l1b .ylj_sh_h2-l1b{
color:#E8F6FA;
}
.ylj_eb_mono-l1b{
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
letter-spacing:.08em;
text-transform:none;
}
.ylj_eb_mono-l1b::before{
content:"// ";
}
.ylj_eb_upper-l1b{
text-transform:uppercase;
letter-spacing:.14em;
}
.ylj_eb_pill-l1b{
background:rgba(0, 205, 217, 0.11);
border-radius:999px;
padding:0.313rem 11px;
text-transform:uppercase;
letter-spacing:.12em;
}
.ylj_eb_line-l1b{
gap:0.625rem;
align-items:center;
display:inline-flex;
}
.ylj_eb_line-l1b::before{
background:#00CDD9;
display:inline-block;
content:"";
width:24px;
height:1px;
}
.ylj_band-l1b .ylj_eb_line-l1b::before{
background:#00D8E8;
}
.ylj_band-l1b .ylj_eb_pill-l1b{
background:rgba(255, 255, 255, 0.07);
}
.ylj_sh_link-l1b{
transition:color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease,border-color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
gap:6px;
color:#E8F4F7;
font-size:13px;
font-weight:600;
padding-bottom:2px;
white-space:nowrap;
align-items:center;
display:inline-flex;
border-bottom:1px solid #E8F4F7;
}
.ylj_sh_link-l1b:hover{
border-color:#00CDD9;
color:#00CDD9;
}
.ylj_sh_link-l1b svg{
height:0.875rem;
width:0.875rem;
}
.ylj_sh_link_chev-l1b{
padding-bottom:0;
font-size:0.75rem;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#00CDD9;
border-bottom:0;
}
.ylj_sh_link_btn-l1b{
background:#00D8E8;
padding:0.563rem 18px;
border-radius:999px;
border-bottom:0;
color:#051215;
}
.ylj_sh_link_btn-l1b:hover{
background:#00B8C6;
border-color:transparent;
}
.ylj_band-l1b .ylj_sh_link-l1b{
border-color:#E8F6FA;
color:#E8F6FA;
}
.ylj_band-l1b .ylj_sh_link_chev-l1b{
color:#00D8E8;
}
.ylj_sh_rule-l1b{
background:#1C3040;
margin:-2px 0 16px;
height:1px;
}
.ylj_band-l1b .ylj_sh_rule-l1b{
background:rgba(255, 255, 255, 0.12);
}
.ylj_seo_grid3-l1b{
grid-template-columns:repeat(3,1fr);
gap:20px;
display:grid;
}
.ylj_seo_grid4-l1b{
grid-template-columns:repeat(4,1fr);
gap:0.813rem;
display:grid;
}
.ylj_seo_grid3-l1b>*,.ylj_seo_grid4-l1b>*{
min-width:0;
}
.ylj_seo_card-l1b{
border:1px solid #1C3040;
background:#0F1820;
padding:24px;
border-radius:0.813rem;
}
.ylj_seo_card-l1b h3{
color:#E8F4F7;
font-size:18px;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:0.5rem;
font-weight:700;
}
.ylj_seo_card-l1b p{
color:#9DB8C4;
font-size:0.813rem;
line-height:1.6;
}
.ylj_seo_card_sm-l1b{
padding:1.25rem;
}
.ylj_seo_card_sm-l1b h3{
font-size:16px;
}
.ylj_seo_card_sm-l1b p{
font-size:0.781rem;
line-height:1.55;
}
.ylj_seo_rtp_row-l1b{
grid-template-columns:1fr 1fr;
gap:36px;
margin-top:16px;
align-items:center;
display:grid;
}
.ylj_rtp-l1b{
gap:14px;
display:flex;
min-width:0;
}
.ylj_rtp-l1b>div{
flex:1;
padding:1rem;
border-radius:0.813rem;
background:#0A1117;
min-width:0;
text-align:center;
}
.ylj_rtp_n-l1b{
white-space:nowrap;
font-size:26px;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
color:#00CDD9;
}
.ylj_rtp_l-l1b{
margin-top:0.25rem;
font-size:0.688rem;
color:#5E8494;
}
.ylj_cmp-l1b{
border:1px solid #1C3040;
border-radius:0.813rem;
overflow:hidden;
max-width:47.5rem;
}
.ylj_cmp_row-l1b{
grid-template-columns:1.6fr 1fr 1fr;
font-size:13px;
display:grid;
}
.ylj_cmp_row-l1b>div{
padding:0.813rem 0.875rem;
min-width:0;
text-align:center;
}
.ylj_cmp_row-l1b>div:first-child{
text-align:left;
font-weight:600;
padding-left:22px;
color:#E8F4F7;
}
.ylj_cmp_th-l1b{
background:#0A1117;
font-size:0.781rem;
font-weight:700;
}
.ylj_cmp_row-l1b:not(.ylj_cmp_th-l1b){
background:#0F1820;
color:#9DB8C4;
border-top:1px solid #152330;
}
.ylj_cmp_zebra-l1b{
background:#0C1419;
}
.ylj_guide-l1b{
border:1px solid #1C3040;
background:#0F1820;
overflow:hidden;
border-radius:13px;
cursor:pointer;
}
.ylj_guide_cover-l1b{
height:130px;
}
.ylj_guide_body-l1b{
padding:20px;
}
.ylj_guide_body-l1b h3{
margin:0.438rem 0 0.563rem;
line-height:1.25;
font-size:1rem;
font-weight:700;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
color:#E8F4F7;
}
.ylj_guide_meta-l1b{
font-size:0.719rem;
color:#5E8494;
}
.ylj_hub-l1b{
gap:28px;
grid-template-columns:repeat(5,1fr);
border-top:1px solid #152330;
display:grid;
padding-top:28px;
}
.ylj_hub-l1b>*{
min-width:0;
}
.ylj_hub-l1b h4{
color:#E8F4F7;
font-weight:700;
font-size:13px;
margin-bottom:11px;
}
.ylj_hub_col-l1b{
gap:8px;
color:#9DB8C4;
font-size:0.813rem;
display:flex;
flex-direction:column;
}
.ylj_hub_col-l1b a{
cursor:pointer;
}
@media(max-width:1027px){
.ylj_seo_grid3-l1b{
grid-template-columns:1fr;
}
.ylj_seo_grid4-l1b{
grid-template-columns:repeat(2,1fr);
}
.ylj_seo_rtp_row-l1b{
gap:1.25rem;
grid-template-columns:1fr;
}
.ylj_hub-l1b{
grid-template-columns:repeat(2,1fr);
gap:1.375rem;
}
}
@media(max-width:562px){
.ylj_hub-l1b{
grid-template-columns:1fr;
}
}
.ylj_tk-l1b{
overflow:hidden;
background:#070D12;
display:flex;
border-bottom:1px solid #152330;
align-items:center;
}
.ylj_tk_tag-l1b{
gap:8px;
flex:none;
background:#0F1820;
padding:0.688rem 18px;
text-transform:uppercase;
font-weight:600;
color:#E8323A;
display:flex;
align-items:center;
font-size:10.5px;
letter-spacing:.1em;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
border-right:1px solid #152330;
}
.ylj_tk_rail-l1b{
flex:1;
overflow:hidden;
}
.ylj_tk_track-l1b{
gap:28px;
animation:zm3-marquee 26s linear infinite;
padding:0.688rem 14px;
white-space:nowrap;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:0.75rem;
width:max-content;
color:#9DB8C4;
display:flex;
}
.ylj_tk_track-l1b b{
color:#00CDD9;
}
.ylj_hero-l1b{
border:1px solid #1C3040;
border-radius:1.25rem;
background:linear-gradient(120deg,#071318,#060F1C);
padding:46px 48px;
overflow:hidden;
position:relative;
color:#E8F6FA;
}
.ylj_hero_glow-l1b{
background:radial-gradient(circle,rgba(0, 210, 220, 0.22),transparent 70%);
border-radius:50%;
position:absolute;
right:-60px;
top:-60px;
height:21.25rem;
width:340px;
}
.ylj_hero_in-l1b{
max-width:37.5rem;
position:relative;
}
.ylj_hero-l1b .ylj_eyebrow-l1b{
color:#00D8E8;
}
.ylj_pill_row-l1b{
gap:0.5rem;
border-radius:999px;
padding:6px 0.813rem;
background:rgba(255, 255, 255, 0.07);
border:1px solid rgba(255, 255, 255, 0.12);
text-transform:uppercase;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
letter-spacing:.1em;
align-items:center;
font-size:0.656rem;
margin-bottom:22px;
color:#00D8E8;
display:inline-flex;
}
.ylj_hero_h1-l1b{
margin:1.125rem 0;
color:#E8F6FA;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
overflow-wrap:break-word;
letter-spacing:-.02em;
font-size:54px;
line-height:1.02;
font-weight:700;
}
.ylj_hero_h1-l1b em{
font-style:normal;
color:#00D8E8;
}
.ylj_hero_sub-l1b{
max-width:480px;
margin-bottom:1.75rem;
line-height:1.55;
color:#7AABB8;
font-size:17px;
}
.ylj_hero_cta-l1b{
gap:14px;
flex-wrap:wrap;
align-items:center;
margin-bottom:26px;
display:flex;
}
.ylj_hero_trust-l1b{
gap:0.875rem;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.ylj_hero_rating_txt-l1b{
color:#7AABB8;
font-size:0.813rem;
}
@media(max-width:1025px){
.ylj_hero-l1b{
padding:2rem 1.5rem;
}
.ylj_hero_h1-l1b{
font-size:2.375rem;
}
}
@media(max-width:561px){
.ylj_hero_h1-l1b{
font-size:1.875rem;
}
}
.ylj_tabs-l1b{
gap:9px;
flex-wrap:wrap;
display:flex;
}
.ylj_tab-l1b{
background:#0F1820;
border-radius:8px;
border:1px solid #1C3040;
padding:0.625rem 1.125rem;
cursor:pointer;
font-weight:600;
color:#9DB8C4;
font-size:0.813rem;
}
.ylj_tab_on-l1b{
background:#00D8E8;
border-color:transparent;
font-weight:700;
color:#051215;
}
.ylj_stat-l1b{
grid-template-columns:repeat(4,1fr);
gap:14px;
display:grid;
}
.ylj_stat-l1b>*{
min-width:0;
}
.ylj_stat_item-l1b{
border:1px solid #1C3040;
border-radius:13px;
padding:18px 1.25rem;
background:#0F1820;
}
.ylj_stat_k-l1b{
text-transform:uppercase;
color:#5E8494;
letter-spacing:.12em;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
margin-bottom:7px;
font-size:9.5px;
}
.ylj_stat_v-l1b{
gap:0.5rem;
color:#E8F4F7;
font-weight:700;
min-width:0;
display:flex;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
align-items:center;
font-size:1.5rem;
overflow-wrap:anywhere;
}
.ylj_stat_v_accent-l1b{
color:#00CDD9;
}
@media(max-width:1025px){
.ylj_stat-l1b{
grid-template-columns:repeat(2,1fr);
}
}
.ylj_wlc-l1b{
padding:2.25rem 2.5rem;
gap:1.5rem;
grid-template-columns:1.2fr .8fr;
overflow:hidden;
border-radius:1.25rem;
background:linear-gradient(120deg,#071318,#060F1C);
border:1px solid #1C3040;
align-items:center;
color:#E8F6FA;
position:relative;
display:grid;
}
.ylj_wlc-l1b>*{
min-width:0;
}
.ylj_wlc-l1b .ylj_eyebrow-l1b{
color:#00D8E8;
}
.ylj_wlc_glow-l1b{
background:radial-gradient(circle,rgba(0, 210, 220, 0.22),transparent 70%);
border-radius:50%;
right:-40px;
position:absolute;
height:260px;
top:-40px;
width:16.25rem;
}
.ylj_wlc_in-l1b{
position:relative;
}
.ylj_wlc_h2-l1b{
margin:0.625rem 0 0.5rem;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
overflow-wrap:break-word;
line-height:1.03;
color:#E8F6FA;
font-weight:700;
font-size:2.125rem;
}
.ylj_wlc_h2-l1b em{
font-style:normal;
color:#00D8E8;
}
.ylj_wlc_sub-l1b{
color:#7AABB8;
margin-bottom:18px;
max-width:420px;
font-size:14px;
line-height:1.55;
}
.ylj_wlc_terms-l1b{
gap:10px;
display:flex;
flex-direction:column;
position:relative;
}
.ylj_term-l1b{
border:1px solid rgba(255, 255, 255, 0.12);
border-radius:13px;
padding:0.813rem 15px;
gap:0.688rem;
background:rgba(255, 255, 255, 0.07);
display:flex;
align-items:center;
}
.ylj_term-l1b svg{
flex:none;
width:20px;
height:1.25rem;
color:#00D8E8;
}
.ylj_term_k-l1b{
color:#7AABB8;
letter-spacing:.1em;
text-transform:uppercase;
font-size:0.594rem;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.ylj_term_v-l1b{
font-weight:700;
color:#E8F6FA;
font-size:0.875rem;
margin-top:2px;
}
@media(max-width:1021px){
.ylj_wlc-l1b{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.ylj_wlc_h2-l1b{
font-size:1.625rem;
}
}
.ylj_jp-l1b{
grid-template-columns:1.5fr 1fr 1fr;
gap:14px;
display:grid;
}
.ylj_jp-l1b>*{
min-width:0;
}
.ylj_jp_hero-l1b{
padding:1.625rem;
border:1px solid #1C3040;
overflow:hidden;
border-radius:20px;
gap:0.875rem;
background:linear-gradient(135deg,#071318,#060F1C);
min-height:11.25rem;
display:flex;
color:#E8F6FA;
flex-direction:column;
justify-content:space-between;
position:relative;
}
.ylj_jp_glow-l1b{
border-radius:50%;
background:radial-gradient(circle,rgba(0, 210, 220, 0.22),transparent 70%);
height:11.25rem;
right:-40px;
width:11.25rem;
position:absolute;
top:-2.5rem;
}
.ylj_jp_k_row-l1b{
gap:0.625rem;
justify-content:space-between;
position:relative;
align-items:center;
display:flex;
}
.ylj_jp_k-l1b{
font-size:10px;
text-transform:uppercase;
color:#5E8494;
letter-spacing:.12em;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.ylj_jp_hero-l1b .ylj_jp_k-l1b{
color:#7AABB8;
}
.ylj_jp_amt-l1b{
position:relative;
line-height:1;
font-size:42px;
font-weight:700;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
color:#00D8E8;
}
.ylj_jp_sub-l1b{
margin-top:0.313rem;
color:#7AABB8;
font-size:0.75rem;
}
.ylj_jp_cell-l1b{
border:1px solid #1C3040;
padding:22px;
border-radius:20px;
background:#0F1820;
min-height:180px;
flex-direction:column;
justify-content:space-between;
display:flex;
}
.ylj_jp_cell-l1b .ylj_jp_amt-l1b{
color:#E8F4F7;
font-size:30px;
}
.ylj_jp_cell-l1b .ylj_jp_sub-l1b{
color:#5E8494;
}
@media(max-width:1021px){
.ylj_jp-l1b{
grid-template-columns:1fr;
}
}
@media(max-width:557px){
.ylj_jp_amt-l1b{
font-size:2rem;
}
}
.ylj_steps-l1b{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.ylj_steps-l1b>*{
min-width:0;
}
.ylj_step-l1b{
padding:1.5rem;
border:1px solid #1C3040;
background:#0F1820;
border-radius:0.813rem;
position:relative;
}
.ylj_step_num-l1b{
border-radius:8px;
background:#00D8E8;
margin-bottom:0.875rem;
display:flex;
align-items:center;
justify-content:center;
color:#051215;
height:1.875rem;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:0.813rem;
width:1.875rem;
font-weight:700;
}
.ylj_step_h-l1b{
font-size:16px;
color:#E8F4F7;
font-weight:700;
margin-bottom:0.438rem;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
}
.ylj_step_p-l1b{
line-height:1.55;
color:#9DB8C4;
font-size:0.813rem;
}
@media(max-width:1025px){
.ylj_steps-l1b{
grid-template-columns:1fr;
}
}
.ylj_promo_grid-l1b{
grid-template-columns:repeat(3,1fr);
gap:16px;
display:grid;
}
.ylj_promo_grid-l1b>*{
min-width:0;
}
.ylj_promo-l1b{
border-radius:1.25rem;
overflow:hidden;
background:#0F1820;
padding:1.5rem;
border:1px solid #1C3040;
position:relative;
min-height:9.375rem;
}
.ylj_promo_h-l1b{
color:#E8F4F7;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
line-height:1.05;
margin-top:0.375rem;
font-weight:700;
font-size:1.625rem;
}
.ylj_promo_h-l1b em{
color:#00CDD9;
font-style:normal;
}
.ylj_promo_p-l1b{
color:#9DB8C4;
line-height:1.5;
font-size:12.5px;
margin-top:0.5rem;
}
.ylj_promo_feat-l1b{
background:linear-gradient(135deg,#071318,#060F1C);
border-color:#1C3040;
}
.ylj_promo_feat-l1b .ylj_promo_h-l1b{
color:#E8F6FA;
}
.ylj_promo_feat-l1b .ylj_promo_h-l1b em{
color:#00D8E8;
}
.ylj_promo_feat-l1b .ylj_promo_p-l1b{
color:#7AABB8;
}
.ylj_promo_feat-l1b .ylj_eyebrow-l1b{
color:#00D8E8;
}
@media(max-width:1027px){
.ylj_promo_grid-l1b{
grid-template-columns:1fr;
}
}
.ylj_vip_head-l1b{
gap:0.75rem;
align-items:flex-end;
margin-bottom:1.125rem;
flex-wrap:wrap;
justify-content:space-between;
display:flex;
}
.ylj_vip_intro-l1b{
max-width:420px;
font-size:0.813rem;
color:#9DB8C4;
}
.ylj_vip-l1b{
gap:12px;
grid-template-columns:repeat(5,1fr);
display:grid;
}
.ylj_vip-l1b>*{
min-width:0;
}
.ylj_tier-l1b{
background:#0F1820;
border-radius:13px;
padding:1.25rem;
border:1px solid #1C3040;
}
.ylj_tier_on-l1b{
border-color:#00CDD9;
background:rgba(0, 205, 217, 0.11);
}
.ylj_tier_medal-l1b{
border-radius:0.5rem;
background:linear-gradient(135deg,#00CDD9,#007F8C);
height:1.875rem;
margin-bottom:14px;
width:30px;
}
.ylj_tier_name-l1b{
font-weight:700;
color:#E8F4F7;
font-size:15px;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:5px;
}
.ylj_tier_tx-l1b{
color:#5E8494;
line-height:1.5;
font-size:0.719rem;
}
@media(max-width:1022px){
.ylj_vip-l1b{
grid-template-columns:repeat(2,1fr);
}
}
.ylj_gm-l1b{
grid-template-columns:1.3fr 1fr;
gap:1rem;
display:grid;
}
.ylj_gm-l1b>*{
min-width:0;
}
.ylj_gm_panel-l1b{
background:#0F1820;
border:1px solid #1C3040;
padding:1.75rem;
border-radius:20px;
}
.ylj_gm_h2-l1b{
margin:0.625rem 0 0.5rem;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
color:#E8F4F7;
font-size:24px;
font-weight:700;
}
.ylj_gm_text-l1b{
max-width:440px;
line-height:1.6;
margin-bottom:1.25rem;
color:#9DB8C4;
font-size:13.5px;
}
.ylj_gm_level-l1b{
gap:0.875rem;
display:flex;
align-items:center;
margin-bottom:1rem;
}
.ylj_gm_lv-l1b{
color:#00CDD9;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
font-size:1.5rem;
}
.ylj_gm_bar_wrap-l1b{
flex:1;
min-width:0;
}
.ylj_gm_bar_meta-l1b{
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
margin-bottom:0.313rem;
font-size:10px;
display:flex;
color:#5E8494;
justify-content:space-between;
}
.ylj_bar-l1b{
background:#0A1117;
overflow:hidden;
border-radius:999px;
height:8px;
}
.ylj_bar_fill-l1b{
border-radius:999px;
background:linear-gradient(90deg,#00CDD9,#007F8C);
height:100%;
display:block;
}
.ylj_gm_missions-l1b{
gap:0.563rem;
display:flex;
flex-wrap:wrap;
}
.ylj_gm_refer-l1b{
border:1px solid #1C3040;
overflow:hidden;
border-radius:20px;
background:linear-gradient(150deg,#071318,#060F1C);
padding:1.75rem;
position:relative;
justify-content:space-between;
display:flex;
color:#E8F6FA;
flex-direction:column;
}
.ylj_gm_refer-l1b .ylj_eyebrow-l1b{
color:#00D8E8;
}
.ylj_gm_ref_h2-l1b{
margin:10px 0 8px;
color:#E8F6FA;
font-size:1.5rem;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
line-height:1.1;
font-weight:700;
}
.ylj_gm_ref_h2-l1b em{
color:#00D8E8;
font-style:normal;
}
.ylj_gm_ref_text-l1b{
font-size:0.813rem;
margin-bottom:18px;
color:#7AABB8;
line-height:1.55;
}
@media(max-width:1027px){
.ylj_gm-l1b{
grid-template-columns:1fr;
}
}
.ylj_pay_logos-l1b{
grid-template-columns:repeat(4,1fr);
gap:9px;
display:grid;
}
.ylj_pay_logos-l1b>*{
min-width:0;
}
.ylj_pay-l1b{
border:1px solid #1C3040;
border-radius:8px;
height:3rem;
justify-content:center;
font-weight:700;
align-items:center;
display:flex;
font-size:0.75rem;
color:#9DB8C4;
}
.ylj_table-l1b{
border-radius:0.813rem;
border:1px solid #1C3040;
overflow:hidden;
}
.ylj_trow-l1b{
grid-template-columns:1.3fr 1fr 1fr 1fr;
font-size:13px;
display:grid;
}
.ylj_trow-l1b>div{
padding:0.813rem 0.875rem;
min-width:0;
}
.ylj_trow-l1b>div:first-child{
font-weight:700;
color:#E8F4F7;
padding-left:1rem;
}
.ylj_trow_th-l1b{
background:#0A1117;
letter-spacing:.06em;
font-size:0.594rem;
text-transform:uppercase;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#5E8494;
}
.ylj_trow-l1b:not(.ylj_trow_th-l1b){
background:#0F1820;
border-top:1px solid #152330;
color:#9DB8C4;
}
.ylj_trow_zebra-l1b{
background:#0C1419;
}
.ylj_pos-l1b{
font-weight:700;
color:#00CDD9;
}
@media(max-width:1022px){
.ylj_pay_logos-l1b{
grid-template-columns:repeat(2,1fr);
}
}
.ylj_tour-l1b{
border-radius:20px;
border:1px solid #1C3040;
grid-template-columns:1.05fr 1fr;
overflow:hidden;
display:grid;
}
.ylj_tour-l1b>*{
min-width:0;
}
.ylj_tour_l-l1b{
padding:34px;
background:linear-gradient(135deg,#071318,#060F1C);
overflow:hidden;
position:relative;
color:#E8F6FA;
}
.ylj_tour_h2-l1b{
margin:12px 0 10px;
line-height:1.05;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
font-size:1.875rem;
color:#E8F6FA;
font-weight:700;
}
.ylj_tour_h2-l1b em{
font-style:normal;
color:#00D8E8;
}
.ylj_tour_text-l1b{
line-height:1.6;
color:#7AABB8;
max-width:21.25rem;
margin-bottom:20px;
font-size:13.5px;
}
.ylj_tour_meta-l1b{
gap:18px;
flex-wrap:wrap;
display:flex;
align-items:flex-end;
margin-bottom:1.25rem;
}
.ylj_tour_cap-l1b{
font-size:0.594rem;
color:#7AABB8;
margin-bottom:0.313rem;
text-transform:uppercase;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.ylj_count-l1b{
gap:6px;
display:flex;
}
.ylj_count-l1b span{
padding:4px 9px;
background:rgba(255, 255, 255, 0.07);
border:1px solid rgba(255, 255, 255, 0.12);
border-radius:8px;
font-weight:700;
font-size:1.375rem;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.ylj_tour_units-l1b{
font-size:0.625rem;
color:#7AABB8;
}
.ylj_board-l1b{
padding:1.75rem 1.875rem;
background:#0F1820;
}
.ylj_board_head-l1b{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:0.875rem;
}
.ylj_board_title-l1b{
font-weight:700;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
font-size:1rem;
color:#E8F4F7;
}
.ylj_board_upd-l1b{
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
text-transform:uppercase;
font-size:10px;
color:#5E8494;
}
.ylj_board_list-l1b{
gap:2px;
flex-direction:column;
display:flex;
}
.ylj_board_row-l1b{
border-radius:8px;
padding:0.625rem 0.75rem;
gap:0.75rem;
display:flex;
align-items:center;
}
.ylj_board_top1-l1b{
background:rgba(0, 205, 217, 0.11);
}
.ylj_board_rk-l1b{
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:0.875rem;
color:#5E8494;
font-weight:700;
width:20px;
}
.ylj_board_top1-l1b .ylj_board_rk-l1b{
color:#00CDD9;
}
.ylj_board_nm-l1b{
flex:1;
color:#9DB8C4;
min-width:0;
font-size:0.844rem;
font-weight:600;
}
.ylj_board_top1-l1b .ylj_board_nm-l1b{
color:#E8F4F7;
font-weight:700;
}
.ylj_board_pt-l1b{
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:0.781rem;
color:#9DB8C4;
}
@media(max-width:1021px){
.ylj_tour-l1b{
grid-template-columns:1fr;
}
}
@media(max-width:559px){
.ylj_tour_h2-l1b{
font-size:1.5rem;
}
}
.ylj_news-l1b{
gap:24px;
background:linear-gradient(135deg,#071318,#060F1C);
padding:26px 2rem;
border-radius:1.25rem;
border:1px solid #1C3040;
justify-content:space-between;
flex-wrap:wrap;
display:flex;
align-items:center;
color:#E8F6FA;
}
.ylj_news_h3-l1b{
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
font-size:20px;
font-weight:700;
margin-bottom:0.25rem;
color:#E8F6FA;
}
.ylj_news_text-l1b{
font-size:13px;
color:#7AABB8;
}
.ylj_news_form-l1b{
gap:0.625rem;
flex:1;
display:flex;
min-width:0;
max-width:440px;
}
.ylj_news_form-l1b .ylj_input-l1b{
min-width:0;
}
@media(max-width:562px){
.ylj_news_form-l1b{
width:100%;
}
}
.ylj_input-l1b{
flex:1;
padding:0.813rem 16px;
border:1px solid rgba(255, 255, 255, 0.12);
background:rgba(255, 255, 255, 0.07);
border-radius:8px;
color:#7AABB8;
font-size:0.844rem;
}
.ylj_app-l1b{
gap:36px;
justify-content:space-between;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.ylj_app_copy-l1b{
max-width:520px;
}
.ylj_app_h2-l1b{
margin:0.75rem 0 10px;
font-weight:700;
line-height:1.05;
color:#E8F4F7;
font-size:28px;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
}
.ylj_app_text-l1b{
line-height:1.6;
color:#9DB8C4;
font-size:14px;
margin-bottom:20px;
}
.ylj_app_btns-l1b{
gap:12px;
display:flex;
flex-wrap:wrap;
}
.ylj_store-l1b{
border-radius:13px;
padding:0.688rem 18px;
gap:0.563rem;
background:#0A1117;
border:1px solid #1C3040;
cursor:pointer;
display:inline-flex;
font-weight:700;
align-items:center;
color:#E8F4F7;
font-size:0.813rem;
}
.ylj_store-l1b svg{
height:16px;
width:16px;
}
.ylj_app_qr_wrap-l1b{
gap:1rem;
display:flex;
align-items:center;
}
.ylj_qr-l1b{
background:#0A1117;
border-radius:0.813rem;
border:1px solid #1C3040;
grid-template-columns:repeat(5,1fr);
grid-template-rows:repeat(5,1fr);
padding:11px;
gap:3px;
display:grid;
height:6.75rem;
width:6.75rem;
}
.ylj_qr-l1b i{
background:transparent;
}
.ylj_qr_f-l1b{
background:#00CDD9;
}
.ylj_app_qr_cap-l1b{
color:#5E8494;
font-size:0.75rem;
max-width:84px;
line-height:1.4;
}
.ylj_supp-l1b{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.ylj_supp-l1b>*{
min-width:0;
}
.ylj_supp_card-l1b{
padding:1.5rem;
border:1px solid #1C3040;
background:#0F1820;
border-radius:13px;
}
.ylj_supp_card-l1b svg{
color:#00CDD9;
width:24px;
margin-bottom:14px;
height:1.5rem;
}
.ylj_supp_card-l1b h3{
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
font-size:1rem;
margin-bottom:0.375rem;
color:#E8F4F7;
}
.ylj_supp_card-l1b p{
color:#9DB8C4;
font-size:13px;
line-height:1.55;
}
@media(max-width:1023px){
.ylj_supp-l1b{
grid-template-columns:1fr;
}
}
.ylj_dw_h2-l1b{
line-height:1.08;
color:#E8F4F7;
font-size:1.625rem;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
margin-bottom:10px;
}
.ylj_steps_v-l1b{
grid-template-columns:1fr;
gap:10px;
}
.ylj_steps_v-l1b .ylj_step-l1b{
padding:1.125rem 20px;
}
@media(max-width:561px){
.ylj_dw_h2-l1b{
font-size:1.438rem;
}
}
.ylj_provs-l1b{
grid-template-columns:repeat(6,1fr);
gap:0.75rem;
display:grid;
margin-bottom:28px;
}
.ylj_provs-l1b>*{
min-width:0;
}
.ylj_prov-l1b{
background:#0F1820;
padding:12px;
border:1px solid #1C3040;
border-radius:13px;
text-decoration:none;
align-items:center;
display:flex;
height:4rem;
justify-content:center;
}
.ylj_prov_img-l1b{
max-width:100%;
object-fit:contain;
max-height:2rem;
}
.ylj_resp-l1b{
padding:1.625rem;
gap:1.5rem;
border-radius:0.813rem;
background:#0F1820;
border:1px solid #1C3040;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
}
.ylj_resp_in-l1b{
max-width:35rem;
}
.ylj_resp_h-l1b{
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
font-size:1.188rem;
color:#E8F4F7;
margin-bottom:0.5rem;
}
.ylj_resp_p-l1b{
color:#9DB8C4;
line-height:1.6;
font-size:13.5px;
}
.ylj_resp_badges-l1b{
gap:14px;
display:flex;
flex-wrap:wrap;
align-items:center;
}
.ylj_age18-l1b{
padding:0.25rem 0.5rem;
border:1.5px solid #E8323A;
border-radius:8px;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#E8323A;
font-weight:700;
font-size:13px;
}
.ylj_resp_org-l1b{
font-size:13px;
color:#5E8494;
font-weight:600;
}
@media(max-width:1025px){
.ylj_provs-l1b{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:558px){
.ylj_provs-l1b{
grid-template-columns:repeat(2,1fr);
}
}
.ylj_gd_head-l1b{
gap:0.75rem;
flex-wrap:wrap;
align-items:center;
display:flex;
margin-bottom:1rem;
justify-content:space-between;
}
.ylj_rv_head-l1b{
gap:12px;
margin-bottom:18px;
justify-content:space-between;
flex-wrap:wrap;
align-items:flex-end;
display:flex;
}
.ylj_rv_agg-l1b{
gap:0.625rem;
display:flex;
align-items:center;
}
.ylj_rv_source-l1b{
color:#5E8494;
font-size:0.781rem;
}
.ylj_rv_grid-l1b{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.ylj_rv_grid-l1b>*{
min-width:0;
}
.ylj_review-l1b{
padding:1.5rem;
border:1px solid #1C3040;
background:#0F1820;
border-radius:13px;
}
.ylj_review-l1b .ylj_stars-l1b{
margin-bottom:10px;
}
.ylj_review-l1b p{
color:#E8F4F7;
line-height:1.5;
margin-bottom:0.875rem;
font-weight:600;
font-size:14.5px;
}
.ylj_review_by-l1b{
color:#5E8494;
font-size:12.5px;
}
@media(max-width:1027px){
.ylj_rv_grid-l1b{
grid-template-columns:1fr;
}
}
.ylj_ab_h2-l1b{
margin:14px 0 1rem;
line-height:1.08;
font-size:32px;
color:#E8F4F7;
font-weight:700;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
}
.ylj_ab_body-l1b{
color:#9DB8C4;
font-size:0.938rem;
line-height:1.65;
margin-bottom:14px;
}
.ylj_ab_chips-l1b{
gap:10px;
flex-wrap:wrap;
display:flex;
margin-top:8px;
}
.ylj_faq-l1b{
gap:10px;
flex-direction:column;
display:flex;
}
.ylj_faq_item-l1b{
border-radius:0.813rem;
border:1px solid #1C3040;
padding:1.125rem 1.375rem;
background:#0F1820;
}
.ylj_faq_q-l1b{
gap:1rem;
list-style:none;
font-size:15.5px;
font-weight:600;
color:#E8F4F7;
align-items:center;
display:flex;
justify-content:space-between;
cursor:pointer;
}
.ylj_faq_q-l1b::-webkit-details-marker{
display:none;
}
.ylj_faq_q_t-l1b{
gap:0.625rem;
display:flex;
}
.ylj_faq_q_i-l1b{
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#00CDD9;
font-style:normal;
}
.ylj_faq_pm-l1b{
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:1.25rem;
color:#00CDD9;
}
.ylj_faq_item-l1b[open] .ylj_faq_pm-l1b{
transform:rotate(45deg);
}
.ylj_faq_a-l1b{
line-height:1.6;
font-size:13.5px;
margin-top:0.75rem;
color:#9DB8C4;
}
@media(max-width:562px){
.ylj_ab_h2-l1b{
font-size:26px;
}
}
.ylj_op_h2-l1b{
margin:10px 0 8px;
line-height:1.1;
font-size:1.5rem;
font-family:"Sora", 'Helvetica Neue', Arial, sans-serif;
color:#E8F4F7;
font-weight:700;
}
.ylj_op_text-l1b{
line-height:1.6;
color:#9DB8C4;
font-size:0.844rem;
}
@media(max-width:559px){
.ylj_op_h2-l1b{
font-size:1.375rem;
}
}
.ylj_footer-l1b{
background:#070D12;
padding:40px 28px;
border-top:1px solid #152330;
}
.ylj_footer_grid-l1b{
grid-template-columns:1.4fr 1fr 1fr 1fr;
gap:32px;
margin-bottom:28px;
max-width:1400px;
display:grid;
margin-right:auto;
margin-left:auto;
}
.ylj_footer_grid-l1b>*{
min-width:0;
}
.ylj_footer_grid-l1b h4{
margin-bottom:0.813rem;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:0.625rem;
letter-spacing:.12em;
text-transform:uppercase;
color:#3A5562;
}
.ylj_fcol-l1b{
gap:0.563rem;
flex-direction:column;
color:#9DB8C4;
font-size:13px;
display:flex;
}
.ylj_fcol-l1b a{
cursor:pointer;
}
.ylj_ft_about-l1b{
font-size:0.813rem;
color:#5E8494;
margin-top:0.75rem;
max-width:16.25rem;
line-height:1.6;
}
.ylj_ft_contact-l1b{
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#00CDD9;
font-size:12.5px;
margin-top:0.75rem;
overflow-wrap:anywhere;
}
.ylj_footer_bottom-l1b{
margin:0 auto;
gap:16px;
flex-wrap:wrap;
max-width:1400px;
align-items:center;
display:flex;
justify-content:space-between;
padding-top:20px;
border-top:1px solid #152330;
}
.ylj_footer_bottom-l1b p{
max-width:45rem;
font-size:11px;
line-height:1.6;
color:#3A5562;
}
@media(max-width:1022px){
.ylj_footer_grid-l1b{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:561px){
.ylj_footer_grid-l1b{
grid-template-columns:1fr;
}
}