*{
padding:0;
margin:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#F5F3FA;
text-rendering:optimizeLegibility;
font-size:0.938rem;
line-height:1.55;
color:#3D3360;
overflow-wrap:break-word;
-webkit-font-smoothing:antialiased;
font-family:"DM Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
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:8px;
height:8px;
}
::-webkit-scrollbar-thumb{
background:rgba(13, 9, 26, 0.72);
border-radius:8px;
}
::-webkit-scrollbar-track{
background:transparent;
}
.ynb-shellaht{
grid-template-columns:248px 1fr;
min-height:100vh;
display:grid;
}
.ynb-mainaht{
min-width:0;
}
.ynb-wrapaht{
margin:0 auto;
width:100%;
max-width:87.5rem;
}
.ynb-containeraht{
padding:0 16px;
margin:0 auto;
width:100%;
max-width:1400px;
}
@media(min-width:769px){
.ynb-containeraht{
padding:0 1.75rem;
}
}
.ynb-sectionaht{
padding:1.5rem 1.75rem;
}
.ynb-section_ptaht{
padding-top:34px;
}
.ynb-band_softaht{
background:#FFFFFF;
}
.ynb-eyebrowaht{
font-family:"DM Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
display:inline-block;
overflow-wrap:break-word;
line-height:1.4;
letter-spacing:.14em;
color:#6B21E8;
font-weight:600;
font-size:0.656rem;
text-transform:uppercase;
}
.ynb-drawer_cbaht{
display:none;
}
.ynb-overlayaht{
display:none;
}
@media(max-width:1022px){
.ynb-shellaht{
grid-template-columns:1fr;
}
.ynb-mainaht{
padding-bottom:78px;
}
.ynb-drawer_cbaht:checked~.ynb-overlayaht{
background:rgba(13, 9, 26, 0.72);
inset:0;
position:fixed;
display:block;
z-index:70;
}
}
@media(max-width:563px){
.ynb-sectionaht{
padding:1.125rem 16px;
}
.ynb-section_ptaht{
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 ---------- */
.ynb-sideaht{
background:#EEE9F6;
padding:1.375rem 1.125rem;
gap:1.375rem;
flex-direction:column;
display:flex;
position:sticky;
overflow-y:auto;
align-self:start;
border-right:1px solid rgba(26, 18, 48, 0.08);
top:0;
height:100vh;
}
.ynb-brandaht{
gap:0.625rem;
display:flex;
align-items:center;
}
.ynb-logoaht{
color:#1A1230;
font-weight:700;
letter-spacing:-.02em;
font-size:21px;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
}
.ynb-side_ctaaht{
border-radius:0.75rem;
padding:1rem;
border:1px solid rgba(26, 18, 48, 0.12);
background:rgba(107, 33, 232, 0.11);
}
.ynb-side_cta_haht{
font-weight:700;
margin-bottom:6px;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
color:#1A1230;
font-size:1.063rem;
line-height:1.15;
}
.ynb-side_cta_paht{
line-height:1.45;
margin-bottom:12px;
color:#3D3360;
font-size:0.75rem;
}
.ynb-navaht{
gap:3px;
display:flex;
flex-direction:column;
}
.ynb-nav_labelaht{
padding:0.375rem 10px;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
text-transform:uppercase;
color:#A098C4;
letter-spacing:.14em;
font-size:9.5px;
}
.ynb-nav_itemaht{
border-radius:0.5rem;
gap:11px;
padding:10px;
font-size:0.875rem;
font-weight:500;
color:#3D3360;
align-items:center;
display:flex;
}
.ynb-nav_itemaht svg{
width:1.063rem;
height:17px;
}
.ynb-nav_itemaht:hover{
background:rgba(107, 33, 232, 0.11);
color:#1A1230;
}
.ynb-nav_item_onaht{
background:rgba(107, 33, 232, 0.11);
color:#6B21E8;
font-weight:600;
}
.ynb-side_footaht{
padding:12px;
background:#FFFFFF;
border:1px solid rgba(26, 18, 48, 0.12);
border-radius:12px;
margin-top:auto;
}
.ynb-side_footaht p{
color:#3D3360;
font-size:12.5px;
margin-top:0.25rem;
line-height:1.4;
}
/* ---------- topbar ---------- */
.ynb-topaht{
background:#EEE9F6;
gap:16px;
padding:0.875rem 1.75rem;
align-items:center;
position:sticky;
z-index:40;
border-bottom:1px solid rgba(26, 18, 48, 0.08);
top:0;
display:flex;
}
.ynb-top_brandaht{
gap:9px;
align-items:center;
display:none;
}
.ynb-searchaht{
gap:0.625rem;
padding:0.688rem 14px;
border:1px solid rgba(26, 18, 48, 0.12);
background:#FFFFFF;
border-radius:0.75rem;
flex:1;
max-width:440px;
display:flex;
font-size:13.5px;
color:#6B5F99;
align-items:center;
}
.ynb-searchaht svg{
flex:none;
height:16px;
width:1rem;
}
.ynb-top_actionsaht{
gap:0.75rem;
align-items:center;
margin-left:auto;
display:flex;
}
.ynb-langaht{
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#3D3360;
font-size:0.75rem;
}
.ynb-burgeraht{
background:#FFFFFF;
border:1px solid rgba(26, 18, 48, 0.12);
border-radius:0.5rem;
display:none;
width:2.5rem;
height:40px;
justify-content:center;
color:#1A1230;
align-items:center;
}
/* ---------- bottom-nav (mobile) ---------- */
.ynb-botnavaht{
display:none;
}
@media(max-width:1022px){
.ynb-sideaht{
transition:transform .25s ease;
position:fixed;
z-index:80;
width:280px;
left:0;
transform:translateX(-100%);
top:0;
height:100vh;
}
.ynb-drawer_cbaht:checked~.ynb-shellaht .ynb-sideaht{
transform:translateX(0);
}
.ynb-topaht{
gap:0.75rem;
padding:0.875rem 1rem;
flex-wrap:wrap;
position:static;
}
.ynb-top_brandaht{
display:flex;
}
.ynb-searchaht{
display:none;
}
.ynb-burgeraht{
display:flex;
}
.ynb-top_actionsaht{
gap:0.625rem;
align-items:stretch;
margin-left:0;
width:100%;
}
.ynb-top_actionsaht .ynb-langaht{
display:none;
}
.ynb-top_actionsaht .ynb-btnaht{
padding:11px 0.625rem;
flex:1;
text-align:center;
}
.ynb-botnavaht{
grid-template-columns:repeat(3,1fr);
padding:0.5rem 0.375rem calc(8px + env(safe-area-inset-bottom));
background:#EEE9F6;
z-index:65;
position:fixed;
bottom:0;
right:0;
display:grid;
left:0;
border-top:1px solid rgba(26, 18, 48, 0.12);
transform:translateZ(0);
}
.ynb-bnaht{
padding:0.375rem 2px 0;
gap:4px;
color:#3D3360;
min-width:0;
font-size:10px;
display:flex;
font-weight:600;
flex-direction:column;
justify-content:flex-end;
align-items:center;
}
.ynb-bnaht svg{
flex:none;
height:1.375rem;
width:1.375rem;
}
.ynb-bnaht span{
overflow:hidden;
white-space:nowrap;
max-width:100%;
text-align:center;
text-overflow:ellipsis;
}
.ynb-bn_onaht{
color:#6B21E8;
}
.ynb-bn_centeraht{
position:relative;
}
.ynb-bn_fabaht{
background:#7C3AED;
border-radius:50%;
width:3.125rem;
display:flex;
justify-content:center;
transform:translateX(-50%);
box-shadow:0 8px 2rem rgba(26, 18, 48, 0.14), 0 2px 8px rgba(26, 18, 48, 0.10);
color:#FFFFFF;
height:50px;
position:absolute;
left:50%;
align-items:center;
top:-1.25rem;
}
.ynb-bn_fabaht svg{
height:24px;
width:24px;
}
.ynb-bn_centeraht span{
color:#6B21E8;
}
}
.ynb-btnaht{
border-radius:8px;
padding:0.688rem 1.375rem;
gap:8px;
transition:background-color 0.2s ease,color 0.2s ease;
font-size:0.875rem;
justify-content:center;
cursor:pointer;
align-items:center;
display:inline-flex;
font-family:"DM Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
}
.ynb-btn_priaht{
background:#7C3AED;
color:#FFFFFF;
box-shadow:0 0.25rem 1.125rem rgba(124, 58, 237, 0.40), 0 1px 4px rgba(124, 58, 237, 0.24);
}
.ynb-btn_priaht:hover{
background:#6D28D9;
}
.ynb-btn_ghostaht{
background:rgba(107, 33, 232, 0.11);
font-weight:600;
color:#1A1230;
}
.ynb-btn_lineaht{
background:transparent;
border:1px solid rgba(26, 18, 48, 0.22);
color:#1A1230;
font-weight:600;
}
.ynb-btn_lgaht{
border-radius:0.75rem;
padding:16px 30px;
font-size:0.938rem;
}
.ynb-bandaht .ynb-btn_lineaht{
border-color:rgba(255, 255, 255, 0.13);
color:#F0ECFF;
}
.ynb-bandaht .ynb-btn_ghostaht{
background:rgba(255, 255, 255, 0.08);
color:#F0ECFF;
}
.ynb-link_maht{
gap:5px;
display:inline-flex;
align-items:center;
cursor:pointer;
text-decoration:none;
font-size:12px;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#6B21E8;
}
.ynb-link_maht svg{
width:14px;
height:0.875rem;
}
.ynb-bandaht .ynb-link_maht{
color:#B89EFF;
}
.ynb-dotaht{
flex:none;
background:#6B21E8;
border-radius:50%;
width:7px;
height:7px;
}
.ynb-dot_liveaht{
animation:zm3-pulse 1.4s infinite;
background:#DC2626;
}
.ynb-starsaht{
gap:2px;
color:#6B21E8;
display:inline-flex;
}
.ynb-starsaht svg{
height:0.938rem;
width:0.938rem;
}
.ynb-chipaht{
background:#FFFFFF;
border-radius:0.5rem;
border:1px solid rgba(26, 18, 48, 0.12);
padding:7px 12px;
gap:0.375rem;
color:#3D3360;
align-items:center;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
display:inline-flex;
font-size:0.688rem;
}
.ynb-chip_onaht{
border-color:transparent;
background:rgba(107, 33, 232, 0.11);
color:#6B21E8;
}
.ynb-gcaht{
cursor:pointer;
min-width:0;
text-decoration:none;
display:block;
color:inherit;
}
.ynb-gc_thumbaht{
border-radius:0.75rem;
overflow:hidden;
border:1px solid rgba(26, 18, 48, 0.12);
position:relative;
background-size:cover;
background-position:center;
aspect-ratio:1;
display:block;
}
.ynb-gc_thumb_portraitaht{
aspect-ratio:3/4;
}
.ynb-gc_thumb_wideaht{
aspect-ratio:16/11;
}
.ynb-gc_capaht{
background:linear-gradient(transparent,rgba(13, 9, 26, 0.72));
padding:0.563rem;
left:0;
right:0;
bottom:0;
position:absolute;
}
.ynb-gc_nameaht{
display:block;
font-size:12.5px;
font-weight:700;
color:#F0ECFF;
}
.ynb-gc_metaaht{
color:#A89FD0;
font-size:11px;
}
.ynb-gc_badgeaht{
padding:2px 0.375rem;
border-radius:8px;
background:#6B21E8;
font-size:0.5rem;
top:0.5rem;
font-weight:700;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#FFFFFF;
right:0.5rem;
position:absolute;
}
.ynb-gc_badge_hotaht{
background:#DC2626;
color:#F0ECFF;
}
.ynb-gc_badge_liveaht{
background:#DC2626;
right:auto;
left:0.5rem;
color:#F0ECFF;
}
.ynb-gc_multaht{
inset:0;
font-size:1.75rem;
color:#6B21E8;
display:flex;
justify-content:center;
position:absolute;
font-weight:700;
align-items:center;
}
.ynb-pcaht{
border-radius:12px;
border:1px solid rgba(26, 18, 48, 0.12);
background:#FFFFFF;
justify-content:center;
font-weight:700;
height:4rem;
align-items:center;
font-size:0.875rem;
display:flex;
color:#3D3360;
}
.ynb-railaht{
min-width:0;
}
.ynb-rail_scrollaht{
gap:0.875rem;
display:grid;
}
.ynb-rail_scrollaht>*{
min-width:0;
}
.ynb-g6aht{
grid-template-columns:repeat(6,1fr);
}
.ynb-g7aht{
grid-template-columns:repeat(7,1fr);
}
.ynb-g4aht{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1026px){
.ynb-g6aht,.ynb-g7aht{
grid-template-columns:none;
grid-auto-flow:column;
scroll-snap-type:x mandatory;
grid-auto-columns:7.5rem;
padding-bottom:6px;
overflow-x:auto;
}
.ynb-g6aht>*,.ynb-g7aht>*{
scroll-snap-align:start;
}
.ynb-g4aht{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:561px){
.ynb-g4aht{
grid-template-columns:none;
grid-auto-flow:column;
grid-auto-columns:150px;
overflow-x:auto;
}
}
.ynb-panelaht{
background:#FFFFFF;
border-radius:1.25rem;
padding:28px 2rem;
border:1px solid rgba(26, 18, 48, 0.12);
}
.ynb-splitaht{
gap:36px;
display:grid;
align-items:start;
}
.ynb-splitaht>*{
min-width:0;
}
.ynb-split_aaht{
grid-template-columns:.85fr 1.15fr;
}
.ynb-split_baht{
grid-template-columns:1fr 1.1fr;
}
.ynb-split_caht{
grid-template-columns:1.1fr .9fr;
}
.ynb-pgridaht{
grid-template-columns:.9fr 1.1fr;
gap:2.5rem;
display:grid;
align-items:center;
}
.ynb-pgridaht>*{
min-width:0;
}
.ynb-leadaht{
margin-bottom:14px;
line-height:1.65;
color:#3D3360;
font-size:15px;
}
.ynb-feataht{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.ynb-feataht>*{
min-width:0;
}
.ynb-feat2aht{
grid-template-columns:1fr 1fr;
}
.ynb-feat_cardaht{
border-radius:1.25rem;
border:1px solid rgba(26, 18, 48, 0.12);
padding:1.625rem;
background:#FFFFFF;
}
.ynb-feat_cardaht svg{
color:#6B21E8;
width:26px;
margin-bottom:1rem;
height:26px;
}
.ynb-feat_cardaht h3{
color:#1A1230;
margin-bottom:0.5rem;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
font-size:18px;
}
.ynb-feat_cardaht p{
line-height:1.6;
font-size:13px;
color:#3D3360;
}
.ynb-feat_cardaht b{
color:#1A1230;
}
.ynb-bigaht{
gap:22px;
flex-wrap:wrap;
display:flex;
}
.ynb-big_naht{
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
font-size:1.625rem;
font-weight:700;
color:#6B21E8;
}
.ynb-big_laht{
font-size:12px;
color:#6B5F99;
}
.ynb-personaht{
border-radius:12px;
border:1px solid rgba(26, 18, 48, 0.12);
background:#FFFFFF;
gap:14px;
padding:1rem 18px;
display:flex;
align-items:center;
}
.ynb-avataraht{
flex:none;
background:linear-gradient(135deg,#7C3AED,#4C0FBF);
border-radius:50%;
width:44px;
height:44px;
}
.ynb-person_nameaht{
color:#1A1230;
font-size:0.875rem;
font-weight:700;
}
.ynb-person_roleaht{
color:#6B5F99;
font-size:12px;
}
.ynb-kvaht{
grid-template-columns:1fr 1fr;
overflow:hidden;
gap:1px;
border:1px solid rgba(26, 18, 48, 0.12);
border-radius:12px;
background:rgba(26, 18, 48, 0.12);
display:grid;
}
.ynb-kvaht>div{
padding:1rem 18px;
background:#F5F3FA;
min-width:0;
}
.ynb-kv_kaht{
text-transform:uppercase;
color:#6B21E8;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:9.5px;
margin-bottom:5px;
}
.ynb-kv_vaht{
font-weight:700;
font-size:13.5px;
color:#1A1230;
}
@media(max-width:1025px){
.ynb-split_aaht,.ynb-split_baht,.ynb-split_caht,.ynb-pgridaht{
grid-template-columns:1fr;
gap:24px;
}
.ynb-feataht,.ynb-feat2aht{
grid-template-columns:1fr;
}
.ynb-kvaht{
grid-template-columns:1fr;
}
}
.ynb-shaht{
margin-bottom:16px;
min-width:0;
}
.ynb-sh_rowaht{
gap:0.75rem;
flex-wrap:wrap;
align-items:flex-end;
display:flex;
justify-content:space-between;
}
.ynb-sh_rowaht .ynb-sh_laht{
gap:0.375rem;
min-width:0;
flex-direction:column;
display:flex;
}
.ynb-sh_stackaht{
gap:0.625rem;
flex-direction:column;
align-items:flex-start;
display:flex;
}
.ynb-sh_centeraht{
gap:0.625rem;
align-items:center;
display:flex;
text-align:center;
flex-direction:column;
}
.ynb-sh_h2aht{
gap:9px;
font-size:20px;
color:#1A1230;
display:flex;
overflow-wrap:break-word;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
line-height:1.1;
align-items:center;
font-weight:700;
}
@media(min-width:767px){
.ynb-sh_h2aht{
font-size:1.5rem;
}
}
.ynb-bandaht .ynb-sh_h2aht{
color:#F0ECFF;
}
.ynb-eb_monoaht{
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
letter-spacing:.08em;
text-transform:none;
}
.ynb-eb_monoaht::before{
content:"// ";
}
.ynb-eb_upperaht{
letter-spacing:.14em;
text-transform:uppercase;
}
.ynb-eb_pillaht{
border-radius:999px;
padding:0.313rem 0.688rem;
background:rgba(107, 33, 232, 0.11);
letter-spacing:.12em;
text-transform:uppercase;
}
.ynb-eb_lineaht{
gap:10px;
display:inline-flex;
align-items:center;
}
.ynb-eb_lineaht::before{
background:#6B21E8;
content:"";
height:1px;
width:24px;
display:inline-block;
}
.ynb-bandaht .ynb-eb_lineaht::before{
background:#B89EFF;
}
.ynb-bandaht .ynb-eb_pillaht{
background:rgba(255, 255, 255, 0.08);
}
.ynb-sh_linkaht{
transition:color 0.2s ease,border-color 0.2s ease;
gap:0.375rem;
border-bottom:1px solid #1A1230;
display:inline-flex;
align-items:center;
white-space:nowrap;
font-size:0.813rem;
font-weight:600;
padding-bottom:2px;
color:#1A1230;
}
.ynb-sh_linkaht:hover{
border-color:#6B21E8;
color:#6B21E8;
}
.ynb-sh_linkaht svg{
width:14px;
height:0.875rem;
}
.ynb-sh_link_chevaht{
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
border-bottom:0;
color:#6B21E8;
padding-bottom:0;
font-size:12px;
}
.ynb-sh_link_btnaht{
border-radius:999px;
background:#7C3AED;
padding:9px 1.125rem;
color:#FFFFFF;
border-bottom:0;
}
.ynb-sh_link_btnaht:hover{
border-color:transparent;
background:#6D28D9;
}
.ynb-bandaht .ynb-sh_linkaht{
border-color:#F0ECFF;
color:#F0ECFF;
}
.ynb-bandaht .ynb-sh_link_chevaht{
color:#B89EFF;
}
.ynb-sh_ruleaht{
margin:-2px 0 16px;
background:rgba(26, 18, 48, 0.12);
height:1px;
}
.ynb-bandaht .ynb-sh_ruleaht{
background:rgba(255, 255, 255, 0.13);
}
.ynb-seo_grid3aht{
grid-template-columns:repeat(3,1fr);
gap:1.25rem;
display:grid;
}
.ynb-seo_grid4aht{
grid-template-columns:repeat(4,1fr);
gap:13px;
display:grid;
}
.ynb-seo_grid3aht>*,.ynb-seo_grid4aht>*{
min-width:0;
}
.ynb-seo_cardaht{
background:#FFFFFF;
border-radius:0.75rem;
padding:1.5rem;
border:1px solid rgba(26, 18, 48, 0.12);
}
.ynb-seo_cardaht h3{
font-size:1.125rem;
margin-bottom:0.5rem;
color:#1A1230;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
}
.ynb-seo_cardaht p{
color:#3D3360;
font-size:0.813rem;
line-height:1.6;
}
.ynb-seo_card_smaht{
padding:1.25rem;
}
.ynb-seo_card_smaht h3{
font-size:1rem;
}
.ynb-seo_card_smaht p{
line-height:1.55;
font-size:12.5px;
}
.ynb-seo_rtp_rowaht{
grid-template-columns:1fr 1fr;
gap:2.25rem;
margin-top:16px;
display:grid;
align-items:center;
}
.ynb-rtpaht{
gap:14px;
display:flex;
min-width:0;
}
.ynb-rtpaht>div{
background:#F5F3FA;
border-radius:12px;
padding:1rem;
flex:1;
min-width:0;
text-align:center;
}
.ynb-rtp_naht{
white-space:nowrap;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
color:#6B21E8;
font-size:26px;
}
.ynb-rtp_laht{
font-size:0.688rem;
color:#6B5F99;
margin-top:4px;
}
.ynb-cmpaht{
border:1px solid rgba(26, 18, 48, 0.12);
border-radius:12px;
overflow:hidden;
max-width:47.5rem;
}
.ynb-cmp_rowaht{
grid-template-columns:1.6fr 1fr 1fr;
display:grid;
font-size:0.813rem;
}
.ynb-cmp_rowaht>div{
padding:0.813rem 14px;
min-width:0;
text-align:center;
}
.ynb-cmp_rowaht>div:first-child{
font-weight:600;
padding-left:22px;
text-align:left;
color:#1A1230;
}
.ynb-cmp_thaht{
background:#F5F3FA;
font-weight:700;
font-size:12.5px;
}
.ynb-cmp_rowaht:not(.ynb-cmp_thaht){
background:#FFFFFF;
border-top:1px solid rgba(26, 18, 48, 0.08);
color:#3D3360;
}
.ynb-cmp_zebraaht{
background:#EDE9F7;
}
.ynb-guideaht{
border:1px solid rgba(26, 18, 48, 0.12);
border-radius:0.75rem;
overflow:hidden;
background:#FFFFFF;
cursor:pointer;
}
.ynb-guide_coveraht{
height:130px;
}
.ynb-guide_bodyaht{
padding:1.25rem;
}
.ynb-guide_bodyaht h3{
margin:0.438rem 0 9px;
font-size:1rem;
color:#1A1230;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
line-height:1.25;
font-weight:700;
}
.ynb-guide_metaaht{
color:#6B5F99;
font-size:0.719rem;
}
.ynb-hubaht{
grid-template-columns:repeat(5,1fr);
gap:1.75rem;
padding-top:28px;
display:grid;
border-top:1px solid rgba(26, 18, 48, 0.08);
}
.ynb-hubaht>*{
min-width:0;
}
.ynb-hubaht h4{
margin-bottom:0.688rem;
font-size:0.813rem;
color:#1A1230;
font-weight:700;
}
.ynb-hub_colaht{
gap:8px;
color:#3D3360;
display:flex;
font-size:0.813rem;
flex-direction:column;
}
.ynb-hub_colaht a{
cursor:pointer;
}
@media(max-width:1026px){
.ynb-seo_grid3aht{
grid-template-columns:1fr;
}
.ynb-seo_grid4aht{
grid-template-columns:repeat(2,1fr);
}
.ynb-seo_rtp_rowaht{
grid-template-columns:1fr;
gap:1.25rem;
}
.ynb-hubaht{
gap:22px;
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:560px){
.ynb-hubaht{
grid-template-columns:1fr;
}
}
.ynb-heroaht{
border-radius:20px;
border:1px solid rgba(26, 18, 48, 0.12);
background:linear-gradient(120deg,#13102A,#0E1426);
padding:46px 3rem;
overflow:hidden;
color:#F0ECFF;
position:relative;
}
.ynb-hero_glowaht{
border-radius:50%;
background:radial-gradient(circle,rgba(139, 92, 246, 0.22),transparent 70%);
top:-60px;
height:21.25rem;
position:absolute;
width:340px;
right:-3.75rem;
}
.ynb-hero_inaht{
max-width:600px;
position:relative;
}
.ynb-heroaht .ynb-eyebrowaht{
color:#B89EFF;
}
.ynb-pill_rowaht{
gap:0.5rem;
background:rgba(255, 255, 255, 0.08);
padding:0.375rem 0.813rem;
border-radius:62.438rem;
border:1px solid rgba(255, 255, 255, 0.13);
margin-bottom:22px;
text-transform:uppercase;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:0.656rem;
align-items:center;
letter-spacing:.1em;
display:inline-flex;
color:#B89EFF;
}
.ynb-hero_h1aht{
margin:1.125rem 0;
line-height:1.02;
font-weight:700;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
color:#F0ECFF;
letter-spacing:-.02em;
font-size:54px;
overflow-wrap:break-word;
}
.ynb-hero_h1aht em{
font-style:normal;
color:#B89EFF;
}
.ynb-hero_subaht{
max-width:480px;
font-size:1.063rem;
margin-bottom:28px;
color:#A89FD0;
line-height:1.55;
}
.ynb-hero_ctaaht{
gap:14px;
margin-bottom:26px;
flex-wrap:wrap;
align-items:center;
display:flex;
}
.ynb-hero_trustaht{
gap:0.875rem;
flex-wrap:wrap;
align-items:center;
display:flex;
}
.ynb-hero_rating_txtaht{
font-size:13px;
color:#A89FD0;
}
@media(max-width:1022px){
.ynb-heroaht{
padding:32px 24px;
}
.ynb-hero_h1aht{
font-size:2.375rem;
}
}
@media(max-width:562px){
.ynb-hero_h1aht{
font-size:1.875rem;
}
}
.ynb-tabsaht{
gap:9px;
flex-wrap:wrap;
display:flex;
}
.ynb-tabaht{
padding:0.625rem 1.125rem;
background:#FFFFFF;
border-radius:8px;
border:1px solid rgba(26, 18, 48, 0.12);
color:#3D3360;
font-weight:600;
cursor:pointer;
font-size:0.813rem;
}
.ynb-tab_onaht{
background:#7C3AED;
border-color:transparent;
font-weight:700;
color:#FFFFFF;
}
.ynb-stataht{
grid-template-columns:repeat(4,1fr);
gap:14px;
display:grid;
}
.ynb-stataht>*{
min-width:0;
}
.ynb-stat_itemaht{
background:#FFFFFF;
border:1px solid rgba(26, 18, 48, 0.12);
border-radius:12px;
padding:1.125rem 1.25rem;
}
.ynb-stat_kaht{
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:0.594rem;
text-transform:uppercase;
color:#6B5F99;
margin-bottom:0.438rem;
letter-spacing:.12em;
}
.ynb-stat_vaht{
gap:8px;
display:flex;
font-weight:700;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
font-size:24px;
min-width:0;
align-items:center;
color:#1A1230;
overflow-wrap:anywhere;
}
.ynb-stat_v_accentaht{
color:#6B21E8;
}
@media(max-width:1027px){
.ynb-stataht{
grid-template-columns:repeat(2,1fr);
}
}
.ynb-wlcaht{
grid-template-columns:1.2fr .8fr;
border:1px solid rgba(26, 18, 48, 0.12);
background:linear-gradient(120deg,#13102A,#0E1426);
overflow:hidden;
padding:2.25rem 40px;
gap:1.5rem;
border-radius:20px;
display:grid;
position:relative;
color:#F0ECFF;
align-items:center;
}
.ynb-wlcaht>*{
min-width:0;
}
.ynb-wlcaht .ynb-eyebrowaht{
color:#B89EFF;
}
.ynb-wlc_glowaht{
border-radius:50%;
background:radial-gradient(circle,rgba(139, 92, 246, 0.22),transparent 70%);
width:260px;
height:260px;
position:absolute;
top:-40px;
right:-2.5rem;
}
.ynb-wlc_inaht{
position:relative;
}
.ynb-wlc_h2aht{
margin:10px 0 8px;
line-height:1.03;
font-weight:700;
font-size:2.125rem;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
overflow-wrap:break-word;
color:#F0ECFF;
}
.ynb-wlc_h2aht em{
color:#B89EFF;
font-style:normal;
}
.ynb-wlc_subaht{
font-size:0.875rem;
color:#A89FD0;
margin-bottom:1.125rem;
max-width:420px;
line-height:1.55;
}
.ynb-wlc_termsaht{
gap:10px;
display:flex;
flex-direction:column;
position:relative;
}
.ynb-termaht{
gap:0.688rem;
border-radius:12px;
border:1px solid rgba(255, 255, 255, 0.13);
background:rgba(255, 255, 255, 0.08);
padding:13px 15px;
align-items:center;
display:flex;
}
.ynb-termaht svg{
flex:none;
width:20px;
height:1.25rem;
color:#B89EFF;
}
.ynb-term_kaht{
font-size:9.5px;
text-transform:uppercase;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#A89FD0;
letter-spacing:.1em;
}
.ynb-term_vaht{
color:#F0ECFF;
font-size:14px;
font-weight:700;
margin-top:2px;
}
@media(max-width:1026px){
.ynb-wlcaht{
grid-template-columns:1fr;
}
}
@media(max-width:563px){
.ynb-wlc_h2aht{
font-size:26px;
}
}
.ynb-jpaht{
grid-template-columns:1.5fr 1fr 1fr;
gap:0.875rem;
display:grid;
}
.ynb-jpaht>*{
min-width:0;
}
.ynb-jp_heroaht{
border-radius:1.25rem;
overflow:hidden;
border:1px solid rgba(26, 18, 48, 0.12);
background:linear-gradient(135deg,#13102A,#0E1426);
padding:26px;
gap:14px;
color:#F0ECFF;
min-height:11.25rem;
position:relative;
justify-content:space-between;
display:flex;
flex-direction:column;
}
.ynb-jp_glowaht{
background:radial-gradient(circle,rgba(139, 92, 246, 0.22),transparent 70%);
border-radius:50%;
width:180px;
position:absolute;
top:-40px;
right:-40px;
height:180px;
}
.ynb-jp_k_rowaht{
gap:0.625rem;
position:relative;
display:flex;
justify-content:space-between;
align-items:center;
}
.ynb-jp_kaht{
font-size:10px;
color:#6B5F99;
text-transform:uppercase;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
letter-spacing:.12em;
}
.ynb-jp_heroaht .ynb-jp_kaht{
color:#A89FD0;
}
.ynb-jp_amtaht{
font-weight:700;
line-height:1;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
position:relative;
color:#B89EFF;
font-size:42px;
}
.ynb-jp_subaht{
font-size:12px;
margin-top:5px;
color:#A89FD0;
}
.ynb-jp_cellaht{
border:1px solid rgba(26, 18, 48, 0.12);
background:#FFFFFF;
padding:22px;
border-radius:1.25rem;
flex-direction:column;
justify-content:space-between;
min-height:180px;
display:flex;
}
.ynb-jp_cellaht .ynb-jp_amtaht{
color:#1A1230;
font-size:1.875rem;
}
.ynb-jp_cellaht .ynb-jp_subaht{
color:#6B5F99;
}
@media(max-width:1023px){
.ynb-jpaht{
grid-template-columns:1fr;
}
}
@media(max-width:562px){
.ynb-jp_amtaht{
font-size:32px;
}
}
.ynb-dw_h2aht{
color:#1A1230;
font-size:1.625rem;
font-weight:700;
margin-bottom:0.625rem;
line-height:1.08;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
}
.ynb-steps_vaht{
grid-template-columns:1fr;
gap:10px;
}
.ynb-steps_vaht .ynb-stepaht{
padding:1.125rem 20px;
}
@media(max-width:560px){
.ynb-dw_h2aht{
font-size:23px;
}
}
.ynb-suppaht{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.ynb-suppaht>*{
min-width:0;
}
.ynb-supp_cardaht{
border:1px solid rgba(26, 18, 48, 0.12);
padding:1.5rem;
background:#FFFFFF;
border-radius:0.75rem;
}
.ynb-supp_cardaht svg{
width:24px;
color:#6B21E8;
margin-bottom:14px;
height:24px;
}
.ynb-supp_cardaht h3{
font-weight:700;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
font-size:1rem;
margin-bottom:0.375rem;
color:#1A1230;
}
.ynb-supp_cardaht p{
font-size:13px;
line-height:1.55;
color:#3D3360;
}
@media(max-width:1024px){
.ynb-suppaht{
grid-template-columns:1fr;
}
}
.ynb-promo_gridaht{
gap:1rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.ynb-promo_gridaht>*{
min-width:0;
}
.ynb-promoaht{
background:#FFFFFF;
overflow:hidden;
padding:24px;
border-radius:1.25rem;
border:1px solid rgba(26, 18, 48, 0.12);
min-height:9.375rem;
position:relative;
}
.ynb-promo_haht{
margin-top:6px;
font-weight:700;
font-size:1.625rem;
color:#1A1230;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
line-height:1.05;
}
.ynb-promo_haht em{
color:#6B21E8;
font-style:normal;
}
.ynb-promo_paht{
line-height:1.5;
font-size:12.5px;
margin-top:0.5rem;
color:#3D3360;
}
.ynb-promo_feataht{
border-color:rgba(26, 18, 48, 0.12);
background:linear-gradient(135deg,#13102A,#0E1426);
}
.ynb-promo_feataht .ynb-promo_haht{
color:#F0ECFF;
}
.ynb-promo_feataht .ynb-promo_haht em{
color:#B89EFF;
}
.ynb-promo_feataht .ynb-promo_paht{
color:#A89FD0;
}
.ynb-promo_feataht .ynb-eyebrowaht{
color:#B89EFF;
}
@media(max-width:1025px){
.ynb-promo_gridaht{
grid-template-columns:1fr;
}
}
.ynb-pay_logosaht{
gap:0.563rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.ynb-pay_logosaht>*{
min-width:0;
}
.ynb-payaht{
border-radius:8px;
border:1px solid rgba(26, 18, 48, 0.12);
display:flex;
font-size:12px;
color:#3D3360;
height:3rem;
justify-content:center;
align-items:center;
font-weight:700;
}
.ynb-tableaht{
border:1px solid rgba(26, 18, 48, 0.12);
border-radius:12px;
overflow:hidden;
}
.ynb-trowaht{
grid-template-columns:1.3fr 1fr 1fr 1fr;
font-size:13px;
display:grid;
}
.ynb-trowaht>div{
padding:0.813rem 0.875rem;
min-width:0;
}
.ynb-trowaht>div:first-child{
padding-left:16px;
font-weight:700;
color:#1A1230;
}
.ynb-trow_thaht{
background:#F5F3FA;
text-transform:uppercase;
color:#6B5F99;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:9.5px;
letter-spacing:.06em;
}
.ynb-trowaht:not(.ynb-trow_thaht){
background:#FFFFFF;
color:#3D3360;
border-top:1px solid rgba(26, 18, 48, 0.08);
}
.ynb-trow_zebraaht{
background:#EDE9F7;
}
.ynb-posaht{
color:#6B21E8;
font-weight:700;
}
@media(max-width:1027px){
.ynb-pay_logosaht{
grid-template-columns:repeat(2,1fr);
}
}
.ynb-appaht{
gap:36px;
flex-wrap:wrap;
justify-content:space-between;
display:flex;
align-items:center;
}
.ynb-app_copyaht{
max-width:520px;
}
.ynb-app_h2aht{
margin:0.75rem 0 10px;
font-weight:700;
font-size:28px;
line-height:1.05;
color:#1A1230;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
}
.ynb-app_textaht{
line-height:1.6;
color:#3D3360;
font-size:14px;
margin-bottom:1.25rem;
}
.ynb-app_btnsaht{
gap:0.75rem;
flex-wrap:wrap;
display:flex;
}
.ynb-storeaht{
background:#F5F3FA;
border-radius:12px;
border:1px solid rgba(26, 18, 48, 0.12);
gap:9px;
padding:0.688rem 18px;
display:inline-flex;
font-size:0.813rem;
cursor:pointer;
align-items:center;
font-weight:700;
color:#1A1230;
}
.ynb-storeaht svg{
height:1rem;
width:16px;
}
.ynb-app_qr_wrapaht{
gap:16px;
display:flex;
align-items:center;
}
.ynb-qraht{
grid-template-rows:repeat(5,1fr);
padding:0.688rem;
border:1px solid rgba(26, 18, 48, 0.12);
grid-template-columns:repeat(5,1fr);
gap:3px;
border-radius:12px;
background:#F5F3FA;
width:6.75rem;
height:108px;
display:grid;
}
.ynb-qraht i{
background:transparent;
}
.ynb-qr_faht{
background:#6B21E8;
}
.ynb-app_qr_capaht{
line-height:1.4;
color:#6B5F99;
font-size:0.75rem;
max-width:5.25rem;
}
.ynb-touraht{
border-radius:20px;
border:1px solid rgba(26, 18, 48, 0.12);
grid-template-columns:1.05fr 1fr;
overflow:hidden;
display:grid;
}
.ynb-touraht>*{
min-width:0;
}
.ynb-tour_laht{
background:linear-gradient(135deg,#13102A,#0E1426);
overflow:hidden;
padding:2.125rem;
position:relative;
color:#F0ECFF;
}
.ynb-tour_h2aht{
margin:0.75rem 0 10px;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
line-height:1.05;
font-weight:700;
color:#F0ECFF;
font-size:1.875rem;
}
.ynb-tour_h2aht em{
color:#B89EFF;
font-style:normal;
}
.ynb-tour_textaht{
margin-bottom:1.25rem;
max-width:21.25rem;
color:#A89FD0;
font-size:0.844rem;
line-height:1.6;
}
.ynb-tour_metaaht{
gap:18px;
flex-wrap:wrap;
align-items:flex-end;
margin-bottom:1.25rem;
display:flex;
}
.ynb-tour_capaht{
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
text-transform:uppercase;
font-size:0.594rem;
color:#A89FD0;
margin-bottom:0.313rem;
}
.ynb-countaht{
gap:6px;
display:flex;
}
.ynb-countaht span{
border-radius:0.5rem;
background:rgba(255, 255, 255, 0.08);
padding:0.25rem 0.563rem;
border:1px solid rgba(255, 255, 255, 0.13);
font-weight:700;
font-size:1.375rem;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.ynb-tour_unitsaht{
color:#A89FD0;
font-size:10px;
}
.ynb-boardaht{
padding:28px 30px;
background:#FFFFFF;
}
.ynb-board_headaht{
justify-content:space-between;
align-items:center;
display:flex;
margin-bottom:14px;
}
.ynb-board_titleaht{
font-weight:700;
font-size:16px;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
color:#1A1230;
}
.ynb-board_updaht{
font-size:10px;
text-transform:uppercase;
color:#6B5F99;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.ynb-board_listaht{
gap:2px;
display:flex;
flex-direction:column;
}
.ynb-board_rowaht{
padding:10px 0.75rem;
gap:0.75rem;
border-radius:0.5rem;
display:flex;
align-items:center;
}
.ynb-board_top1aht{
background:rgba(107, 33, 232, 0.11);
}
.ynb-board_rkaht{
font-weight:700;
width:20px;
color:#6B5F99;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:14px;
}
.ynb-board_top1aht .ynb-board_rkaht{
color:#6B21E8;
}
.ynb-board_nmaht{
flex:1;
font-weight:600;
color:#3D3360;
min-width:0;
font-size:13.5px;
}
.ynb-board_top1aht .ynb-board_nmaht{
color:#1A1230;
font-weight:700;
}
.ynb-board_ptaht{
color:#3D3360;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:0.781rem;
}
@media(max-width:1025px){
.ynb-touraht{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.ynb-tour_h2aht{
font-size:1.5rem;
}
}
.ynb-stepsaht{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.ynb-stepsaht>*{
min-width:0;
}
.ynb-stepaht{
border-radius:12px;
background:#FFFFFF;
padding:1.5rem;
border:1px solid rgba(26, 18, 48, 0.12);
position:relative;
}
.ynb-step_numaht{
background:#7C3AED;
border-radius:8px;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#FFFFFF;
font-weight:700;
align-items:center;
justify-content:center;
width:30px;
display:flex;
margin-bottom:0.875rem;
font-size:0.813rem;
height:1.875rem;
}
.ynb-step_haht{
font-weight:700;
color:#1A1230;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
font-size:1rem;
margin-bottom:0.438rem;
}
.ynb-step_paht{
font-size:0.813rem;
line-height:1.55;
color:#3D3360;
}
@media(max-width:1025px){
.ynb-stepsaht{
grid-template-columns:1fr;
}
}
.ynb-vip_headaht{
gap:0.75rem;
flex-wrap:wrap;
justify-content:space-between;
display:flex;
align-items:flex-end;
margin-bottom:1.125rem;
}
.ynb-vip_introaht{
font-size:0.813rem;
color:#3D3360;
max-width:26.25rem;
}
.ynb-vipaht{
gap:12px;
grid-template-columns:repeat(5,1fr);
display:grid;
}
.ynb-vipaht>*{
min-width:0;
}
.ynb-tieraht{
padding:1.25rem;
border:1px solid rgba(26, 18, 48, 0.12);
background:#FFFFFF;
border-radius:0.75rem;
}
.ynb-tier_onaht{
background:rgba(107, 33, 232, 0.11);
border-color:#6B21E8;
}
.ynb-tier_medalaht{
background:linear-gradient(135deg,#7C3AED,#4C0FBF);
border-radius:8px;
margin-bottom:0.875rem;
height:1.875rem;
width:1.875rem;
}
.ynb-tier_nameaht{
font-weight:700;
margin-bottom:5px;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
color:#1A1230;
font-size:0.938rem;
}
.ynb-tier_txaht{
line-height:1.5;
font-size:11.5px;
color:#6B5F99;
}
@media(max-width:1026px){
.ynb-vipaht{
grid-template-columns:repeat(2,1fr);
}
}
.ynb-gmaht{
gap:1rem;
grid-template-columns:1.3fr 1fr;
display:grid;
}
.ynb-gmaht>*{
min-width:0;
}
.ynb-gm_panelaht{
background:#FFFFFF;
border-radius:20px;
border:1px solid rgba(26, 18, 48, 0.12);
padding:28px;
}
.ynb-gm_h2aht{
margin:0.625rem 0 0.5rem;
color:#1A1230;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
font-size:1.5rem;
}
.ynb-gm_textaht{
margin-bottom:20px;
max-width:440px;
line-height:1.6;
color:#3D3360;
font-size:0.844rem;
}
.ynb-gm_levelaht{
gap:14px;
align-items:center;
display:flex;
margin-bottom:1rem;
}
.ynb-gm_lvaht{
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
color:#6B21E8;
font-size:24px;
font-weight:700;
}
.ynb-gm_bar_wrapaht{
flex:1;
min-width:0;
}
.ynb-gm_bar_metaaht{
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
justify-content:space-between;
margin-bottom:5px;
display:flex;
font-size:0.625rem;
color:#6B5F99;
}
.ynb-baraht{
overflow:hidden;
background:#F5F3FA;
border-radius:999px;
height:8px;
}
.ynb-bar_fillaht{
background:linear-gradient(90deg,#7C3AED,#4C0FBF);
border-radius:999px;
display:block;
height:100%;
}
.ynb-gm_missionsaht{
gap:0.563rem;
flex-wrap:wrap;
display:flex;
}
.ynb-gm_referaht{
overflow:hidden;
padding:28px;
border:1px solid rgba(26, 18, 48, 0.12);
border-radius:20px;
background:linear-gradient(150deg,#13102A,#0E1426);
position:relative;
justify-content:space-between;
color:#F0ECFF;
display:flex;
flex-direction:column;
}
.ynb-gm_referaht .ynb-eyebrowaht{
color:#B89EFF;
}
.ynb-gm_ref_h2aht{
margin:0.625rem 0 0.5rem;
font-size:24px;
line-height:1.1;
color:#F0ECFF;
font-weight:700;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
}
.ynb-gm_ref_h2aht em{
font-style:normal;
color:#B89EFF;
}
.ynb-gm_ref_textaht{
margin-bottom:1.125rem;
font-size:13px;
line-height:1.55;
color:#A89FD0;
}
@media(max-width:1025px){
.ynb-gmaht{
grid-template-columns:1fr;
}
}
.ynb-disputeaht{
gap:28px;
border:1px dashed rgba(26, 18, 48, 0.22);
padding:26px 1.875rem;
border-radius:12px;
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
}
.ynb-dispute_inaht{
max-width:660px;
}
.ynb-dispute_h2aht{
margin-bottom:0.5rem;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
font-size:22px;
color:#1A1230;
}
.ynb-dispute_textaht{
line-height:1.6;
font-size:13.5px;
color:#3D3360;
}
.ynb-et_h2aht{
margin:10px 0 0.875rem;
font-size:28px;
font-weight:700;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
line-height:1.08;
color:#1A1230;
}
.ynb-et_rightaht{
gap:10px;
display:flex;
flex-direction:column;
}
.ynb-et_updatedaht{
border-radius:12px;
background:#F5F3FA;
border:1px solid rgba(26, 18, 48, 0.12);
gap:0.625rem;
padding:14px 18px;
font-size:0.75rem;
align-items:center;
color:#3D3360;
display:flex;
}
.ynb-et_updatedaht svg{
flex:none;
color:#6B21E8;
height:15px;
width:15px;
}
.ynb-et_updatedaht b{
color:#1A1230;
}
@media(max-width:563px){
.ynb-et_h2aht{
font-size:1.5rem;
}
}
.ynb-provsaht{
gap:0.75rem;
grid-template-columns:repeat(6,1fr);
margin-bottom:1.75rem;
display:grid;
}
.ynb-provsaht>*{
min-width:0;
}
.ynb-provaht{
background:#FFFFFF;
border:1px solid rgba(26, 18, 48, 0.12);
border-radius:0.75rem;
padding:0.75rem;
justify-content:center;
text-decoration:none;
height:64px;
display:flex;
align-items:center;
}
.ynb-prov_imgaht{
object-fit:contain;
max-height:32px;
max-width:100%;
}
.ynb-respaht{
border-radius:12px;
padding:1.625rem;
background:#FFFFFF;
border:1px solid rgba(26, 18, 48, 0.12);
gap:1.5rem;
justify-content:space-between;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.ynb-resp_inaht{
max-width:560px;
}
.ynb-resp_haht{
color:#1A1230;
margin-bottom:0.5rem;
font-weight:700;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
font-size:19px;
}
.ynb-resp_paht{
font-size:0.844rem;
line-height:1.6;
color:#3D3360;
}
.ynb-resp_badgesaht{
gap:0.875rem;
align-items:center;
flex-wrap:wrap;
display:flex;
}
.ynb-age18aht{
border:1.5px solid #DC2626;
padding:0.25rem 0.5rem;
border-radius:8px;
color:#DC2626;
font-weight:700;
font-size:13px;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.ynb-resp_orgaht{
font-size:13px;
color:#6B5F99;
font-weight:600;
}
@media(max-width:1025px){
.ynb-provsaht{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:560px){
.ynb-provsaht{
grid-template-columns:repeat(2,1fr);
}
}
.ynb-op_h2aht{
margin:0.625rem 0 8px;
font-weight:700;
color:#1A1230;
font-size:24px;
line-height:1.1;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
}
.ynb-op_textaht{
line-height:1.6;
color:#3D3360;
font-size:13.5px;
}
@media(max-width:560px){
.ynb-op_h2aht{
font-size:1.375rem;
}
}
.ynb-ab_h2aht{
margin:14px 0 16px;
line-height:1.08;
color:#1A1230;
font-family:"Anybody", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
font-size:2rem;
}
.ynb-ab_bodyaht{
color:#3D3360;
line-height:1.65;
font-size:0.938rem;
margin-bottom:0.875rem;
}
.ynb-ab_chipsaht{
gap:10px;
margin-top:8px;
display:flex;
flex-wrap:wrap;
}
.ynb-faqaht{
gap:10px;
flex-direction:column;
display:flex;
}
.ynb-faq_itemaht{
padding:18px 1.375rem;
background:#FFFFFF;
border-radius:12px;
border:1px solid rgba(26, 18, 48, 0.12);
}
.ynb-faq_qaht{
list-style:none;
gap:16px;
display:flex;
align-items:center;
cursor:pointer;
font-weight:600;
justify-content:space-between;
font-size:0.969rem;
color:#1A1230;
}
.ynb-faq_qaht::-webkit-details-marker{
display:none;
}
.ynb-faq_q_taht{
gap:0.625rem;
display:flex;
}
.ynb-faq_q_iaht{
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-style:normal;
color:#6B21E8;
}
.ynb-faq_pmaht{
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:1.25rem;
color:#6B21E8;
}
.ynb-faq_itemaht[open] .ynb-faq_pmaht{
transform:rotate(45deg);
}
.ynb-faq_aaht{
margin-top:0.75rem;
line-height:1.6;
color:#3D3360;
font-size:13.5px;
}
@media(max-width:563px){
.ynb-ab_h2aht{
font-size:1.625rem;
}
}
.ynb-footeraht{
background:#1A1230;
padding:40px 1.75rem;
border-top:1px solid rgba(26, 18, 48, 0.08);
}
.ynb-footer_gridaht{
grid-template-columns:1.4fr 1fr 1fr 1fr;
gap:2rem;
margin-left:auto;
margin-bottom:28px;
margin-right:auto;
max-width:1400px;
display:grid;
}
.ynb-footer_gridaht>*{
min-width:0;
}
.ynb-footer_gridaht h4{
font-size:0.625rem;
color:#A098C4;
letter-spacing:.12em;
margin-bottom:13px;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
text-transform:uppercase;
}
.ynb-fcolaht{
gap:0.563rem;
color:#3D3360;
flex-direction:column;
display:flex;
font-size:0.813rem;
}
.ynb-fcolaht a{
cursor:pointer;
}
.ynb-ft_aboutaht{
max-width:260px;
margin-top:12px;
line-height:1.6;
color:#6B5F99;
font-size:0.813rem;
}
.ynb-ft_contactaht{
margin-top:12px;
color:#6B21E8;
font-family:"Martian Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
overflow-wrap:anywhere;
font-size:12.5px;
}
.ynb-footer_bottomaht{
gap:1rem;
margin:0 auto;
flex-wrap:wrap;
display:flex;
border-top:1px solid rgba(26, 18, 48, 0.08);
padding-top:20px;
justify-content:space-between;
max-width:1400px;
align-items:center;
}
.ynb-footer_bottomaht p{
color:#A098C4;
line-height:1.6;
font-size:0.688rem;
max-width:45rem;
}
@media(max-width:1021px){
.ynb-footer_gridaht{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:561px){
.ynb-footer_gridaht{
grid-template-columns:1fr;
}
}