*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#0f0b14;
line-height:1.55;
color:#c4b4d6;
text-rendering:optimizeLegibility;
font-size:0.938rem;
font-family:"Onest", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
overflow-wrap:break-word;
-webkit-font-smoothing:antialiased;
}
img{
max-width:100%;
display:block;
}
a{
color:inherit;
text-decoration:none;
}
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:8px;
height:0.5rem;
}
::-webkit-scrollbar-thumb{
background:rgba(9, 6, 15, 0.72);
border-radius:0.5rem;
}
::-webkit-scrollbar-track{
background:transparent;
}
.yhk_shelluwf{
grid-template-columns:15.5rem 1fr;
display:grid;
min-height:100vh;
}
.yhk_mainuwf{
min-width:0;
}
.yhk_wrapuwf{
margin:0 auto;
max-width:1400px;
width:100%;
}
.yhk_containeruwf{
padding:0 1rem;
margin:0 auto;
max-width:1400px;
width:100%;
}
@media(min-width:769px){
.yhk_containeruwf{
padding:0 28px;
}
}
.yhk_sectionuwf{
padding:1.5rem 1.75rem;
}
.yhk_section_ptuwf{
padding-top:2.125rem;
}
.yhk_band_softuwf{
background:#171220;
}
.yhk_eyebrowuwf{
font-size:0.656rem;
color:#e0259a;
overflow-wrap:break-word;
line-height:1.4;
font-family:"Onest", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
letter-spacing:.14em;
text-transform:uppercase;
display:inline-block;
font-weight:600;
}
.yhk_drawer_cbuwf{
display:none;
}
.yhk_overlayuwf{
display:none;
}
@media(max-width:1022px){
.yhk_shelluwf{
grid-template-columns:1fr;
}
.yhk_mainuwf{
padding-bottom:78px;
}
.yhk_drawer_cbuwf:checked~.yhk_overlayuwf{
background:rgba(9, 6, 15, 0.72);
inset:0;
z-index:70;
position:fixed;
display:block;
}
}
@media(max-width:561px){
.yhk_sectionuwf{
padding:18px 1rem;
}
.yhk_section_ptuwf{
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 ---------- */
.yhk_sideuwf{
background:#130f1c;
padding:22px 1.125rem;
gap:22px;
border-right:1px solid #241b32;
flex-direction:column;
height:100vh;
position:sticky;
top:0;
align-self:start;
overflow-y:auto;
display:flex;
}
.yhk_branduwf{
gap:10px;
display:flex;
align-items:center;
}
.yhk_logouwf{
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
letter-spacing:-.02em;
color:#f2eaf8;
font-weight:700;
font-size:21px;
}
.yhk_side_ctauwf{
background:rgba(224, 37, 154, 0.12);
border-radius:0.813rem;
border:1px solid #2e2242;
padding:16px;
}
.yhk_side_cta_huwf{
font-size:17px;
font-weight:700;
line-height:1.15;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#f2eaf8;
margin-bottom:0.375rem;
}
.yhk_side_cta_puwf{
line-height:1.45;
color:#c4b4d6;
margin-bottom:0.75rem;
font-size:12px;
}
.yhk_navuwf{
gap:3px;
flex-direction:column;
display:flex;
}
.yhk_nav_labeluwf{
padding:6px 10px;
color:#5a4870;
text-transform:uppercase;
letter-spacing:.14em;
font-size:0.594rem;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.yhk_nav_itemuwf{
border-radius:9px;
padding:0.625rem;
gap:11px;
font-size:0.875rem;
display:flex;
color:#c4b4d6;
font-weight:500;
align-items:center;
}
.yhk_nav_itemuwf svg{
width:17px;
height:17px;
}
.yhk_nav_itemuwf:hover{
background:rgba(224, 37, 154, 0.12);
color:#f2eaf8;
}
.yhk_nav_item_onuwf{
background:rgba(224, 37, 154, 0.12);
font-weight:600;
color:#e0259a;
}
.yhk_side_footuwf{
padding:12px;
background:#171220;
border:1px solid #2e2242;
border-radius:0.813rem;
margin-top:auto;
}
.yhk_side_footuwf p{
line-height:1.4;
color:#c4b4d6;
font-size:12.5px;
margin-top:4px;
}
/* ---------- topbar ---------- */
.yhk_topuwf{
gap:16px;
background:#130f1c;
padding:0.875rem 1.75rem;
border-bottom:1px solid #241b32;
position:sticky;
display:flex;
align-items:center;
top:0;
z-index:40;
}
.yhk_top_branduwf{
gap:9px;
align-items:center;
display:none;
}
.yhk_searchuwf{
border:1px solid #2e2242;
background:#171220;
gap:10px;
padding:11px 0.875rem;
flex:1;
border-radius:13px;
max-width:27.5rem;
font-size:0.844rem;
align-items:center;
color:#8f7aaa;
display:flex;
}
.yhk_searchuwf svg{
flex:none;
width:16px;
height:16px;
}
.yhk_top_actionsuwf{
gap:0.75rem;
align-items:center;
display:flex;
margin-left:auto;
}
.yhk_languwf{
font-size:12px;
color:#c4b4d6;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.yhk_burgeruwf{
border:1px solid #2e2242;
background:#171220;
border-radius:9px;
align-items:center;
width:2.5rem;
display:none;
color:#f2eaf8;
height:2.5rem;
justify-content:center;
}
/* ---------- bottom-nav (mobile) ---------- */
.yhk_botnavuwf{
display:none;
}
@media(max-width:1021px){
.yhk_sideuwf{
transition:transform .25s ease;
width:280px;
top:0;
transform:translateX(-100%);
z-index:80;
position:fixed;
left:0;
height:100vh;
}
.yhk_drawer_cbuwf:checked~.yhk_shelluwf .yhk_sideuwf{
transform:translateX(0);
}
.yhk_topuwf{
padding:14px 1rem;
gap:12px;
position:static;
flex-wrap:wrap;
}
.yhk_top_branduwf{
display:flex;
}
.yhk_searchuwf{
display:none;
}
.yhk_burgeruwf{
display:flex;
}
.yhk_top_actionsuwf{
gap:10px;
margin-left:0;
width:100%;
align-items:stretch;
}
.yhk_top_actionsuwf .yhk_languwf{
display:none;
}
.yhk_top_actionsuwf .yhk_btnuwf{
padding:11px 10px;
flex:1;
text-align:center;
}
.yhk_botnavuwf{
grid-template-columns:repeat(3,1fr);
padding:8px 6px calc(8px + env(safe-area-inset-bottom));
background:#130f1c;
display:grid;
left:0;
right:0;
border-top:1px solid #2e2242;
transform:translateZ(0);
bottom:0;
position:fixed;
z-index:65;
}
.yhk_bnuwf{
padding:6px 2px 0;
gap:0.25rem;
align-items:center;
flex-direction:column;
min-width:0;
font-size:10px;
color:#c4b4d6;
justify-content:flex-end;
display:flex;
font-weight:600;
}
.yhk_bnuwf svg{
flex:none;
height:22px;
width:22px;
}
.yhk_bnuwf span{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
max-width:100%;
text-align:center;
}
.yhk_bn_onuwf{
color:#e0259a;
}
.yhk_bn_centeruwf{
position:relative;
}
.yhk_bn_fabuwf{
background:#e0259a;
border-radius:50%;
transform:translateX(-50%);
position:absolute;
height:3.125rem;
display:flex;
left:50%;
color:#ffffff;
align-items:center;
justify-content:center;
top:-20px;
width:50px;
box-shadow:0 8px 2.5rem rgba(0, 0, 0, 0.70), 0 2px 8px rgba(224, 37, 154, 0.20);
}
.yhk_bn_fabuwf svg{
height:24px;
width:24px;
}
.yhk_bn_centeruwf span{
color:#e0259a;
}
}
.yhk_btnuwf{
padding:0.688rem 1.375rem;
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;
border-radius:0.563rem;
gap:8px;
font-family:"Onest", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
align-items:center;
cursor:pointer;
font-size:0.875rem;
display:inline-flex;
justify-content:center;
}
.yhk_btn_priuwf{
background:#e0259a;
color:#ffffff;
box-shadow:0 0 18px rgba(224, 37, 154, 0.55), 0 4px 0.75rem rgba(0, 0, 0, 0.45);
}
.yhk_btn_priuwf:hover{
background:#c41f88;
}
.yhk_btn_ghostuwf{
background:rgba(224, 37, 154, 0.12);
color:#f2eaf8;
font-weight:600;
}
.yhk_btn_lineuwf{
background:transparent;
border:1px solid #3f3058;
color:#f2eaf8;
font-weight:600;
}
.yhk_btn_lguwf{
border-radius:13px;
padding:16px 1.875rem;
font-size:15px;
}
.yhk_banduwf .yhk_btn_lineuwf{
border-color:rgba(255, 255, 255, 0.13);
color:#f4ecfb;
}
.yhk_banduwf .yhk_btn_ghostuwf{
background:rgba(255, 255, 255, 0.08);
color:#f4ecfb;
}
.yhk_link_muwf{
gap:0.313rem;
cursor:pointer;
align-items:center;
font-size:0.75rem;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
display:inline-flex;
color:#e0259a;
text-decoration:none;
}
.yhk_link_muwf svg{
width:0.875rem;
height:0.875rem;
}
.yhk_banduwf .yhk_link_muwf{
color:#f040b0;
}
.yhk_dotuwf{
background:#e0259a;
flex:none;
border-radius:50%;
width:0.438rem;
height:0.438rem;
}
.yhk_dot_liveuwf{
animation:zm3-pulse 1.4s infinite;
background:#e8362a;
}
.yhk_starsuwf{
gap:2px;
display:inline-flex;
color:#e0259a;
}
.yhk_starsuwf svg{
width:15px;
height:15px;
}
.yhk_chipuwf{
gap:0.375rem;
border-radius:9px;
border:1px solid #2e2242;
background:#171220;
padding:7px 0.75rem;
font-size:0.688rem;
display:inline-flex;
align-items:center;
color:#c4b4d6;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.yhk_chip_onuwf{
background:rgba(224, 37, 154, 0.12);
border-color:transparent;
color:#e0259a;
}
.yhk_gcuwf{
color:inherit;
display:block;
text-decoration:none;
min-width:0;
cursor:pointer;
}
.yhk_gc_thumbuwf{
border-radius:0.813rem;
overflow:hidden;
border:1px solid #2e2242;
aspect-ratio:1;
display:block;
background-position:center;
background-size:cover;
position:relative;
}
.yhk_gc_thumb_portraituwf{
aspect-ratio:3/4;
}
.yhk_gc_thumb_wideuwf{
aspect-ratio:16/11;
}
.yhk_gc_capuwf{
padding:0.563rem;
background:linear-gradient(transparent,rgba(9, 6, 15, 0.72));
left:0;
right:0;
position:absolute;
bottom:0;
}
.yhk_gc_nameuwf{
display:block;
color:#f4ecfb;
font-weight:700;
font-size:0.781rem;
}
.yhk_gc_metauwf{
font-size:11px;
color:#b89ed0;
}
.yhk_gc_badgeuwf{
background:#e0259a;
padding:2px 0.375rem;
border-radius:0.563rem;
top:8px;
font-weight:700;
color:#ffffff;
font-size:0.5rem;
right:0.5rem;
position:absolute;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.yhk_gc_badge_hotuwf{
background:#e8362a;
color:#f4ecfb;
}
.yhk_gc_badge_liveuwf{
background:#e8362a;
color:#f4ecfb;
right:auto;
left:8px;
}
.yhk_gc_multuwf{
inset:0;
font-weight:700;
font-size:1.75rem;
justify-content:center;
position:absolute;
display:flex;
align-items:center;
color:#e0259a;
}
.yhk_pcuwf{
background:#171220;
border:1px solid #2e2242;
border-radius:13px;
display:flex;
font-size:14px;
align-items:center;
color:#c4b4d6;
font-weight:700;
height:4rem;
justify-content:center;
}
.yhk_railuwf{
min-width:0;
}
.yhk_rail_scrolluwf{
gap:14px;
display:grid;
}
.yhk_rail_scrolluwf>*{
min-width:0;
}
.yhk_g6uwf{
grid-template-columns:repeat(6,1fr);
}
.yhk_g7uwf{
grid-template-columns:repeat(7,1fr);
}
.yhk_g4uwf{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1023px){
.yhk_g6uwf,.yhk_g7uwf{
grid-template-columns:none;
scroll-snap-type:x mandatory;
grid-auto-flow:column;
grid-auto-columns:7.5rem;
overflow-x:auto;
padding-bottom:0.375rem;
}
.yhk_g6uwf>*,.yhk_g7uwf>*{
scroll-snap-align:start;
}
.yhk_g4uwf{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:561px){
.yhk_g4uwf{
grid-template-columns:none;
grid-auto-columns:150px;
overflow-x:auto;
grid-auto-flow:column;
}
}
.yhk_paneluwf{
padding:28px 32px;
background:#171220;
border:1px solid #2e2242;
border-radius:1.25rem;
}
.yhk_splituwf{
gap:2.25rem;
align-items:start;
display:grid;
}
.yhk_splituwf>*{
min-width:0;
}
.yhk_split_auwf{
grid-template-columns:.85fr 1.15fr;
}
.yhk_split_buwf{
grid-template-columns:1fr 1.1fr;
}
.yhk_split_cuwf{
grid-template-columns:1.1fr .9fr;
}
.yhk_pgriduwf{
gap:40px;
grid-template-columns:.9fr 1.1fr;
display:grid;
align-items:center;
}
.yhk_pgriduwf>*{
min-width:0;
}
.yhk_leaduwf{
font-size:0.938rem;
color:#c4b4d6;
line-height:1.65;
margin-bottom:0.875rem;
}
.yhk_featuwf{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.yhk_featuwf>*{
min-width:0;
}
.yhk_feat2uwf{
grid-template-columns:1fr 1fr;
}
.yhk_feat_carduwf{
border:1px solid #2e2242;
border-radius:1.25rem;
padding:1.625rem;
background:#171220;
}
.yhk_feat_carduwf svg{
height:26px;
margin-bottom:1rem;
width:1.625rem;
color:#e0259a;
}
.yhk_feat_carduwf h3{
margin-bottom:8px;
font-size:1.125rem;
color:#f2eaf8;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
}
.yhk_feat_carduwf p{
line-height:1.6;
font-size:0.813rem;
color:#c4b4d6;
}
.yhk_feat_carduwf b{
color:#f2eaf8;
}
.yhk_biguwf{
gap:22px;
display:flex;
flex-wrap:wrap;
}
.yhk_big_nuwf{
font-size:1.625rem;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#e0259a;
font-weight:700;
}
.yhk_big_luwf{
font-size:0.75rem;
color:#8f7aaa;
}
.yhk_personuwf{
border-radius:13px;
background:#171220;
padding:16px 1.125rem;
border:1px solid #2e2242;
gap:14px;
display:flex;
align-items:center;
}
.yhk_avataruwf{
border-radius:50%;
background:linear-gradient(135deg,#e0259a,#a8176e);
flex:none;
height:44px;
width:2.75rem;
}
.yhk_person_nameuwf{
font-size:0.875rem;
color:#f2eaf8;
font-weight:700;
}
.yhk_person_roleuwf{
font-size:0.75rem;
color:#8f7aaa;
}
.yhk_kvuwf{
border:1px solid #2e2242;
background:#2e2242;
grid-template-columns:1fr 1fr;
overflow:hidden;
border-radius:13px;
gap:1px;
display:grid;
}
.yhk_kvuwf>div{
background:#0f0b14;
padding:1rem 18px;
min-width:0;
}
.yhk_kv_kuwf{
text-transform:uppercase;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
margin-bottom:5px;
color:#e0259a;
font-size:9.5px;
}
.yhk_kv_vuwf{
font-size:13.5px;
font-weight:700;
color:#f2eaf8;
}
@media(max-width:1025px){
.yhk_split_auwf,.yhk_split_buwf,.yhk_split_cuwf,.yhk_pgriduwf{
grid-template-columns:1fr;
gap:1.5rem;
}
.yhk_featuwf,.yhk_feat2uwf{
grid-template-columns:1fr;
}
.yhk_kvuwf{
grid-template-columns:1fr;
}
}
.yhk_shuwf{
min-width:0;
margin-bottom:1rem;
}
.yhk_sh_rowuwf{
gap:0.75rem;
align-items:flex-end;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.yhk_sh_rowuwf .yhk_sh_luwf{
gap:0.375rem;
display:flex;
flex-direction:column;
min-width:0;
}
.yhk_sh_stackuwf{
gap:10px;
align-items:flex-start;
flex-direction:column;
display:flex;
}
.yhk_sh_centeruwf{
gap:10px;
display:flex;
text-align:center;
flex-direction:column;
align-items:center;
}
.yhk_sh_h2uwf{
gap:9px;
font-size:20px;
display:flex;
overflow-wrap:break-word;
align-items:center;
color:#f2eaf8;
font-weight:700;
line-height:1.1;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
@media(min-width:765px){
.yhk_sh_h2uwf{
font-size:1.5rem;
}
}
.yhk_banduwf .yhk_sh_h2uwf{
color:#f4ecfb;
}
.yhk_eb_monouwf{
text-transform:none;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
letter-spacing:.08em;
}
.yhk_eb_monouwf::before{
content:"// ";
}
.yhk_eb_upperuwf{
text-transform:uppercase;
letter-spacing:.14em;
}
.yhk_eb_pilluwf{
background:rgba(224, 37, 154, 0.12);
border-radius:62.438rem;
padding:5px 11px;
text-transform:uppercase;
letter-spacing:.12em;
}
.yhk_eb_lineuwf{
gap:10px;
align-items:center;
display:inline-flex;
}
.yhk_eb_lineuwf::before{
background:#e0259a;
content:"";
width:24px;
display:inline-block;
height:1px;
}
.yhk_banduwf .yhk_eb_lineuwf::before{
background:#f040b0;
}
.yhk_banduwf .yhk_eb_pilluwf{
background:rgba(255, 255, 255, 0.08);
}
.yhk_sh_linkuwf{
gap:6px;
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;
padding-bottom:2px;
display:inline-flex;
font-size:13px;
color:#f2eaf8;
white-space:nowrap;
font-weight:600;
align-items:center;
border-bottom:1px solid #f2eaf8;
}
.yhk_sh_linkuwf:hover{
border-color:#e0259a;
color:#e0259a;
}
.yhk_sh_linkuwf svg{
width:0.875rem;
height:14px;
}
.yhk_sh_link_chevuwf{
padding-bottom:0;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:0.75rem;
color:#e0259a;
border-bottom:0;
}
.yhk_sh_link_btnuwf{
border-radius:999px;
background:#e0259a;
padding:9px 18px;
border-bottom:0;
color:#ffffff;
}
.yhk_sh_link_btnuwf:hover{
background:#c41f88;
border-color:transparent;
}
.yhk_banduwf .yhk_sh_linkuwf{
border-color:#f4ecfb;
color:#f4ecfb;
}
.yhk_banduwf .yhk_sh_link_chevuwf{
color:#f040b0;
}
.yhk_sh_ruleuwf{
background:#2e2242;
margin:-2px 0 16px;
height:1px;
}
.yhk_banduwf .yhk_sh_ruleuwf{
background:rgba(255, 255, 255, 0.13);
}
.yhk_seo_grid3uwf{
grid-template-columns:repeat(3,1fr);
gap:1.25rem;
display:grid;
}
.yhk_seo_grid4uwf{
gap:13px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.yhk_seo_grid3uwf>*,.yhk_seo_grid4uwf>*{
min-width:0;
}
.yhk_seo_carduwf{
border:1px solid #2e2242;
background:#171220;
padding:24px;
border-radius:0.813rem;
}
.yhk_seo_carduwf h3{
font-weight:700;
color:#f2eaf8;
margin-bottom:0.5rem;
font-size:1.125rem;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.yhk_seo_carduwf p{
color:#c4b4d6;
font-size:0.813rem;
line-height:1.6;
}
.yhk_seo_card_smuwf{
padding:20px;
}
.yhk_seo_card_smuwf h3{
font-size:1rem;
}
.yhk_seo_card_smuwf p{
font-size:0.781rem;
line-height:1.55;
}
.yhk_seo_rtp_rowuwf{
grid-template-columns:1fr 1fr;
gap:2.25rem;
align-items:center;
margin-top:1rem;
display:grid;
}
.yhk_rtpuwf{
gap:0.875rem;
display:flex;
min-width:0;
}
.yhk_rtpuwf>div{
padding:16px;
background:#0f0b14;
border-radius:13px;
flex:1;
text-align:center;
min-width:0;
}
.yhk_rtp_nuwf{
color:#e0259a;
white-space:nowrap;
font-weight:700;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:26px;
}
.yhk_rtp_luwf{
color:#8f7aaa;
margin-top:4px;
font-size:11px;
}
.yhk_cmpuwf{
overflow:hidden;
border:1px solid #2e2242;
border-radius:0.813rem;
max-width:760px;
}
.yhk_cmp_rowuwf{
grid-template-columns:1.6fr 1fr 1fr;
display:grid;
font-size:0.813rem;
}
.yhk_cmp_rowuwf>div{
padding:13px 0.875rem;
min-width:0;
text-align:center;
}
.yhk_cmp_rowuwf>div:first-child{
color:#f2eaf8;
text-align:left;
font-weight:600;
padding-left:22px;
}
.yhk_cmp_thuwf{
background:#0f0b14;
font-weight:700;
font-size:12.5px;
}
.yhk_cmp_rowuwf:not(.yhk_cmp_thuwf){
background:#171220;
border-top:1px solid #241b32;
color:#c4b4d6;
}
.yhk_cmp_zebrauwf{
background:#1e1729;
}
.yhk_guideuwf{
background:#171220;
border-radius:13px;
border:1px solid #2e2242;
overflow:hidden;
cursor:pointer;
}
.yhk_guide_coveruwf{
height:130px;
}
.yhk_guide_bodyuwf{
padding:1.25rem;
}
.yhk_guide_bodyuwf h3{
margin:7px 0 9px;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:16px;
color:#f2eaf8;
font-weight:700;
line-height:1.25;
}
.yhk_guide_metauwf{
font-size:11.5px;
color:#8f7aaa;
}
.yhk_hubuwf{
gap:1.75rem;
grid-template-columns:repeat(5,1fr);
padding-top:28px;
display:grid;
border-top:1px solid #241b32;
}
.yhk_hubuwf>*{
min-width:0;
}
.yhk_hubuwf h4{
color:#f2eaf8;
font-size:0.813rem;
font-weight:700;
margin-bottom:0.688rem;
}
.yhk_hub_coluwf{
gap:0.5rem;
flex-direction:column;
display:flex;
color:#c4b4d6;
font-size:13px;
}
.yhk_hub_coluwf a{
cursor:pointer;
}
@media(max-width:1027px){
.yhk_seo_grid3uwf{
grid-template-columns:1fr;
}
.yhk_seo_grid4uwf{
grid-template-columns:repeat(2,1fr);
}
.yhk_seo_rtp_rowuwf{
gap:1.25rem;
grid-template-columns:1fr;
}
.yhk_hubuwf{
gap:1.375rem;
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:562px){
.yhk_hubuwf{
grid-template-columns:1fr;
}
}
.yhk_tkuwf{
overflow:hidden;
background:#09060f;
display:flex;
align-items:center;
border-bottom:1px solid #241b32;
}
.yhk_tk_taguwf{
background:#171220;
padding:0.688rem 18px;
flex:none;
gap:8px;
font-weight:600;
color:#e8362a;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
align-items:center;
font-size:10.5px;
letter-spacing:.1em;
text-transform:uppercase;
display:flex;
border-right:1px solid #241b32;
}
.yhk_tk_railuwf{
overflow:hidden;
flex:1;
}
.yhk_tk_trackuwf{
gap:1.75rem;
padding:0.688rem 0.875rem;
animation:zm3-marquee 26s linear infinite;
display:flex;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#c4b4d6;
white-space:nowrap;
font-size:12px;
width:max-content;
}
.yhk_tk_trackuwf b{
color:#e0259a;
}
.yhk_herouwf{
overflow:hidden;
border-radius:1.25rem;
border:1px solid #2e2242;
padding:2.875rem 48px;
background:linear-gradient(120deg,#1a0d22,#0e0c1e);
position:relative;
color:#f4ecfb;
}
.yhk_hero_glowuwf{
background:radial-gradient(circle,rgba(214, 31, 148, 0.22),transparent 70%);
border-radius:50%;
height:21.25rem;
width:340px;
right:-60px;
top:-60px;
position:absolute;
}
.yhk_hero_inuwf{
max-width:600px;
position:relative;
}
.yhk_herouwf .yhk_eyebrowuwf{
color:#f040b0;
}
.yhk_pill_rowuwf{
border-radius:999px;
padding:0.375rem 13px;
gap:0.5rem;
border:1px solid rgba(255, 255, 255, 0.13);
background:rgba(255, 255, 255, 0.08);
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:10.5px;
align-items:center;
color:#f040b0;
text-transform:uppercase;
margin-bottom:22px;
display:inline-flex;
letter-spacing:.1em;
}
.yhk_hero_h1uwf{
margin:18px 0;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
overflow-wrap:break-word;
font-size:3.375rem;
font-weight:700;
line-height:1.02;
color:#f4ecfb;
letter-spacing:-.02em;
}
.yhk_hero_h1uwf em{
color:#f040b0;
font-style:normal;
}
.yhk_hero_subuwf{
max-width:480px;
line-height:1.55;
margin-bottom:28px;
color:#b89ed0;
font-size:17px;
}
.yhk_hero_ctauwf{
gap:14px;
display:flex;
margin-bottom:1.625rem;
flex-wrap:wrap;
align-items:center;
}
.yhk_hero_trustuwf{
gap:14px;
flex-wrap:wrap;
align-items:center;
display:flex;
}
.yhk_hero_rating_txtuwf{
font-size:13px;
color:#b89ed0;
}
@media(max-width:1026px){
.yhk_herouwf{
padding:2rem 1.5rem;
}
.yhk_hero_h1uwf{
font-size:38px;
}
}
@media(max-width:561px){
.yhk_hero_h1uwf{
font-size:30px;
}
}
.yhk_statuwf{
grid-template-columns:repeat(4,1fr);
gap:0.875rem;
display:grid;
}
.yhk_statuwf>*{
min-width:0;
}
.yhk_stat_itemuwf{
background:#171220;
border-radius:0.813rem;
border:1px solid #2e2242;
padding:18px 20px;
}
.yhk_stat_kuwf{
margin-bottom:0.438rem;
text-transform:uppercase;
letter-spacing:.12em;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#8f7aaa;
font-size:9.5px;
}
.yhk_stat_vuwf{
gap:8px;
display:flex;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
min-width:0;
font-size:1.5rem;
color:#f2eaf8;
align-items:center;
font-weight:700;
overflow-wrap:anywhere;
}
.yhk_stat_v_accentuwf{
color:#e0259a;
}
@media(max-width:1024px){
.yhk_statuwf{
grid-template-columns:repeat(2,1fr);
}
}
.yhk_wlcuwf{
background:linear-gradient(120deg,#1a0d22,#0e0c1e);
border:1px solid #2e2242;
grid-template-columns:1.2fr .8fr;
padding:2.25rem 2.5rem;
gap:24px;
border-radius:20px;
overflow:hidden;
position:relative;
color:#f4ecfb;
display:grid;
align-items:center;
}
.yhk_wlcuwf>*{
min-width:0;
}
.yhk_wlcuwf .yhk_eyebrowuwf{
color:#f040b0;
}
.yhk_wlc_glowuwf{
border-radius:50%;
background:radial-gradient(circle,rgba(214, 31, 148, 0.22),transparent 70%);
position:absolute;
top:-2.5rem;
right:-2.5rem;
width:260px;
height:260px;
}
.yhk_wlc_inuwf{
position:relative;
}
.yhk_wlc_h2uwf{
margin:10px 0 8px;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
font-size:34px;
overflow-wrap:break-word;
line-height:1.03;
color:#f4ecfb;
}
.yhk_wlc_h2uwf em{
color:#f040b0;
font-style:normal;
}
.yhk_wlc_subuwf{
font-size:0.875rem;
max-width:26.25rem;
margin-bottom:1.125rem;
color:#b89ed0;
line-height:1.55;
}
.yhk_wlc_termsuwf{
gap:0.625rem;
display:flex;
position:relative;
flex-direction:column;
}
.yhk_termuwf{
border-radius:13px;
border:1px solid rgba(255, 255, 255, 0.13);
gap:11px;
padding:0.813rem 15px;
background:rgba(255, 255, 255, 0.08);
align-items:center;
display:flex;
}
.yhk_termuwf svg{
flex:none;
width:20px;
height:1.25rem;
color:#f040b0;
}
.yhk_term_kuwf{
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
letter-spacing:.1em;
font-size:9.5px;
text-transform:uppercase;
color:#b89ed0;
}
.yhk_term_vuwf{
font-weight:700;
margin-top:2px;
font-size:14px;
color:#f4ecfb;
}
@media(max-width:1023px){
.yhk_wlcuwf{
grid-template-columns:1fr;
}
}
@media(max-width:557px){
.yhk_wlc_h2uwf{
font-size:1.625rem;
}
}
.yhk_jpuwf{
gap:14px;
grid-template-columns:1.5fr 1fr 1fr;
display:grid;
}
.yhk_jpuwf>*{
min-width:0;
}
.yhk_jp_herouwf{
background:linear-gradient(135deg,#1a0d22,#0e0c1e);
padding:26px;
border-radius:1.25rem;
overflow:hidden;
border:1px solid #2e2242;
gap:14px;
justify-content:space-between;
flex-direction:column;
position:relative;
display:flex;
color:#f4ecfb;
min-height:11.25rem;
}
.yhk_jp_glowuwf{
border-radius:50%;
background:radial-gradient(circle,rgba(214, 31, 148, 0.22),transparent 70%);
right:-2.5rem;
width:180px;
top:-40px;
position:absolute;
height:11.25rem;
}
.yhk_jp_k_rowuwf{
gap:0.625rem;
display:flex;
align-items:center;
position:relative;
justify-content:space-between;
}
.yhk_jp_kuwf{
font-size:0.625rem;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
letter-spacing:.12em;
text-transform:uppercase;
color:#8f7aaa;
}
.yhk_jp_herouwf .yhk_jp_kuwf{
color:#b89ed0;
}
.yhk_jp_amtuwf{
line-height:1;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
position:relative;
font-size:2.625rem;
font-weight:700;
color:#f040b0;
}
.yhk_jp_subuwf{
color:#b89ed0;
margin-top:5px;
font-size:12px;
}
.yhk_jp_celluwf{
border:1px solid #2e2242;
background:#171220;
padding:1.375rem;
border-radius:20px;
min-height:180px;
flex-direction:column;
display:flex;
justify-content:space-between;
}
.yhk_jp_celluwf .yhk_jp_amtuwf{
color:#f2eaf8;
font-size:30px;
}
.yhk_jp_celluwf .yhk_jp_subuwf{
color:#8f7aaa;
}
@media(max-width:1023px){
.yhk_jpuwf{
grid-template-columns:1fr;
}
}
@media(max-width:562px){
.yhk_jp_amtuwf{
font-size:32px;
}
}
.yhk_dw_h2uwf{
font-size:26px;
margin-bottom:10px;
font-weight:700;
color:#f2eaf8;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1.08;
}
.yhk_steps_vuwf{
grid-template-columns:1fr;
gap:0.625rem;
}
.yhk_steps_vuwf .yhk_stepuwf{
padding:1.125rem 20px;
}
@media(max-width:561px){
.yhk_dw_h2uwf{
font-size:23px;
}
}
.yhk_stepsuwf{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.yhk_stepsuwf>*{
min-width:0;
}
.yhk_stepuwf{
border-radius:13px;
border:1px solid #2e2242;
padding:24px;
background:#171220;
position:relative;
}
.yhk_step_numuwf{
border-radius:0.563rem;
background:#e0259a;
align-items:center;
height:1.875rem;
color:#ffffff;
font-size:0.813rem;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
display:flex;
width:30px;
justify-content:center;
margin-bottom:14px;
font-weight:700;
}
.yhk_step_huwf{
margin-bottom:0.438rem;
font-weight:700;
color:#f2eaf8;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:16px;
}
.yhk_step_puwf{
color:#c4b4d6;
font-size:13px;
line-height:1.55;
}
@media(max-width:1026px){
.yhk_stepsuwf{
grid-template-columns:1fr;
}
}
.yhk_promo_griduwf{
grid-template-columns:repeat(3,1fr);
gap:1rem;
display:grid;
}
.yhk_promo_griduwf>*{
min-width:0;
}
.yhk_promouwf{
padding:24px;
overflow:hidden;
border-radius:20px;
border:1px solid #2e2242;
background:#171220;
position:relative;
min-height:9.375rem;
}
.yhk_promo_huwf{
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:26px;
margin-top:6px;
color:#f2eaf8;
line-height:1.05;
font-weight:700;
}
.yhk_promo_huwf em{
color:#e0259a;
font-style:normal;
}
.yhk_promo_puwf{
font-size:12.5px;
margin-top:8px;
line-height:1.5;
color:#c4b4d6;
}
.yhk_promo_featuwf{
background:linear-gradient(135deg,#1a0d22,#0e0c1e);
border-color:#2e2242;
}
.yhk_promo_featuwf .yhk_promo_huwf{
color:#f4ecfb;
}
.yhk_promo_featuwf .yhk_promo_huwf em{
color:#f040b0;
}
.yhk_promo_featuwf .yhk_promo_puwf{
color:#b89ed0;
}
.yhk_promo_featuwf .yhk_eyebrowuwf{
color:#f040b0;
}
@media(max-width:1023px){
.yhk_promo_griduwf{
grid-template-columns:1fr;
}
}
.yhk_appuwf{
gap:2.25rem;
justify-content:space-between;
flex-wrap:wrap;
align-items:center;
display:flex;
}
.yhk_app_copyuwf{
max-width:32.5rem;
}
.yhk_app_h2uwf{
margin:12px 0 0.625rem;
line-height:1.05;
font-size:1.75rem;
font-weight:700;
color:#f2eaf8;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.yhk_app_textuwf{
color:#c4b4d6;
font-size:0.875rem;
line-height:1.6;
margin-bottom:20px;
}
.yhk_app_btnsuwf{
gap:0.75rem;
display:flex;
flex-wrap:wrap;
}
.yhk_storeuwf{
border-radius:0.813rem;
background:#0f0b14;
gap:0.563rem;
padding:11px 1.125rem;
border:1px solid #2e2242;
display:inline-flex;
align-items:center;
cursor:pointer;
font-weight:700;
font-size:13px;
color:#f2eaf8;
}
.yhk_storeuwf svg{
width:16px;
height:16px;
}
.yhk_app_qr_wrapuwf{
gap:16px;
align-items:center;
display:flex;
}
.yhk_qruwf{
background:#0f0b14;
grid-template-columns:repeat(5,1fr);
padding:0.688rem;
border-radius:0.813rem;
grid-template-rows:repeat(5,1fr);
border:1px solid #2e2242;
gap:3px;
width:108px;
display:grid;
height:108px;
}
.yhk_qruwf i{
background:transparent;
}
.yhk_qr_fuwf{
background:#e0259a;
}
.yhk_app_qr_capuwf{
color:#8f7aaa;
font-size:0.75rem;
max-width:5.25rem;
line-height:1.4;
}
.yhk_suppuwf{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.yhk_suppuwf>*{
min-width:0;
}
.yhk_supp_carduwf{
background:#171220;
border-radius:13px;
padding:24px;
border:1px solid #2e2242;
}
.yhk_supp_carduwf svg{
margin-bottom:0.875rem;
color:#e0259a;
width:24px;
height:1.5rem;
}
.yhk_supp_carduwf h3{
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#f2eaf8;
font-weight:700;
margin-bottom:0.375rem;
font-size:16px;
}
.yhk_supp_carduwf p{
font-size:13px;
color:#c4b4d6;
line-height:1.55;
}
@media(max-width:1025px){
.yhk_suppuwf{
grid-template-columns:1fr;
}
}
.yhk_pay_logosuwf{
gap:9px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.yhk_pay_logosuwf>*{
min-width:0;
}
.yhk_payuwf{
border-radius:9px;
border:1px solid #2e2242;
display:flex;
color:#c4b4d6;
justify-content:center;
align-items:center;
height:48px;
font-size:12px;
font-weight:700;
}
.yhk_tableuwf{
border-radius:0.813rem;
border:1px solid #2e2242;
overflow:hidden;
}
.yhk_trowuwf{
grid-template-columns:1.3fr 1fr 1fr 1fr;
font-size:13px;
display:grid;
}
.yhk_trowuwf>div{
padding:13px 14px;
min-width:0;
}
.yhk_trowuwf>div:first-child{
padding-left:16px;
color:#f2eaf8;
font-weight:700;
}
.yhk_trow_thuwf{
background:#0f0b14;
text-transform:uppercase;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:9.5px;
letter-spacing:.06em;
color:#8f7aaa;
}
.yhk_trowuwf:not(.yhk_trow_thuwf){
background:#171220;
color:#c4b4d6;
border-top:1px solid #241b32;
}
.yhk_trow_zebrauwf{
background:#1e1729;
}
.yhk_posuwf{
color:#e0259a;
font-weight:700;
}
@media(max-width:1024px){
.yhk_pay_logosuwf{
grid-template-columns:repeat(2,1fr);
}
}
.yhk_gmuwf{
gap:1rem;
grid-template-columns:1.3fr 1fr;
display:grid;
}
.yhk_gmuwf>*{
min-width:0;
}
.yhk_gm_paneluwf{
border:1px solid #2e2242;
padding:1.75rem;
background:#171220;
border-radius:20px;
}
.yhk_gm_h2uwf{
margin:10px 0 0.5rem;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:1.5rem;
color:#f2eaf8;
font-weight:700;
}
.yhk_gm_textuwf{
margin-bottom:20px;
max-width:27.5rem;
line-height:1.6;
font-size:13.5px;
color:#c4b4d6;
}
.yhk_gm_leveluwf{
gap:0.875rem;
display:flex;
margin-bottom:16px;
align-items:center;
}
.yhk_gm_lvuwf{
font-size:24px;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#e0259a;
font-weight:700;
}
.yhk_gm_bar_wrapuwf{
flex:1;
min-width:0;
}
.yhk_gm_bar_metauwf{
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
display:flex;
margin-bottom:0.313rem;
color:#8f7aaa;
font-size:10px;
justify-content:space-between;
}
.yhk_baruwf{
background:#0f0b14;
overflow:hidden;
border-radius:999px;
height:8px;
}
.yhk_bar_filluwf{
background:linear-gradient(90deg,#e0259a,#a8176e);
border-radius:62.438rem;
height:100%;
display:block;
}
.yhk_gm_missionsuwf{
gap:0.563rem;
flex-wrap:wrap;
display:flex;
}
.yhk_gm_referuwf{
border-radius:20px;
background:linear-gradient(150deg,#1a0d22,#0e0c1e);
border:1px solid #2e2242;
overflow:hidden;
padding:1.75rem;
position:relative;
color:#f4ecfb;
display:flex;
justify-content:space-between;
flex-direction:column;
}
.yhk_gm_referuwf .yhk_eyebrowuwf{
color:#f040b0;
}
.yhk_gm_ref_h2uwf{
margin:10px 0 0.5rem;
line-height:1.1;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#f4ecfb;
font-size:1.5rem;
font-weight:700;
}
.yhk_gm_ref_h2uwf em{
font-style:normal;
color:#f040b0;
}
.yhk_gm_ref_textuwf{
font-size:0.813rem;
line-height:1.55;
margin-bottom:18px;
color:#b89ed0;
}
@media(max-width:1022px){
.yhk_gmuwf{
grid-template-columns:1fr;
}
}
.yhk_touruwf{
border:1px solid #2e2242;
overflow:hidden;
border-radius:1.25rem;
grid-template-columns:1.05fr 1fr;
display:grid;
}
.yhk_touruwf>*{
min-width:0;
}
.yhk_tour_luwf{
overflow:hidden;
padding:34px;
background:linear-gradient(135deg,#1a0d22,#0e0c1e);
position:relative;
color:#f4ecfb;
}
.yhk_tour_h2uwf{
margin:0.75rem 0 0.625rem;
line-height:1.05;
font-weight:700;
color:#f4ecfb;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:30px;
}
.yhk_tour_h2uwf em{
color:#f040b0;
font-style:normal;
}
.yhk_tour_textuwf{
max-width:21.25rem;
margin-bottom:20px;
color:#b89ed0;
font-size:0.844rem;
line-height:1.6;
}
.yhk_tour_metauwf{
gap:1.125rem;
display:flex;
margin-bottom:1.25rem;
align-items:flex-end;
flex-wrap:wrap;
}
.yhk_tour_capuwf{
text-transform:uppercase;
font-size:9.5px;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
margin-bottom:5px;
color:#b89ed0;
}
.yhk_countuwf{
gap:0.375rem;
display:flex;
}
.yhk_countuwf span{
background:rgba(255, 255, 255, 0.08);
padding:0.25rem 0.563rem;
border:1px solid rgba(255, 255, 255, 0.13);
border-radius:0.563rem;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:22px;
font-weight:700;
}
.yhk_tour_unitsuwf{
font-size:10px;
color:#b89ed0;
}
.yhk_boarduwf{
background:#171220;
padding:1.75rem 1.875rem;
}
.yhk_board_headuwf{
margin-bottom:0.875rem;
align-items:center;
justify-content:space-between;
display:flex;
}
.yhk_board_titleuwf{
font-weight:700;
color:#f2eaf8;
font-size:1rem;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.yhk_board_upduwf{
text-transform:uppercase;
color:#8f7aaa;
font-size:0.625rem;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.yhk_board_listuwf{
gap:2px;
display:flex;
flex-direction:column;
}
.yhk_board_rowuwf{
padding:0.625rem 0.75rem;
gap:0.75rem;
border-radius:9px;
display:flex;
align-items:center;
}
.yhk_board_top1uwf{
background:rgba(224, 37, 154, 0.12);
}
.yhk_board_rkuwf{
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-weight:700;
font-size:0.875rem;
color:#8f7aaa;
width:20px;
}
.yhk_board_top1uwf .yhk_board_rkuwf{
color:#e0259a;
}
.yhk_board_nmuwf{
flex:1;
color:#c4b4d6;
font-size:0.844rem;
font-weight:600;
min-width:0;
}
.yhk_board_top1uwf .yhk_board_nmuwf{
font-weight:700;
color:#f2eaf8;
}
.yhk_board_ptuwf{
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:0.781rem;
color:#c4b4d6;
}
@media(max-width:1025px){
.yhk_touruwf{
grid-template-columns:1fr;
}
}
@media(max-width:557px){
.yhk_tour_h2uwf{
font-size:1.5rem;
}
}
.yhk_vip_headuwf{
gap:12px;
flex-wrap:wrap;
display:flex;
justify-content:space-between;
align-items:flex-end;
margin-bottom:1.125rem;
}
.yhk_vip_introuwf{
font-size:13px;
color:#c4b4d6;
max-width:420px;
}
.yhk_vipuwf{
grid-template-columns:repeat(5,1fr);
gap:12px;
display:grid;
}
.yhk_vipuwf>*{
min-width:0;
}
.yhk_tieruwf{
padding:20px;
border-radius:13px;
border:1px solid #2e2242;
background:#171220;
}
.yhk_tier_onuwf{
border-color:#e0259a;
background:rgba(224, 37, 154, 0.12);
}
.yhk_tier_medaluwf{
border-radius:0.563rem;
background:linear-gradient(135deg,#e0259a,#a8176e);
width:1.875rem;
height:30px;
margin-bottom:14px;
}
.yhk_tier_nameuwf{
margin-bottom:5px;
font-weight:700;
color:#f2eaf8;
font-size:0.938rem;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.yhk_tier_txuwf{
color:#8f7aaa;
line-height:1.5;
font-size:0.719rem;
}
@media(max-width:1024px){
.yhk_vipuwf{
grid-template-columns:repeat(2,1fr);
}
}
.yhk_op_h2uwf{
margin:0.625rem 0 0.5rem;
font-weight:700;
line-height:1.1;
font-size:1.5rem;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#f2eaf8;
}
.yhk_op_textuwf{
line-height:1.6;
font-size:0.844rem;
color:#c4b4d6;
}
@media(max-width:561px){
.yhk_op_h2uwf{
font-size:22px;
}
}
.yhk_et_h2uwf{
margin:0.625rem 0 14px;
line-height:1.08;
color:#f2eaf8;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
font-size:28px;
}
.yhk_et_rightuwf{
gap:0.625rem;
flex-direction:column;
display:flex;
}
.yhk_et_updateduwf{
background:#0f0b14;
padding:14px 18px;
gap:0.625rem;
border:1px solid #2e2242;
border-radius:0.813rem;
display:flex;
font-size:12px;
align-items:center;
color:#c4b4d6;
}
.yhk_et_updateduwf svg{
flex:none;
width:0.938rem;
color:#e0259a;
height:0.938rem;
}
.yhk_et_updateduwf b{
color:#f2eaf8;
}
@media(max-width:558px){
.yhk_et_h2uwf{
font-size:24px;
}
}
.yhk_provsuwf{
grid-template-columns:repeat(6,1fr);
gap:0.75rem;
margin-bottom:1.75rem;
display:grid;
}
.yhk_provsuwf>*{
min-width:0;
}
.yhk_provuwf{
background:#171220;
padding:12px;
border-radius:0.813rem;
border:1px solid #2e2242;
display:flex;
align-items:center;
text-decoration:none;
height:4rem;
justify-content:center;
}
.yhk_prov_imguwf{
object-fit:contain;
max-height:32px;
max-width:100%;
}
.yhk_respuwf{
border:1px solid #2e2242;
background:#171220;
border-radius:0.813rem;
gap:1.5rem;
padding:26px;
align-items:center;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.yhk_resp_inuwf{
max-width:560px;
}
.yhk_resp_huwf{
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
margin-bottom:0.5rem;
color:#f2eaf8;
font-size:1.188rem;
font-weight:700;
}
.yhk_resp_puwf{
line-height:1.6;
color:#c4b4d6;
font-size:0.844rem;
}
.yhk_resp_badgesuwf{
gap:14px;
flex-wrap:wrap;
display:flex;
align-items:center;
}
.yhk_age18uwf{
padding:0.25rem 8px;
border-radius:9px;
border:1.5px solid #e8362a;
font-weight:700;
font-size:0.813rem;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#e8362a;
}
.yhk_resp_orguwf{
font-weight:600;
font-size:13px;
color:#8f7aaa;
}
@media(max-width:1025px){
.yhk_provsuwf{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:558px){
.yhk_provsuwf{
grid-template-columns:repeat(2,1fr);
}
}
.yhk_ab_h2uwf{
margin:0.875rem 0 16px;
color:#f2eaf8;
line-height:1.08;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:32px;
font-weight:700;
}
.yhk_ab_bodyuwf{
font-size:15px;
margin-bottom:0.875rem;
line-height:1.65;
color:#c4b4d6;
}
.yhk_ab_chipsuwf{
gap:10px;
margin-top:0.5rem;
display:flex;
flex-wrap:wrap;
}
.yhk_faquwf{
gap:0.625rem;
display:flex;
flex-direction:column;
}
.yhk_faq_itemuwf{
padding:1.125rem 22px;
border:1px solid #2e2242;
background:#171220;
border-radius:0.813rem;
}
.yhk_faq_quwf{
gap:16px;
list-style:none;
justify-content:space-between;
font-size:0.969rem;
align-items:center;
cursor:pointer;
display:flex;
color:#f2eaf8;
font-weight:600;
}
.yhk_faq_quwf::-webkit-details-marker{
display:none;
}
.yhk_faq_q_tuwf{
gap:0.625rem;
display:flex;
}
.yhk_faq_q_iuwf{
font-style:normal;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#e0259a;
}
.yhk_faq_pmuwf{
color:#e0259a;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:20px;
}
.yhk_faq_itemuwf[open] .yhk_faq_pmuwf{
transform:rotate(45deg);
}
.yhk_faq_auwf{
color:#c4b4d6;
font-size:0.844rem;
line-height:1.6;
margin-top:12px;
}
@media(max-width:561px){
.yhk_ab_h2uwf{
font-size:1.625rem;
}
}
.yhk_gd_headuwf{
gap:0.75rem;
flex-wrap:wrap;
display:flex;
margin-bottom:1rem;
align-items:center;
justify-content:space-between;
}
.yhk_disputeuwf{
border:1px dashed #3f3058;
padding:26px 30px;
border-radius:13px;
gap:1.75rem;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
display:flex;
}
.yhk_dispute_inuwf{
max-width:41.25rem;
}
.yhk_dispute_h2uwf{
font-size:22px;
font-family:"Figtree", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#f2eaf8;
margin-bottom:0.5rem;
font-weight:700;
}
.yhk_dispute_textuwf{
color:#c4b4d6;
font-size:13.5px;
line-height:1.6;
}
.yhk_footeruwf{
background:#09060f;
padding:2.5rem 1.75rem;
border-top:1px solid #241b32;
}
.yhk_footer_griduwf{
gap:32px;
grid-template-columns:1.4fr 1fr 1fr 1fr;
margin-left:auto;
margin-right:auto;
max-width:87.5rem;
margin-bottom:28px;
display:grid;
}
.yhk_footer_griduwf>*{
min-width:0;
}
.yhk_footer_griduwf h4{
margin-bottom:13px;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#5a4870;
letter-spacing:.12em;
text-transform:uppercase;
font-size:10px;
}
.yhk_fcoluwf{
gap:0.563rem;
font-size:13px;
color:#c4b4d6;
flex-direction:column;
display:flex;
}
.yhk_fcoluwf a{
cursor:pointer;
}
.yhk_ft_aboutuwf{
font-size:0.813rem;
margin-top:0.75rem;
color:#8f7aaa;
max-width:16.25rem;
line-height:1.6;
}
.yhk_ft_contactuwf{
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#e0259a;
overflow-wrap:anywhere;
margin-top:12px;
font-size:12.5px;
}
.yhk_footer_bottomuwf{
gap:16px;
margin:0 auto;
align-items:center;
padding-top:1.25rem;
display:flex;
border-top:1px solid #241b32;
max-width:1400px;
flex-wrap:wrap;
justify-content:space-between;
}
.yhk_footer_bottomuwf p{
color:#5a4870;
line-height:1.6;
font-size:0.688rem;
max-width:720px;
}
@media(max-width:1024px){
.yhk_footer_griduwf{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:561px){
.yhk_footer_griduwf{
grid-template-columns:1fr;
}
}