*{
padding:0;
margin:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#0F0A14;
text-rendering:optimizeLegibility;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:15px;
line-height:1.55;
overflow-wrap:break-word;
-webkit-font-smoothing:antialiased;
color:#C2B0D8;
}
img{
display:block;
max-width:100%;
}
a{
text-decoration:none;
color:inherit;
}
button{
border:none;
background:none;
cursor:pointer;
font-family:inherit;
}
input{
font-family:inherit;
}
svg{
display:block;
}
h1,h2,h3,h4{
overflow-wrap:anywhere;
}
::-webkit-scrollbar{
width:0.5rem;
height:8px;
}
::-webkit-scrollbar-thumb{
border-radius:0.5rem;
background:rgba(9, 4, 14, 0.72);
}
::-webkit-scrollbar-track{
background:transparent;
}
.yjb_shell-24l{
grid-template-columns:15.5rem 1fr;
min-height:100vh;
display:grid;
}
.yjb_main-24l{
min-width:0;
}
.yjb_wrap-24l{
margin:0 auto;
width:100%;
max-width:87.5rem;
}
.yjb_container-24l{
padding:0 1rem;
margin:0 auto;
max-width:87.5rem;
width:100%;
}
@media(min-width:771px){
.yjb_container-24l{
padding:0 28px;
}
}
.yjb_section-24l{
padding:1.5rem 1.75rem;
}
.yjb_section_pt-24l{
padding-top:34px;
}
.yjb_band_soft-24l{
background:#17101E;
}
.yjb_eyebrow-24l{
overflow-wrap:break-word;
letter-spacing:.14em;
line-height:1.4;
color:#E8259A;
font-size:0.656rem;
font-weight:600;
text-transform:uppercase;
display:inline-block;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.yjb_drawer_cb-24l{
display:none;
}
.yjb_overlay-24l{
display:none;
}
@media(max-width:1022px){
.yjb_shell-24l{
grid-template-columns:1fr;
}
.yjb_main-24l{
padding-bottom:78px;
}
.yjb_drawer_cb-24l:checked~.yjb_overlay-24l{
background:rgba(9, 4, 14, 0.72);
inset:0;
position:fixed;
z-index:70;
display:block;
}
}
@media(max-width:559px){
.yjb_section-24l{
padding:18px 16px;
}
.yjb_section_pt-24l{
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 ---------- */
.yjb_side-24l{
background:#130D1A;
padding:1.375rem 18px;
gap:22px;
overflow-y:auto;
align-self:start;
flex-direction:column;
position:sticky;
height:100vh;
top:0;
border-right:1px solid #251830;
display:flex;
}
.yjb_brand-24l{
gap:10px;
display:flex;
align-items:center;
}
.yjb_logo-24l{
font-size:1.313rem;
color:#F0E8FA;
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
letter-spacing:-.02em;
}
.yjb_side_cta-24l{
border-radius:0.813rem;
padding:16px;
border:1px solid #322040;
background:rgba(232, 37, 154, 0.12);
}
.yjb_side_cta_h-24l{
font-size:1.063rem;
font-weight:700;
color:#F0E8FA;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:0.375rem;
line-height:1.15;
}
.yjb_side_cta_p-24l{
line-height:1.45;
font-size:0.75rem;
margin-bottom:12px;
color:#C2B0D8;
}
.yjb_nav-24l{
gap:3px;
flex-direction:column;
display:flex;
}
.yjb_nav_label-24l{
padding:0.375rem 0.625rem;
color:#5A4A6A;
text-transform:uppercase;
letter-spacing:.14em;
font-size:0.594rem;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
}
.yjb_nav_item-24l{
border-radius:0.5rem;
padding:10px;
gap:11px;
color:#C2B0D8;
font-weight:500;
align-items:center;
display:flex;
font-size:14px;
}
.yjb_nav_item-24l svg{
width:1.063rem;
height:1.063rem;
}
.yjb_nav_item-24l:hover{
background:rgba(232, 37, 154, 0.12);
color:#F0E8FA;
}
.yjb_nav_item_on-24l{
background:rgba(232, 37, 154, 0.12);
color:#E8259A;
font-weight:600;
}
.yjb_side_foot-24l{
padding:12px;
border-radius:13px;
border:1px solid #322040;
background:#17101E;
margin-top:auto;
}
.yjb_side_foot-24l p{
font-size:0.781rem;
line-height:1.4;
color:#C2B0D8;
margin-top:4px;
}
/* ---------- topbar ---------- */
.yjb_top-24l{
background:#130D1A;
gap:1rem;
padding:14px 1.75rem;
top:0;
align-items:center;
position:sticky;
z-index:40;
display:flex;
border-bottom:1px solid #251830;
}
.yjb_top_brand-24l{
gap:0.563rem;
display:none;
align-items:center;
}
.yjb_search-24l{
gap:0.625rem;
border-radius:0.813rem;
border:1px solid #322040;
background:#17101E;
flex:1;
padding:0.688rem 0.875rem;
font-size:0.844rem;
max-width:440px;
display:flex;
color:#8B769E;
align-items:center;
}
.yjb_search-24l svg{
flex:none;
width:16px;
height:1rem;
}
.yjb_top_actions-24l{
gap:0.75rem;
margin-left:auto;
display:flex;
align-items:center;
}
.yjb_lang-24l{
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
color:#C2B0D8;
font-size:12px;
}
.yjb_burger-24l{
border:1px solid #322040;
background:#17101E;
border-radius:0.5rem;
width:2.5rem;
align-items:center;
color:#F0E8FA;
height:2.5rem;
display:none;
justify-content:center;
}
/* ---------- bottom-nav (mobile) ---------- */
.yjb_botnav-24l{
display:none;
}
@media(max-width:1023px){
.yjb_side-24l{
transition:transform .25s ease;
transform:translateX(-100%);
top:0;
left:0;
position:fixed;
height:100vh;
width:280px;
z-index:80;
}
.yjb_drawer_cb-24l:checked~.yjb_shell-24l .yjb_side-24l{
transform:translateX(0);
}
.yjb_top-24l{
gap:12px;
padding:0.875rem 1rem;
position:static;
flex-wrap:wrap;
}
.yjb_top_brand-24l{
display:flex;
}
.yjb_search-24l{
display:none;
}
.yjb_burger-24l{
display:flex;
}
.yjb_top_actions-24l{
gap:0.625rem;
width:100%;
margin-left:0;
align-items:stretch;
}
.yjb_top_actions-24l .yjb_lang-24l{
display:none;
}
.yjb_top_actions-24l .yjb_btn-24l{
flex:1;
padding:11px 0.625rem;
text-align:center;
}
.yjb_botnav-24l{
background:#130D1A;
grid-template-columns:repeat(3,1fr);
padding:8px 0.375rem calc(0.5rem + env(safe-area-inset-bottom));
z-index:65;
transform:translateZ(0);
right:0;
left:0;
border-top:1px solid #322040;
position:fixed;
display:grid;
bottom:0;
}
.yjb_bn-24l{
gap:4px;
padding:6px 2px 0;
justify-content:flex-end;
display:flex;
min-width:0;
color:#C2B0D8;
font-weight:600;
font-size:10px;
flex-direction:column;
align-items:center;
}
.yjb_bn-24l svg{
flex:none;
width:1.375rem;
height:22px;
}
.yjb_bn-24l span{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-align:center;
max-width:100%;
}
.yjb_bn_on-24l{
color:#E8259A;
}
.yjb_bn_center-24l{
position:relative;
}
.yjb_bn_fab-24l{
border-radius:50%;
background:#F02DA8;
box-shadow:0 0.5rem 40px rgba(0, 0, 0, 0.65), 0 2px 12px rgba(168, 17, 108, 0.25);
left:50%;
transform:translateX(-50%);
color:#0F0208;
justify-content:center;
top:-20px;
align-items:center;
position:absolute;
height:50px;
width:50px;
display:flex;
}
.yjb_bn_fab-24l svg{
width:1.5rem;
height:1.5rem;
}
.yjb_bn_center-24l span{
color:#E8259A;
}
}
.yjb_btn-24l{
padding:11px 22px;
transition:background-color 0.2s ease,color 0.2s ease;
border-radius:8px;
gap:8px;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:0.875rem;
display:inline-flex;
justify-content:center;
align-items:center;
font-weight:700;
cursor:pointer;
}
.yjb_btn_pri-24l{
background:#F02DA8;
box-shadow:0 4px 20px rgba(240, 45, 168, 0.45), 0 2px 0.5rem rgba(240, 45, 168, 0.30);
color:#0F0208;
}
.yjb_btn_pri-24l:hover{
background:#C8207E;
}
.yjb_btn_ghost-24l{
background:rgba(232, 37, 154, 0.12);
color:#F0E8FA;
font-weight:600;
}
.yjb_btn_line-24l{
background:transparent;
border:1px solid #4A2E5E;
color:#F0E8FA;
font-weight:600;
}
.yjb_btn_lg-24l{
border-radius:0.813rem;
padding:1rem 30px;
font-size:0.938rem;
}
.yjb_band-24l .yjb_btn_line-24l{
border-color:rgba(255, 255, 255, 0.12);
color:#F4EEFF;
}
.yjb_band-24l .yjb_btn_ghost-24l{
background:rgba(255, 255, 255, 0.07);
color:#F4EEFF;
}
.yjb_link_m-24l{
gap:5px;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
display:inline-flex;
cursor:pointer;
font-size:0.75rem;
text-decoration:none;
color:#E8259A;
align-items:center;
}
.yjb_link_m-24l svg{
height:14px;
width:0.875rem;
}
.yjb_band-24l .yjb_link_m-24l{
color:#F03DB8;
}
.yjb_dot-24l{
border-radius:50%;
flex:none;
background:#E8259A;
width:7px;
height:7px;
}
.yjb_dot_live-24l{
animation:zm3-pulse 1.4s infinite;
background:#E83230;
}
.yjb_stars-24l{
gap:2px;
display:inline-flex;
color:#E8259A;
}
.yjb_stars-24l svg{
height:15px;
width:15px;
}
.yjb_chip-24l{
gap:6px;
padding:0.438rem 12px;
background:#17101E;
border-radius:0.5rem;
border:1px solid #322040;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
color:#C2B0D8;
display:inline-flex;
font-size:0.688rem;
align-items:center;
}
.yjb_chip_on-24l{
border-color:transparent;
background:rgba(232, 37, 154, 0.12);
color:#E8259A;
}
.yjb_gc-24l{
cursor:pointer;
min-width:0;
display:block;
text-decoration:none;
color:inherit;
}
.yjb_gc_thumb-24l{
border-radius:0.813rem;
overflow:hidden;
border:1px solid #322040;
display:block;
background-size:cover;
position:relative;
aspect-ratio:1;
background-position:center;
}
.yjb_gc_thumb_portrait-24l{
aspect-ratio:3/4;
}
.yjb_gc_thumb_wide-24l{
aspect-ratio:16/11;
}
.yjb_gc_cap-24l{
background:linear-gradient(transparent,rgba(9, 4, 14, 0.72));
padding:0.563rem;
position:absolute;
right:0;
left:0;
bottom:0;
}
.yjb_gc_name-24l{
font-weight:700;
color:#F4EEFF;
font-size:0.781rem;
display:block;
}
.yjb_gc_meta-24l{
font-size:0.688rem;
color:#B8A0D0;
}
.yjb_gc_badge-24l{
background:#E8259A;
border-radius:8px;
padding:2px 0.375rem;
font-size:0.5rem;
color:#12020E;
position:absolute;
font-weight:700;
right:0.5rem;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
top:8px;
}
.yjb_gc_badge_hot-24l{
background:#E83230;
color:#F4EEFF;
}
.yjb_gc_badge_live-24l{
background:#E83230;
right:auto;
color:#F4EEFF;
left:8px;
}
.yjb_gc_mult-24l{
inset:0;
color:#E8259A;
display:flex;
align-items:center;
font-weight:700;
position:absolute;
font-size:28px;
justify-content:center;
}
.yjb_pc-24l{
border-radius:13px;
border:1px solid #322040;
background:#17101E;
height:4rem;
justify-content:center;
font-size:14px;
align-items:center;
display:flex;
color:#C2B0D8;
font-weight:700;
}
.yjb_rail-24l{
min-width:0;
}
.yjb_rail_scroll-24l{
gap:14px;
display:grid;
}
.yjb_rail_scroll-24l>*{
min-width:0;
}
.yjb_g6-24l{
grid-template-columns:repeat(6,1fr);
}
.yjb_g7-24l{
grid-template-columns:repeat(7,1fr);
}
.yjb_g4-24l{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1025px){
.yjb_g6-24l,.yjb_g7-24l{
grid-template-columns:none;
scroll-snap-type:x mandatory;
grid-auto-flow:column;
overflow-x:auto;
padding-bottom:6px;
grid-auto-columns:120px;
}
.yjb_g6-24l>*,.yjb_g7-24l>*{
scroll-snap-align:start;
}
.yjb_g4-24l{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:560px){
.yjb_g4-24l{
grid-template-columns:none;
overflow-x:auto;
grid-auto-flow:column;
grid-auto-columns:150px;
}
}
.yjb_panel-24l{
padding:28px 2rem;
border-radius:1.25rem;
border:1px solid #322040;
background:#17101E;
}
.yjb_split-24l{
gap:36px;
display:grid;
align-items:start;
}
.yjb_split-24l>*{
min-width:0;
}
.yjb_split_a-24l{
grid-template-columns:.85fr 1.15fr;
}
.yjb_split_b-24l{
grid-template-columns:1fr 1.1fr;
}
.yjb_split_c-24l{
grid-template-columns:1.1fr .9fr;
}
.yjb_pgrid-24l{
grid-template-columns:.9fr 1.1fr;
gap:40px;
display:grid;
align-items:center;
}
.yjb_pgrid-24l>*{
min-width:0;
}
.yjb_lead-24l{
line-height:1.65;
font-size:0.938rem;
margin-bottom:14px;
color:#C2B0D8;
}
.yjb_feat-24l{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.yjb_feat-24l>*{
min-width:0;
}
.yjb_feat2-24l{
grid-template-columns:1fr 1fr;
}
.yjb_feat_card-24l{
border-radius:1.25rem;
border:1px solid #322040;
padding:1.625rem;
background:#17101E;
}
.yjb_feat_card-24l svg{
width:26px;
height:1.625rem;
color:#E8259A;
margin-bottom:1rem;
}
.yjb_feat_card-24l h3{
margin-bottom:8px;
color:#F0E8FA;
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:1.125rem;
}
.yjb_feat_card-24l p{
font-size:13px;
color:#C2B0D8;
line-height:1.6;
}
.yjb_feat_card-24l b{
color:#F0E8FA;
}
.yjb_big-24l{
gap:1.375rem;
flex-wrap:wrap;
display:flex;
}
.yjb_big_n-24l{
font-size:1.625rem;
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#E8259A;
}
.yjb_big_l-24l{
color:#8B769E;
font-size:0.75rem;
}
.yjb_person-24l{
background:#17101E;
gap:14px;
border:1px solid #322040;
padding:1rem 18px;
border-radius:13px;
display:flex;
align-items:center;
}
.yjb_avatar-24l{
border-radius:50%;
flex:none;
background:linear-gradient(135deg,#F02DA8,#A8116C);
height:2.75rem;
width:44px;
}
.yjb_person_name-24l{
font-size:14px;
color:#F0E8FA;
font-weight:700;
}
.yjb_person_role-24l{
color:#8B769E;
font-size:0.75rem;
}
.yjb_kv-24l{
grid-template-columns:1fr 1fr;
overflow:hidden;
border:1px solid #322040;
gap:1px;
border-radius:13px;
background:#322040;
display:grid;
}
.yjb_kv-24l>div{
padding:1rem 1.125rem;
background:#0F0A14;
min-width:0;
}
.yjb_kv_k-24l{
text-transform:uppercase;
color:#E8259A;
font-size:0.594rem;
margin-bottom:0.313rem;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
}
.yjb_kv_v-24l{
color:#F0E8FA;
font-weight:700;
font-size:13.5px;
}
@media(max-width:1025px){
.yjb_split_a-24l,.yjb_split_b-24l,.yjb_split_c-24l,.yjb_pgrid-24l{
gap:1.5rem;
grid-template-columns:1fr;
}
.yjb_feat-24l,.yjb_feat2-24l{
grid-template-columns:1fr;
}
.yjb_kv-24l{
grid-template-columns:1fr;
}
}
.yjb_sh-24l{
min-width:0;
margin-bottom:16px;
}
.yjb_sh_row-24l{
gap:12px;
justify-content:space-between;
flex-wrap:wrap;
align-items:flex-end;
display:flex;
}
.yjb_sh_row-24l .yjb_sh_l-24l{
gap:0.375rem;
min-width:0;
display:flex;
flex-direction:column;
}
.yjb_sh_stack-24l{
gap:0.625rem;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.yjb_sh_center-24l{
gap:10px;
flex-direction:column;
text-align:center;
align-items:center;
display:flex;
}
.yjb_sh_h2-24l{
gap:9px;
color:#F0E8FA;
overflow-wrap:break-word;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
line-height:1.1;
font-size:1.25rem;
font-weight:700;
display:flex;
align-items:center;
}
@media(min-width:767px){
.yjb_sh_h2-24l{
font-size:24px;
}
}
.yjb_band-24l .yjb_sh_h2-24l{
color:#F4EEFF;
}
.yjb_eb_mono-24l{
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
text-transform:none;
letter-spacing:.08em;
}
.yjb_eb_mono-24l::before{
content:"// ";
}
.yjb_eb_upper-24l{
text-transform:uppercase;
letter-spacing:.14em;
}
.yjb_eb_pill-24l{
padding:0.313rem 11px;
border-radius:999px;
background:rgba(232, 37, 154, 0.12);
text-transform:uppercase;
letter-spacing:.12em;
}
.yjb_eb_line-24l{
gap:0.625rem;
align-items:center;
display:inline-flex;
}
.yjb_eb_line-24l::before{
background:#E8259A;
width:24px;
display:inline-block;
content:"";
height:1px;
}
.yjb_band-24l .yjb_eb_line-24l::before{
background:#F03DB8;
}
.yjb_band-24l .yjb_eb_pill-24l{
background:rgba(255, 255, 255, 0.07);
}
.yjb_sh_link-24l{
transition:color 0.2s ease,border-color 0.2s ease;
gap:0.375rem;
align-items:center;
font-size:13px;
font-weight:600;
padding-bottom:2px;
white-space:nowrap;
border-bottom:1px solid #F0E8FA;
display:inline-flex;
color:#F0E8FA;
}
.yjb_sh_link-24l:hover{
border-color:#E8259A;
color:#E8259A;
}
.yjb_sh_link-24l svg{
width:0.875rem;
height:0.875rem;
}
.yjb_sh_link_chev-24l{
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
padding-bottom:0;
color:#E8259A;
border-bottom:0;
font-size:12px;
}
.yjb_sh_link_btn-24l{
border-radius:62.438rem;
background:#F02DA8;
padding:9px 18px;
color:#0F0208;
border-bottom:0;
}
.yjb_sh_link_btn-24l:hover{
border-color:transparent;
background:#C8207E;
}
.yjb_band-24l .yjb_sh_link-24l{
border-color:#F4EEFF;
color:#F4EEFF;
}
.yjb_band-24l .yjb_sh_link_chev-24l{
color:#F03DB8;
}
.yjb_sh_rule-24l{
background:#322040;
margin:-2px 0 1rem;
height:1px;
}
.yjb_band-24l .yjb_sh_rule-24l{
background:rgba(255, 255, 255, 0.12);
}
.yjb_seo_grid3-24l{
gap:20px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.yjb_seo_grid4-24l{
grid-template-columns:repeat(4,1fr);
gap:0.813rem;
display:grid;
}
.yjb_seo_grid3-24l>*,.yjb_seo_grid4-24l>*{
min-width:0;
}
.yjb_seo_card-24l{
border-radius:0.813rem;
background:#17101E;
padding:1.5rem;
border:1px solid #322040;
}
.yjb_seo_card-24l h3{
margin-bottom:0.5rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:1.125rem;
color:#F0E8FA;
font-weight:700;
}
.yjb_seo_card-24l p{
color:#C2B0D8;
line-height:1.6;
font-size:13px;
}
.yjb_seo_card_sm-24l{
padding:1.25rem;
}
.yjb_seo_card_sm-24l h3{
font-size:1rem;
}
.yjb_seo_card_sm-24l p{
font-size:12.5px;
line-height:1.55;
}
.yjb_seo_rtp_row-24l{
grid-template-columns:1fr 1fr;
gap:2.25rem;
display:grid;
align-items:center;
margin-top:1rem;
}
.yjb_rtp-24l{
gap:0.875rem;
display:flex;
min-width:0;
}
.yjb_rtp-24l>div{
background:#0F0A14;
flex:1;
padding:16px;
border-radius:13px;
text-align:center;
min-width:0;
}
.yjb_rtp_n-24l{
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:1.625rem;
color:#E8259A;
white-space:nowrap;
}
.yjb_rtp_l-24l{
font-size:11px;
margin-top:4px;
color:#8B769E;
}
.yjb_cmp-24l{
border:1px solid #322040;
overflow:hidden;
border-radius:13px;
max-width:47.5rem;
}
.yjb_cmp_row-24l{
grid-template-columns:1.6fr 1fr 1fr;
font-size:0.813rem;
display:grid;
}
.yjb_cmp_row-24l>div{
padding:0.813rem 0.875rem;
min-width:0;
text-align:center;
}
.yjb_cmp_row-24l>div:first-child{
color:#F0E8FA;
padding-left:1.375rem;
font-weight:600;
text-align:left;
}
.yjb_cmp_th-24l{
background:#0F0A14;
font-size:12.5px;
font-weight:700;
}
.yjb_cmp_row-24l:not(.yjb_cmp_th-24l){
background:#17101E;
color:#C2B0D8;
border-top:1px solid #251830;
}
.yjb_cmp_zebra-24l{
background:#1C1525;
}
.yjb_guide-24l{
border-radius:13px;
background:#17101E;
border:1px solid #322040;
overflow:hidden;
cursor:pointer;
}
.yjb_guide_cover-24l{
height:130px;
}
.yjb_guide_body-24l{
padding:20px;
}
.yjb_guide_body-24l h3{
margin:7px 0 9px;
line-height:1.25;
font-weight:700;
color:#F0E8FA;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:1rem;
}
.yjb_guide_meta-24l{
font-size:11.5px;
color:#8B769E;
}
.yjb_hub-24l{
gap:1.75rem;
grid-template-columns:repeat(5,1fr);
border-top:1px solid #251830;
display:grid;
padding-top:1.75rem;
}
.yjb_hub-24l>*{
min-width:0;
}
.yjb_hub-24l h4{
font-size:0.813rem;
font-weight:700;
margin-bottom:11px;
color:#F0E8FA;
}
.yjb_hub_col-24l{
gap:8px;
display:flex;
font-size:13px;
flex-direction:column;
color:#C2B0D8;
}
.yjb_hub_col-24l a{
cursor:pointer;
}
@media(max-width:1026px){
.yjb_seo_grid3-24l{
grid-template-columns:1fr;
}
.yjb_seo_grid4-24l{
grid-template-columns:repeat(2,1fr);
}
.yjb_seo_rtp_row-24l{
grid-template-columns:1fr;
gap:20px;
}
.yjb_hub-24l{
gap:22px;
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:559px){
.yjb_hub-24l{
grid-template-columns:1fr;
}
}
.yjb_hero-24l{
overflow:hidden;
background:linear-gradient(120deg,#1E0C2C,#0B0A1E);
border:1px solid #322040;
border-radius:1.25rem;
padding:46px 48px;
color:#F4EEFF;
position:relative;
}
.yjb_hero_glow-24l{
background:radial-gradient(circle,rgba(220, 40, 160, 0.22),transparent 70%);
border-radius:50%;
height:21.25rem;
top:-60px;
right:-60px;
width:21.25rem;
position:absolute;
}
.yjb_hero_in-24l{
position:relative;
max-width:37.5rem;
}
.yjb_hero-24l .yjb_eyebrow-24l{
color:#F03DB8;
}
.yjb_pill_row-24l{
border-radius:999px;
gap:0.5rem;
padding:0.375rem 0.813rem;
border:1px solid rgba(255, 255, 255, 0.12);
background:rgba(255, 255, 255, 0.07);
text-transform:uppercase;
display:inline-flex;
font-size:10.5px;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
color:#F03DB8;
align-items:center;
margin-bottom:22px;
letter-spacing:.1em;
}
.yjb_hero_h1-24l{
margin:1.125rem 0;
overflow-wrap:break-word;
letter-spacing:-.02em;
font-size:3.375rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
color:#F4EEFF;
line-height:1.02;
}
.yjb_hero_h1-24l em{
font-style:normal;
color:#F03DB8;
}
.yjb_hero_sub-24l{
color:#B8A0D0;
margin-bottom:28px;
font-size:1.063rem;
line-height:1.55;
max-width:30rem;
}
.yjb_hero_cta-24l{
gap:0.875rem;
flex-wrap:wrap;
align-items:center;
display:flex;
margin-bottom:1.625rem;
}
.yjb_hero_trust-24l{
gap:14px;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.yjb_hero_rating_txt-24l{
font-size:0.813rem;
color:#B8A0D0;
}
@media(max-width:1026px){
.yjb_hero-24l{
padding:2rem 24px;
}
.yjb_hero_h1-24l{
font-size:38px;
}
}
@media(max-width:562px){
.yjb_hero_h1-24l{
font-size:1.875rem;
}
}
.yjb_stat-24l{
grid-template-columns:repeat(4,1fr);
gap:0.875rem;
display:grid;
}
.yjb_stat-24l>*{
min-width:0;
}
.yjb_stat_item-24l{
padding:18px 1.25rem;
border:1px solid #322040;
border-radius:0.813rem;
background:#17101E;
}
.yjb_stat_k-24l{
font-size:9.5px;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
letter-spacing:.12em;
margin-bottom:0.438rem;
text-transform:uppercase;
color:#8B769E;
}
.yjb_stat_v-24l{
gap:0.5rem;
display:flex;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
min-width:0;
font-weight:700;
align-items:center;
overflow-wrap:anywhere;
font-size:1.5rem;
color:#F0E8FA;
}
.yjb_stat_v_accent-24l{
color:#E8259A;
}
@media(max-width:1025px){
.yjb_stat-24l{
grid-template-columns:repeat(2,1fr);
}
}
.yjb_wlc-24l{
background:linear-gradient(120deg,#1E0C2C,#0B0A1E);
padding:2.25rem 2.5rem;
border-radius:1.25rem;
border:1px solid #322040;
gap:24px;
grid-template-columns:1.2fr .8fr;
overflow:hidden;
align-items:center;
position:relative;
color:#F4EEFF;
display:grid;
}
.yjb_wlc-24l>*{
min-width:0;
}
.yjb_wlc-24l .yjb_eyebrow-24l{
color:#F03DB8;
}
.yjb_wlc_glow-24l{
background:radial-gradient(circle,rgba(220, 40, 160, 0.22),transparent 70%);
border-radius:50%;
right:-40px;
top:-2.5rem;
height:16.25rem;
position:absolute;
width:16.25rem;
}
.yjb_wlc_in-24l{
position:relative;
}
.yjb_wlc_h2-24l{
margin:10px 0 0.5rem;
font-weight:700;
color:#F4EEFF;
font-size:2.125rem;
line-height:1.03;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
overflow-wrap:break-word;
}
.yjb_wlc_h2-24l em{
font-style:normal;
color:#F03DB8;
}
.yjb_wlc_sub-24l{
max-width:420px;
font-size:0.875rem;
margin-bottom:18px;
color:#B8A0D0;
line-height:1.55;
}
.yjb_wlc_terms-24l{
gap:0.625rem;
flex-direction:column;
display:flex;
position:relative;
}
.yjb_term-24l{
background:rgba(255, 255, 255, 0.07);
border-radius:0.813rem;
padding:0.813rem 0.938rem;
gap:11px;
border:1px solid rgba(255, 255, 255, 0.12);
align-items:center;
display:flex;
}
.yjb_term-24l svg{
flex:none;
width:20px;
height:1.25rem;
color:#F03DB8;
}
.yjb_term_k-24l{
color:#B8A0D0;
font-size:0.594rem;
letter-spacing:.1em;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
text-transform:uppercase;
}
.yjb_term_v-24l{
font-weight:700;
font-size:14px;
margin-top:2px;
color:#F4EEFF;
}
@media(max-width:1021px){
.yjb_wlc-24l{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.yjb_wlc_h2-24l{
font-size:1.625rem;
}
}
.yjb_jp-24l{
gap:0.875rem;
grid-template-columns:1.5fr 1fr 1fr;
display:grid;
}
.yjb_jp-24l>*{
min-width:0;
}
.yjb_jp_hero-24l{
border:1px solid #322040;
background:linear-gradient(135deg,#1E0C2C,#0B0A1E);
border-radius:1.25rem;
padding:1.625rem;
gap:14px;
overflow:hidden;
justify-content:space-between;
color:#F4EEFF;
flex-direction:column;
position:relative;
min-height:180px;
display:flex;
}
.yjb_jp_glow-24l{
background:radial-gradient(circle,rgba(220, 40, 160, 0.22),transparent 70%);
border-radius:50%;
width:180px;
top:-40px;
right:-40px;
position:absolute;
height:180px;
}
.yjb_jp_k_row-24l{
gap:10px;
position:relative;
justify-content:space-between;
align-items:center;
display:flex;
}
.yjb_jp_k-24l{
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
color:#8B769E;
letter-spacing:.12em;
text-transform:uppercase;
font-size:0.625rem;
}
.yjb_jp_hero-24l .yjb_jp_k-24l{
color:#B8A0D0;
}
.yjb_jp_amt-24l{
font-size:2.625rem;
color:#F03DB8;
line-height:1;
position:relative;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
}
.yjb_jp_sub-24l{
color:#B8A0D0;
font-size:12px;
margin-top:0.313rem;
}
.yjb_jp_cell-24l{
background:#17101E;
border-radius:1.25rem;
border:1px solid #322040;
padding:22px;
min-height:11.25rem;
flex-direction:column;
justify-content:space-between;
display:flex;
}
.yjb_jp_cell-24l .yjb_jp_amt-24l{
color:#F0E8FA;
font-size:30px;
}
.yjb_jp_cell-24l .yjb_jp_sub-24l{
color:#8B769E;
}
@media(max-width:1025px){
.yjb_jp-24l{
grid-template-columns:1fr;
}
}
@media(max-width:563px){
.yjb_jp_amt-24l{
font-size:2rem;
}
}
.yjb_promo_grid-24l{
grid-template-columns:repeat(3,1fr);
gap:16px;
display:grid;
}
.yjb_promo_grid-24l>*{
min-width:0;
}
.yjb_promo-24l{
border-radius:1.25rem;
border:1px solid #322040;
overflow:hidden;
padding:24px;
background:#17101E;
position:relative;
min-height:150px;
}
.yjb_promo_h-24l{
color:#F0E8FA;
font-weight:700;
font-size:26px;
line-height:1.05;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
margin-top:0.375rem;
}
.yjb_promo_h-24l em{
font-style:normal;
color:#E8259A;
}
.yjb_promo_p-24l{
color:#C2B0D8;
margin-top:0.5rem;
line-height:1.5;
font-size:0.781rem;
}
.yjb_promo_feat-24l{
background:linear-gradient(135deg,#1E0C2C,#0B0A1E);
border-color:#322040;
}
.yjb_promo_feat-24l .yjb_promo_h-24l{
color:#F4EEFF;
}
.yjb_promo_feat-24l .yjb_promo_h-24l em{
color:#F03DB8;
}
.yjb_promo_feat-24l .yjb_promo_p-24l{
color:#B8A0D0;
}
.yjb_promo_feat-24l .yjb_eyebrow-24l{
color:#F03DB8;
}
@media(max-width:1025px){
.yjb_promo_grid-24l{
grid-template-columns:1fr;
}
}
.yjb_gm-24l{
grid-template-columns:1.3fr 1fr;
gap:1rem;
display:grid;
}
.yjb_gm-24l>*{
min-width:0;
}
.yjb_gm_panel-24l{
background:#17101E;
border-radius:20px;
border:1px solid #322040;
padding:28px;
}
.yjb_gm_h2-24l{
margin:0.625rem 0 0.5rem;
color:#F0E8FA;
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:24px;
}
.yjb_gm_text-24l{
color:#C2B0D8;
line-height:1.6;
max-width:27.5rem;
font-size:0.844rem;
margin-bottom:1.25rem;
}
.yjb_gm_level-24l{
gap:14px;
display:flex;
margin-bottom:1rem;
align-items:center;
}
.yjb_gm_lv-24l{
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#E8259A;
font-weight:700;
font-size:1.5rem;
}
.yjb_gm_bar_wrap-24l{
flex:1;
min-width:0;
}
.yjb_gm_bar_meta-24l{
color:#8B769E;
margin-bottom:0.313rem;
display:flex;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
font-size:10px;
justify-content:space-between;
}
.yjb_bar-24l{
overflow:hidden;
background:#0F0A14;
border-radius:999px;
height:8px;
}
.yjb_bar_fill-24l{
border-radius:999px;
background:linear-gradient(90deg,#F02DA8,#A8116C);
display:block;
height:100%;
}
.yjb_gm_missions-24l{
gap:9px;
flex-wrap:wrap;
display:flex;
}
.yjb_gm_refer-24l{
border-radius:1.25rem;
background:linear-gradient(150deg,#1E0C2C,#0B0A1E);
overflow:hidden;
padding:28px;
border:1px solid #322040;
justify-content:space-between;
flex-direction:column;
position:relative;
display:flex;
color:#F4EEFF;
}
.yjb_gm_refer-24l .yjb_eyebrow-24l{
color:#F03DB8;
}
.yjb_gm_ref_h2-24l{
margin:10px 0 0.5rem;
line-height:1.1;
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#F4EEFF;
font-size:24px;
}
.yjb_gm_ref_h2-24l em{
color:#F03DB8;
font-style:normal;
}
.yjb_gm_ref_text-24l{
margin-bottom:18px;
line-height:1.55;
color:#B8A0D0;
font-size:0.813rem;
}
@media(max-width:1025px){
.yjb_gm-24l{
grid-template-columns:1fr;
}
}
.yjb_pay_logos-24l{
grid-template-columns:repeat(4,1fr);
gap:9px;
display:grid;
}
.yjb_pay_logos-24l>*{
min-width:0;
}
.yjb_pay-24l{
border:1px solid #322040;
border-radius:8px;
color:#C2B0D8;
font-size:12px;
display:flex;
font-weight:700;
justify-content:center;
height:3rem;
align-items:center;
}
.yjb_table-24l{
border:1px solid #322040;
overflow:hidden;
border-radius:0.813rem;
}
.yjb_trow-24l{
grid-template-columns:1.3fr 1fr 1fr 1fr;
font-size:0.813rem;
display:grid;
}
.yjb_trow-24l>div{
padding:13px 0.875rem;
min-width:0;
}
.yjb_trow-24l>div:first-child{
color:#F0E8FA;
font-weight:700;
padding-left:16px;
}
.yjb_trow_th-24l{
background:#0F0A14;
text-transform:uppercase;
letter-spacing:.06em;
font-size:9.5px;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
color:#8B769E;
}
.yjb_trow-24l:not(.yjb_trow_th-24l){
background:#17101E;
color:#C2B0D8;
border-top:1px solid #251830;
}
.yjb_trow_zebra-24l{
background:#1C1525;
}
.yjb_pos-24l{
color:#E8259A;
font-weight:700;
}
@media(max-width:1022px){
.yjb_pay_logos-24l{
grid-template-columns:repeat(2,1fr);
}
}
.yjb_news-24l{
background:linear-gradient(135deg,#1E0C2C,#0B0A1E);
padding:26px 32px;
border:1px solid #322040;
gap:1.5rem;
border-radius:20px;
display:flex;
color:#F4EEFF;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
}
.yjb_news_h3-24l{
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:1.25rem;
color:#F4EEFF;
font-weight:700;
margin-bottom:4px;
}
.yjb_news_text-24l{
color:#B8A0D0;
font-size:13px;
}
.yjb_news_form-24l{
gap:0.625rem;
flex:1;
max-width:27.5rem;
min-width:0;
display:flex;
}
.yjb_news_form-24l .yjb_input-24l{
min-width:0;
}
@media(max-width:561px){
.yjb_news_form-24l{
width:100%;
}
}
.yjb_input-24l{
flex:1;
border:1px solid rgba(255, 255, 255, 0.12);
padding:0.813rem 16px;
background:rgba(255, 255, 255, 0.07);
border-radius:8px;
font-size:0.844rem;
color:#B8A0D0;
}
.yjb_supp-24l{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.yjb_supp-24l>*{
min-width:0;
}
.yjb_supp_card-24l{
border:1px solid #322040;
border-radius:0.813rem;
padding:24px;
background:#17101E;
}
.yjb_supp_card-24l svg{
color:#E8259A;
margin-bottom:14px;
width:24px;
height:1.5rem;
}
.yjb_supp_card-24l h3{
font-size:16px;
margin-bottom:6px;
color:#F0E8FA;
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
}
.yjb_supp_card-24l p{
font-size:0.813rem;
color:#C2B0D8;
line-height:1.55;
}
@media(max-width:1021px){
.yjb_supp-24l{
grid-template-columns:1fr;
}
}
.yjb_tour-24l{
border-radius:1.25rem;
grid-template-columns:1.05fr 1fr;
overflow:hidden;
border:1px solid #322040;
display:grid;
}
.yjb_tour-24l>*{
min-width:0;
}
.yjb_tour_l-24l{
background:linear-gradient(135deg,#1E0C2C,#0B0A1E);
overflow:hidden;
padding:2.125rem;
position:relative;
color:#F4EEFF;
}
.yjb_tour_h2-24l{
margin:0.75rem 0 10px;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
line-height:1.05;
font-weight:700;
color:#F4EEFF;
font-size:30px;
}
.yjb_tour_h2-24l em{
color:#F03DB8;
font-style:normal;
}
.yjb_tour_text-24l{
font-size:13.5px;
line-height:1.6;
margin-bottom:20px;
color:#B8A0D0;
max-width:340px;
}
.yjb_tour_meta-24l{
gap:1.125rem;
align-items:flex-end;
flex-wrap:wrap;
margin-bottom:20px;
display:flex;
}
.yjb_tour_cap-24l{
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
color:#B8A0D0;
text-transform:uppercase;
font-size:0.594rem;
margin-bottom:0.313rem;
}
.yjb_count-24l{
gap:0.375rem;
display:flex;
}
.yjb_count-24l span{
border:1px solid rgba(255, 255, 255, 0.12);
border-radius:8px;
background:rgba(255, 255, 255, 0.07);
padding:4px 9px;
font-weight:700;
font-size:22px;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
}
.yjb_tour_units-24l{
color:#B8A0D0;
font-size:0.625rem;
}
.yjb_board-24l{
background:#17101E;
padding:1.75rem 1.875rem;
}
.yjb_board_head-24l{
justify-content:space-between;
align-items:center;
display:flex;
margin-bottom:0.875rem;
}
.yjb_board_title-24l{
font-weight:700;
color:#F0E8FA;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:1rem;
}
.yjb_board_upd-24l{
color:#8B769E;
text-transform:uppercase;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
font-size:10px;
}
.yjb_board_list-24l{
gap:2px;
flex-direction:column;
display:flex;
}
.yjb_board_row-24l{
gap:0.75rem;
padding:10px 0.75rem;
border-radius:0.5rem;
align-items:center;
display:flex;
}
.yjb_board_top1-24l{
background:rgba(232, 37, 154, 0.12);
}
.yjb_board_rk-24l{
width:20px;
color:#8B769E;
font-size:0.875rem;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
font-weight:700;
}
.yjb_board_top1-24l .yjb_board_rk-24l{
color:#E8259A;
}
.yjb_board_nm-24l{
flex:1;
font-weight:600;
min-width:0;
font-size:0.844rem;
color:#C2B0D8;
}
.yjb_board_top1-24l .yjb_board_nm-24l{
color:#F0E8FA;
font-weight:700;
}
.yjb_board_pt-24l{
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
font-size:12.5px;
color:#C2B0D8;
}
@media(max-width:1025px){
.yjb_tour-24l{
grid-template-columns:1fr;
}
}
@media(max-width:557px){
.yjb_tour_h2-24l{
font-size:24px;
}
}
.yjb_steps-24l{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.yjb_steps-24l>*{
min-width:0;
}
.yjb_step-24l{
border-radius:0.813rem;
padding:24px;
background:#17101E;
border:1px solid #322040;
position:relative;
}
.yjb_step_num-24l{
background:#F02DA8;
border-radius:0.5rem;
font-weight:700;
height:1.875rem;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
justify-content:center;
color:#12020E;
align-items:center;
width:1.875rem;
margin-bottom:0.875rem;
font-size:13px;
display:flex;
}
.yjb_step_h-24l{
font-size:1rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:0.438rem;
color:#F0E8FA;
font-weight:700;
}
.yjb_step_p-24l{
font-size:13px;
color:#C2B0D8;
line-height:1.55;
}
@media(max-width:1026px){
.yjb_steps-24l{
grid-template-columns:1fr;
}
}
.yjb_vip_head-24l{
gap:12px;
margin-bottom:18px;
display:flex;
justify-content:space-between;
align-items:flex-end;
flex-wrap:wrap;
}
.yjb_vip_intro-24l{
font-size:0.813rem;
max-width:26.25rem;
color:#C2B0D8;
}
.yjb_vip-24l{
gap:12px;
grid-template-columns:repeat(5,1fr);
display:grid;
}
.yjb_vip-24l>*{
min-width:0;
}
.yjb_tier-24l{
border-radius:13px;
background:#17101E;
border:1px solid #322040;
padding:20px;
}
.yjb_tier_on-24l{
border-color:#E8259A;
background:rgba(232, 37, 154, 0.12);
}
.yjb_tier_medal-24l{
border-radius:8px;
background:linear-gradient(135deg,#F02DA8,#A8116C);
height:30px;
margin-bottom:14px;
width:30px;
}
.yjb_tier_name-24l{
font-weight:700;
font-size:0.938rem;
color:#F0E8FA;
margin-bottom:0.313rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
}
.yjb_tier_tx-24l{
color:#8B769E;
font-size:0.719rem;
line-height:1.5;
}
@media(max-width:1023px){
.yjb_vip-24l{
grid-template-columns:repeat(2,1fr);
}
}
.yjb_banner-24l{
border-radius:1.25rem;
background:linear-gradient(115deg,#1E0C2C,#0B0A1E);
overflow:hidden;
padding:36px 40px;
gap:28px;
border:1px solid #322040;
flex-wrap:wrap;
justify-content:space-between;
color:#F4EEFF;
align-items:center;
position:relative;
display:flex;
}
.yjb_banner_glow-24l{
border-radius:50%;
background:radial-gradient(circle,rgba(220, 40, 160, 0.22),transparent 68%);
height:200px;
width:200px;
transform:translateY(-50%);
right:80px;
top:50%;
position:absolute;
}
.yjb_banner_in-24l{
max-width:560px;
position:relative;
}
.yjb_banner-24l .yjb_eyebrow-24l{
color:#F03DB8;
}
.yjb_banner_h2-24l{
margin:10px 0;
color:#F4EEFF;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
line-height:1.05;
font-size:1.875rem;
}
.yjb_banner_text-24l{
line-height:1.6;
font-size:0.875rem;
color:#B8A0D0;
}
@media(max-width:559px){
.yjb_banner_h2-24l{
font-size:24px;
}
}
.yjb_app-24l{
gap:36px;
flex-wrap:wrap;
align-items:center;
display:flex;
justify-content:space-between;
}
.yjb_app_copy-24l{
max-width:520px;
}
.yjb_app_h2-24l{
margin:0.75rem 0 10px;
font-weight:700;
font-size:28px;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
line-height:1.05;
color:#F0E8FA;
}
.yjb_app_text-24l{
margin-bottom:20px;
line-height:1.6;
font-size:14px;
color:#C2B0D8;
}
.yjb_app_btns-24l{
gap:12px;
flex-wrap:wrap;
display:flex;
}
.yjb_store-24l{
gap:0.563rem;
background:#0F0A14;
padding:0.688rem 1.125rem;
border:1px solid #322040;
border-radius:0.813rem;
cursor:pointer;
font-size:13px;
display:inline-flex;
font-weight:700;
color:#F0E8FA;
align-items:center;
}
.yjb_store-24l svg{
width:1rem;
height:16px;
}
.yjb_app_qr_wrap-24l{
gap:16px;
display:flex;
align-items:center;
}
.yjb_qr-24l{
grid-template-columns:repeat(5,1fr);
gap:3px;
border:1px solid #322040;
padding:0.688rem;
border-radius:13px;
background:#0F0A14;
grid-template-rows:repeat(5,1fr);
width:108px;
height:108px;
display:grid;
}
.yjb_qr-24l i{
background:transparent;
}
.yjb_qr_f-24l{
background:#E8259A;
}
.yjb_app_qr_cap-24l{
color:#8B769E;
line-height:1.4;
max-width:5.25rem;
font-size:12px;
}
.yjb_dw_h2-24l{
font-size:1.625rem;
font-weight:700;
margin-bottom:10px;
line-height:1.08;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#F0E8FA;
}
.yjb_steps_v-24l{
gap:10px;
grid-template-columns:1fr;
}
.yjb_steps_v-24l .yjb_step-24l{
padding:18px 1.25rem;
}
@media(max-width:562px){
.yjb_dw_h2-24l{
font-size:23px;
}
}
.yjb_provs-24l{
grid-template-columns:repeat(6,1fr);
gap:12px;
display:grid;
margin-bottom:28px;
}
.yjb_provs-24l>*{
min-width:0;
}
.yjb_prov-24l{
padding:0.75rem;
border-radius:0.813rem;
border:1px solid #322040;
background:#17101E;
justify-content:center;
align-items:center;
display:flex;
text-decoration:none;
height:4rem;
}
.yjb_prov_img-24l{
object-fit:contain;
max-width:100%;
max-height:2rem;
}
.yjb_resp-24l{
gap:1.5rem;
padding:26px;
border:1px solid #322040;
border-radius:0.813rem;
background:#17101E;
align-items:center;
flex-wrap:wrap;
justify-content:space-between;
display:flex;
}
.yjb_resp_in-24l{
max-width:560px;
}
.yjb_resp_h-24l{
color:#F0E8FA;
font-size:1.188rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
margin-bottom:0.5rem;
}
.yjb_resp_p-24l{
color:#C2B0D8;
font-size:13.5px;
line-height:1.6;
}
.yjb_resp_badges-24l{
gap:14px;
flex-wrap:wrap;
display:flex;
align-items:center;
}
.yjb_age18-24l{
border:1.5px solid #E83230;
padding:4px 8px;
border-radius:0.5rem;
font-size:0.813rem;
font-weight:700;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
color:#E83230;
}
.yjb_resp_org-24l{
font-weight:600;
font-size:13px;
color:#8B769E;
}
@media(max-width:1022px){
.yjb_provs-24l{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:561px){
.yjb_provs-24l{
grid-template-columns:repeat(2,1fr);
}
}
.yjb_gd_head-24l{
gap:0.75rem;
margin-bottom:1rem;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
display:flex;
}
.yjb_ab_h2-24l{
margin:0.875rem 0 1rem;
font-size:32px;
line-height:1.08;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#F0E8FA;
font-weight:700;
}
.yjb_ab_body-24l{
line-height:1.65;
color:#C2B0D8;
margin-bottom:0.875rem;
font-size:0.938rem;
}
.yjb_ab_chips-24l{
gap:10px;
margin-top:8px;
flex-wrap:wrap;
display:flex;
}
.yjb_faq-24l{
gap:10px;
display:flex;
flex-direction:column;
}
.yjb_faq_item-24l{
border-radius:13px;
padding:18px 1.375rem;
background:#17101E;
border:1px solid #322040;
}
.yjb_faq_q-24l{
gap:1rem;
list-style:none;
align-items:center;
cursor:pointer;
display:flex;
justify-content:space-between;
font-weight:600;
color:#F0E8FA;
font-size:0.969rem;
}
.yjb_faq_q-24l::-webkit-details-marker{
display:none;
}
.yjb_faq_q_t-24l{
gap:0.625rem;
display:flex;
}
.yjb_faq_q_i-24l{
font-style:normal;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
color:#E8259A;
}
.yjb_faq_pm-24l{
font-size:20px;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
color:#E8259A;
}
.yjb_faq_item-24l[open] .yjb_faq_pm-24l{
transform:rotate(45deg);
}
.yjb_faq_a-24l{
margin-top:12px;
line-height:1.6;
color:#C2B0D8;
font-size:0.844rem;
}
@media(max-width:561px){
.yjb_ab_h2-24l{
font-size:26px;
}
}
.yjb_et_h2-24l{
margin:10px 0 14px;
line-height:1.08;
color:#F0E8FA;
font-weight:700;
font-size:1.75rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
}
.yjb_et_right-24l{
gap:10px;
display:flex;
flex-direction:column;
}
.yjb_et_updated-24l{
padding:14px 18px;
border:1px solid #322040;
gap:10px;
background:#0F0A14;
border-radius:0.813rem;
font-size:12px;
align-items:center;
color:#C2B0D8;
display:flex;
}
.yjb_et_updated-24l svg{
flex:none;
color:#E8259A;
width:15px;
height:0.938rem;
}
.yjb_et_updated-24l b{
color:#F0E8FA;
}
@media(max-width:558px){
.yjb_et_h2-24l{
font-size:24px;
}
}
.yjb_dispute-24l{
border:1px dashed #4A2E5E;
border-radius:0.813rem;
padding:1.625rem 1.875rem;
gap:1.75rem;
align-items:center;
flex-wrap:wrap;
justify-content:space-between;
display:flex;
}
.yjb_dispute_in-24l{
max-width:41.25rem;
}
.yjb_dispute_h2-24l{
font-size:1.375rem;
color:#F0E8FA;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:8px;
font-weight:700;
}
.yjb_dispute_text-24l{
color:#C2B0D8;
font-size:13.5px;
line-height:1.6;
}
.yjb_op_h2-24l{
margin:10px 0 0.5rem;
font-size:24px;
color:#F0E8FA;
line-height:1.1;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
}
.yjb_op_text-24l{
color:#C2B0D8;
font-size:13.5px;
line-height:1.6;
}
@media(max-width:558px){
.yjb_op_h2-24l{
font-size:22px;
}
}
.yjb_rc-24l{
gap:32px;
grid-template-columns:1fr 1fr 1fr;
display:grid;
}
.yjb_rc-24l>*{
min-width:0;
}
.yjb_rc_awards-24l{
gap:0.688rem;
display:flex;
flex-direction:column;
}
.yjb_award-24l{
gap:0.688rem;
align-items:center;
display:flex;
}
.yjb_award-24l svg{
flex:none;
color:#F0B830;
width:1.125rem;
height:18px;
}
.yjb_award_t-24l{
font-size:0.844rem;
color:#F0E8FA;
font-weight:700;
}
.yjb_award_s-24l{
color:#8B769E;
font-size:0.719rem;
}
.yjb_rc_press-24l{
grid-template-columns:1fr 1fr;
gap:0.625rem;
display:grid;
}
.yjb_logo_cell-24l{
border:1px solid #322040;
border-radius:8px;
font-weight:700;
align-items:center;
display:flex;
justify-content:center;
height:3rem;
font-size:13px;
color:#C2B0D8;
}
.yjb_rc_partner-24l{
border-radius:13px;
background:#17101E;
padding:20px;
border:1px solid #322040;
}
.yjb_rc_partner_name-24l{
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#F0E8FA;
font-weight:700;
font-size:18px;
margin-bottom:6px;
}
.yjb_rc_partner_text-24l{
color:#C2B0D8;
line-height:1.55;
font-size:12.5px;
}
@media(max-width:1027px){
.yjb_rc-24l{
gap:1.375rem;
grid-template-columns:1fr;
}
.yjb_rc_press-24l{
grid-template-columns:repeat(4,1fr);
}
}
.yjb_footer-24l{
background:#09060D;
padding:2.5rem 1.75rem;
border-top:1px solid #251830;
}
.yjb_footer_grid-24l{
gap:32px;
grid-template-columns:1.4fr 1fr 1fr 1fr;
display:grid;
max-width:87.5rem;
margin-right:auto;
margin-bottom:28px;
margin-left:auto;
}
.yjb_footer_grid-24l>*{
min-width:0;
}
.yjb_footer_grid-24l h4{
text-transform:uppercase;
color:#5A4A6A;
margin-bottom:0.813rem;
font-size:10px;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
letter-spacing:.12em;
}
.yjb_fcol-24l{
gap:9px;
color:#C2B0D8;
display:flex;
font-size:13px;
flex-direction:column;
}
.yjb_fcol-24l a{
cursor:pointer;
}
.yjb_ft_about-24l{
font-size:0.813rem;
color:#8B769E;
margin-top:0.75rem;
max-width:16.25rem;
line-height:1.6;
}
.yjb_ft_contact-24l{
margin-top:0.75rem;
overflow-wrap:anywhere;
font-size:0.781rem;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
color:#E8259A;
}
.yjb_footer_bottom-24l{
gap:1rem;
margin:0 auto;
display:flex;
max-width:1400px;
padding-top:1.25rem;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
border-top:1px solid #251830;
}
.yjb_footer_bottom-24l p{
color:#5A4A6A;
line-height:1.6;
max-width:45rem;
font-size:0.688rem;
}
@media(max-width:1025px){
.yjb_footer_grid-24l{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:559px){
.yjb_footer_grid-24l{
grid-template-columns:1fr;
}
}