*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#F5F3FA;
font-family:"Work Sans", 'Helvetica Neue', Arial, sans-serif;
line-height:1.55;
-webkit-font-smoothing:antialiased;
font-size:15px;
overflow-wrap:break-word;
text-rendering:optimizeLegibility;
color:#3D3356;
}
img{
display:block;
max-width:100%;
}
a{
text-decoration:none;
color:inherit;
}
button{
border:none;
background:none;
font-family:inherit;
cursor:pointer;
}
input{
font-family:inherit;
}
svg{
display:block;
}
h1,h2,h3,h4{
overflow-wrap:anywhere;
}
::-webkit-scrollbar{
width:8px;
height:8px;
}
::-webkit-scrollbar-thumb{
border-radius:0.5rem;
background:rgba(20, 12, 40, 0.72);
}
::-webkit-scrollbar-track{
background:transparent;
}
.yro_shelllu7{
grid-template-columns:15.5rem 1fr;
min-height:100vh;
display:grid;
}
.yro_mainlu7{
min-width:0;
}
.yro_wraplu7{
margin:0 auto;
width:100%;
max-width:87.5rem;
}
.yro_containerlu7{
padding:0 1rem;
margin:0 auto;
max-width:87.5rem;
width:100%;
}
@media(min-width:769px){
.yro_containerlu7{
padding:0 28px;
}
}
.yro_sectionlu7{
padding:1.5rem 28px;
}
.yro_section_ptlu7{
padding-top:34px;
}
.yro_band_softlu7{
background:#FFFFFF;
}
.yro_eyebrowlu7{
font-size:0.656rem;
letter-spacing:.14em;
text-transform:uppercase;
line-height:1.4;
color:#6B21D6;
font-weight:600;
font-family:"Work Sans", 'Helvetica Neue', Arial, sans-serif;
display:inline-block;
overflow-wrap:break-word;
}
.yro_drawer_cblu7{
display:none;
}
.yro_overlaylu7{
display:none;
}
@media(max-width:1022px){
.yro_shelllu7{
grid-template-columns:1fr;
}
.yro_mainlu7{
padding-bottom:78px;
}
.yro_drawer_cblu7:checked~.yro_overlaylu7{
inset:0;
background:rgba(20, 12, 40, 0.72);
z-index:70;
position:fixed;
display:block;
}
}
@media(max-width:560px){
.yro_sectionlu7{
padding:18px 16px;
}
.yro_section_ptlu7{
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 ---------- */
.yro_sidelu7{
gap:1.375rem;
padding:1.375rem 1.125rem;
background:#EEEAF6;
overflow-y:auto;
flex-direction:column;
border-right:1px solid rgba(28, 21, 48, 0.08);
height:100vh;
top:0;
display:flex;
position:sticky;
align-self:start;
}
.yro_brandlu7{
gap:0.625rem;
align-items:center;
display:flex;
}
.yro_logolu7{
font-weight:700;
letter-spacing:-.02em;
font-size:1.313rem;
color:#1C1530;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
}
.yro_side_ctalu7{
border:1px solid rgba(28, 21, 48, 0.12);
border-radius:13px;
padding:1rem;
background:rgba(107, 33, 214, 0.11);
}
.yro_side_cta_hlu7{
font-weight:700;
margin-bottom:6px;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
font-size:1.063rem;
line-height:1.15;
color:#1C1530;
}
.yro_side_cta_plu7{
margin-bottom:12px;
color:#3D3356;
line-height:1.45;
font-size:12px;
}
.yro_navlu7{
gap:3px;
display:flex;
flex-direction:column;
}
.yro_nav_labellu7{
padding:0.375rem 0.625rem;
text-transform:uppercase;
letter-spacing:.14em;
font-size:0.594rem;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#A094BF;
}
.yro_nav_itemlu7{
padding:10px;
border-radius:0.563rem;
gap:0.688rem;
align-items:center;
font-weight:500;
color:#3D3356;
display:flex;
font-size:14px;
}
.yro_nav_itemlu7 svg{
width:1.063rem;
height:1.063rem;
}
.yro_nav_itemlu7:hover{
background:rgba(107, 33, 214, 0.11);
color:#1C1530;
}
.yro_nav_item_onlu7{
background:rgba(107, 33, 214, 0.11);
font-weight:600;
color:#6B21D6;
}
.yro_side_footlu7{
border-radius:0.813rem;
background:#FFFFFF;
padding:0.75rem;
border:1px solid rgba(28, 21, 48, 0.12);
margin-top:auto;
}
.yro_side_footlu7 p{
margin-top:4px;
line-height:1.4;
font-size:0.781rem;
color:#3D3356;
}
/* ---------- topbar ---------- */
.yro_toplu7{
gap:16px;
padding:0.875rem 28px;
background:#EEEAF6;
border-bottom:1px solid rgba(28, 21, 48, 0.08);
top:0;
position:sticky;
align-items:center;
display:flex;
z-index:40;
}
.yro_top_brandlu7{
gap:0.563rem;
display:none;
align-items:center;
}
.yro_searchlu7{
padding:11px 0.875rem;
background:#FFFFFF;
border:1px solid rgba(28, 21, 48, 0.12);
gap:10px;
flex:1;
border-radius:0.813rem;
color:#6B5F8A;
max-width:27.5rem;
align-items:center;
display:flex;
font-size:13.5px;
}
.yro_searchlu7 svg{
flex:none;
height:16px;
width:1rem;
}
.yro_top_actionslu7{
gap:12px;
display:flex;
align-items:center;
margin-left:auto;
}
.yro_langlu7{
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#3D3356;
font-size:12px;
}
.yro_burgerlu7{
border-radius:9px;
border:1px solid rgba(28, 21, 48, 0.12);
background:#FFFFFF;
justify-content:center;
color:#1C1530;
width:40px;
height:2.5rem;
align-items:center;
display:none;
}
/* ---------- bottom-nav (mobile) ---------- */
.yro_botnavlu7{
display:none;
}
@media(max-width:1027px){
.yro_sidelu7{
transition:transform .25s ease;
width:17.5rem;
left:0;
z-index:80;
position:fixed;
height:100vh;
transform:translateX(-100%);
top:0;
}
.yro_drawer_cblu7:checked~.yro_shelllu7 .yro_sidelu7{
transform:translateX(0);
}
.yro_toplu7{
padding:14px 16px;
gap:0.75rem;
position:static;
flex-wrap:wrap;
}
.yro_top_brandlu7{
display:flex;
}
.yro_searchlu7{
display:none;
}
.yro_burgerlu7{
display:flex;
}
.yro_top_actionslu7{
gap:10px;
margin-left:0;
width:100%;
align-items:stretch;
}
.yro_top_actionslu7 .yro_langlu7{
display:none;
}
.yro_top_actionslu7 .yro_btnlu7{
flex:1;
padding:11px 10px;
text-align:center;
}
.yro_botnavlu7{
background:#EEEAF6;
grid-template-columns:repeat(3,1fr);
padding:8px 6px calc(0.5rem + env(safe-area-inset-bottom));
border-top:1px solid rgba(28, 21, 48, 0.12);
z-index:65;
position:fixed;
bottom:0;
left:0;
transform:translateZ(0);
display:grid;
right:0;
}
.yro_bnlu7{
gap:4px;
padding:0.375rem 2px 0;
display:flex;
font-size:0.625rem;
min-width:0;
justify-content:flex-end;
color:#3D3356;
align-items:center;
flex-direction:column;
font-weight:600;
}
.yro_bnlu7 svg{
flex:none;
height:1.375rem;
width:1.375rem;
}
.yro_bnlu7 span{
overflow:hidden;
text-overflow:ellipsis;
text-align:center;
max-width:100%;
white-space:nowrap;
}
.yro_bn_onlu7{
color:#6B21D6;
}
.yro_bn_centerlu7{
position:relative;
}
.yro_bn_fablu7{
background:#8A3FFF;
border-radius:50%;
transform:translateX(-50%);
justify-content:center;
top:-1.25rem;
color:#FFFFFF;
box-shadow:0 0.5rem 32px rgba(28, 21, 48, 0.16), 0 2px 0.5rem rgba(28, 21, 48, 0.10);
left:50%;
display:flex;
align-items:center;
position:absolute;
width:50px;
height:50px;
}
.yro_bn_fablu7 svg{
height:24px;
width:1.5rem;
}
.yro_bn_centerlu7 span{
color:#6B21D6;
}
}
.yro_btnlu7{
padding:11px 1.375rem;
gap:8px;
transition:background-color 0.2s ease,color 0.2s ease;
border-radius:9px;
align-items:center;
font-weight:700;
justify-content:center;
display:inline-flex;
font-size:0.875rem;
cursor:pointer;
font-family:"Work Sans", 'Helvetica Neue', Arial, sans-serif;
}
.yro_btn_prilu7{
background:#8A3FFF;
color:#FFFFFF;
box-shadow:0 0.25rem 1.25rem rgba(138, 63, 255, 0.42), 0 1px 0.25rem rgba(138, 63, 255, 0.24);
}
.yro_btn_prilu7:hover{
background:#7228E8;
}
.yro_btn_ghostlu7{
background:rgba(107, 33, 214, 0.11);
color:#1C1530;
font-weight:600;
}
.yro_btn_linelu7{
background:transparent;
border:1px solid rgba(28, 21, 48, 0.22);
color:#1C1530;
font-weight:600;
}
.yro_btn_lglu7{
padding:1rem 30px;
border-radius:0.813rem;
font-size:15px;
}
.yro_bandlu7 .yro_btn_linelu7{
border-color:rgba(255, 255, 255, 0.13);
color:#F0ECFF;
}
.yro_bandlu7 .yro_btn_ghostlu7{
background:rgba(255, 255, 255, 0.08);
color:#F0ECFF;
}
.yro_link_mlu7{
gap:5px;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:12px;
align-items:center;
cursor:pointer;
text-decoration:none;
display:inline-flex;
color:#6B21D6;
}
.yro_link_mlu7 svg{
width:0.875rem;
height:14px;
}
.yro_bandlu7 .yro_link_mlu7{
color:#B47FFF;
}
.yro_dotlu7{
border-radius:50%;
background:#6B21D6;
flex:none;
height:0.438rem;
width:0.438rem;
}
.yro_dot_livelu7{
animation:zm3-pulse 1.4s infinite;
background:#E03030;
}
.yro_starslu7{
gap:2px;
display:inline-flex;
color:#6B21D6;
}
.yro_starslu7 svg{
width:0.938rem;
height:15px;
}
.yro_chiplu7{
padding:0.438rem 0.75rem;
border-radius:0.563rem;
gap:0.375rem;
border:1px solid rgba(28, 21, 48, 0.12);
background:#FFFFFF;
display:inline-flex;
color:#3D3356;
font-size:11px;
align-items:center;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.yro_chip_onlu7{
border-color:transparent;
background:rgba(107, 33, 214, 0.11);
color:#6B21D6;
}
.yro_gclu7{
display:block;
min-width:0;
cursor:pointer;
text-decoration:none;
color:inherit;
}
.yro_gc_thumblu7{
border:1px solid rgba(28, 21, 48, 0.12);
border-radius:0.813rem;
overflow:hidden;
aspect-ratio:1;
display:block;
position:relative;
background-size:cover;
background-position:center;
}
.yro_gc_thumb_portraitlu7{
aspect-ratio:3/4;
}
.yro_gc_thumb_widelu7{
aspect-ratio:16/11;
}
.yro_gc_caplu7{
background:linear-gradient(transparent,rgba(20, 12, 40, 0.72));
padding:0.563rem;
left:0;
position:absolute;
right:0;
bottom:0;
}
.yro_gc_namelu7{
font-weight:700;
color:#F0ECFF;
font-size:12.5px;
display:block;
}
.yro_gc_metalu7{
color:#A99ED4;
font-size:11px;
}
.yro_gc_badgelu7{
border-radius:9px;
padding:2px 6px;
background:#6B21D6;
font-size:8px;
top:0.5rem;
font-weight:700;
right:8px;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
position:absolute;
color:#FFFFFF;
}
.yro_gc_badge_hotlu7{
background:#E03030;
color:#F0ECFF;
}
.yro_gc_badge_livelu7{
background:#E03030;
right:auto;
left:0.5rem;
color:#F0ECFF;
}
.yro_gc_multlu7{
inset:0;
font-size:1.75rem;
align-items:center;
font-weight:700;
display:flex;
color:#6B21D6;
justify-content:center;
position:absolute;
}
.yro_pclu7{
border-radius:13px;
background:#FFFFFF;
border:1px solid rgba(28, 21, 48, 0.12);
color:#3D3356;
align-items:center;
display:flex;
height:4rem;
font-size:14px;
font-weight:700;
justify-content:center;
}
.yro_raillu7{
min-width:0;
}
.yro_rail_scrolllu7{
gap:0.875rem;
display:grid;
}
.yro_rail_scrolllu7>*{
min-width:0;
}
.yro_g6lu7{
grid-template-columns:repeat(6,1fr);
}
.yro_g7lu7{
grid-template-columns:repeat(7,1fr);
}
.yro_g4lu7{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1027px){
.yro_g6lu7,.yro_g7lu7{
grid-template-columns:none;
grid-auto-flow:column;
padding-bottom:0.375rem;
scroll-snap-type:x mandatory;
grid-auto-columns:7.5rem;
overflow-x:auto;
}
.yro_g6lu7>*,.yro_g7lu7>*{
scroll-snap-align:start;
}
.yro_g4lu7{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:562px){
.yro_g4lu7{
grid-template-columns:none;
overflow-x:auto;
grid-auto-columns:150px;
grid-auto-flow:column;
}
}
.yro_panellu7{
border:1px solid rgba(28, 21, 48, 0.12);
padding:28px 32px;
background:#FFFFFF;
border-radius:20px;
}
.yro_splitlu7{
gap:36px;
display:grid;
align-items:start;
}
.yro_splitlu7>*{
min-width:0;
}
.yro_split_alu7{
grid-template-columns:.85fr 1.15fr;
}
.yro_split_blu7{
grid-template-columns:1fr 1.1fr;
}
.yro_split_clu7{
grid-template-columns:1.1fr .9fr;
}
.yro_pgridlu7{
gap:2.5rem;
grid-template-columns:.9fr 1.1fr;
align-items:center;
display:grid;
}
.yro_pgridlu7>*{
min-width:0;
}
.yro_leadlu7{
line-height:1.65;
margin-bottom:14px;
color:#3D3356;
font-size:15px;
}
.yro_featlu7{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.yro_featlu7>*{
min-width:0;
}
.yro_feat2lu7{
grid-template-columns:1fr 1fr;
}
.yro_feat_cardlu7{
background:#FFFFFF;
border:1px solid rgba(28, 21, 48, 0.12);
border-radius:20px;
padding:1.625rem;
}
.yro_feat_cardlu7 svg{
color:#6B21D6;
height:26px;
margin-bottom:16px;
width:1.625rem;
}
.yro_feat_cardlu7 h3{
margin-bottom:8px;
font-size:1.125rem;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
color:#1C1530;
}
.yro_feat_cardlu7 p{
line-height:1.6;
color:#3D3356;
font-size:0.813rem;
}
.yro_feat_cardlu7 b{
color:#1C1530;
}
.yro_biglu7{
gap:1.375rem;
flex-wrap:wrap;
display:flex;
}
.yro_big_nlu7{
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
color:#6B21D6;
font-size:26px;
font-weight:700;
}
.yro_big_llu7{
font-size:12px;
color:#6B5F8A;
}
.yro_personlu7{
padding:1rem 18px;
border:1px solid rgba(28, 21, 48, 0.12);
gap:14px;
background:#FFFFFF;
border-radius:13px;
align-items:center;
display:flex;
}
.yro_avatarlu7{
flex:none;
background:linear-gradient(135deg,#8A3FFF,#4A0FAD);
border-radius:50%;
width:2.75rem;
height:44px;
}
.yro_person_namelu7{
font-size:14px;
font-weight:700;
color:#1C1530;
}
.yro_person_rolelu7{
color:#6B5F8A;
font-size:0.75rem;
}
.yro_kvlu7{
border-radius:13px;
grid-template-columns:1fr 1fr;
border:1px solid rgba(28, 21, 48, 0.12);
overflow:hidden;
background:rgba(28, 21, 48, 0.12);
gap:1px;
display:grid;
}
.yro_kvlu7>div{
background:#F5F3FA;
padding:16px 1.125rem;
min-width:0;
}
.yro_kv_klu7{
color:#6B21D6;
text-transform:uppercase;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:0.594rem;
margin-bottom:5px;
}
.yro_kv_vlu7{
color:#1C1530;
font-weight:700;
font-size:0.844rem;
}
@media(max-width:1024px){
.yro_split_alu7,.yro_split_blu7,.yro_split_clu7,.yro_pgridlu7{
gap:1.5rem;
grid-template-columns:1fr;
}
.yro_featlu7,.yro_feat2lu7{
grid-template-columns:1fr;
}
.yro_kvlu7{
grid-template-columns:1fr;
}
}
.yro_shlu7{
margin-bottom:1rem;
min-width:0;
}
.yro_sh_rowlu7{
gap:0.75rem;
justify-content:space-between;
flex-wrap:wrap;
align-items:flex-end;
display:flex;
}
.yro_sh_rowlu7 .yro_sh_llu7{
gap:6px;
display:flex;
min-width:0;
flex-direction:column;
}
.yro_sh_stacklu7{
gap:10px;
flex-direction:column;
display:flex;
align-items:flex-start;
}
.yro_sh_centerlu7{
gap:10px;
display:flex;
text-align:center;
flex-direction:column;
align-items:center;
}
.yro_sh_h2lu7{
gap:0.563rem;
color:#1C1530;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
font-size:20px;
overflow-wrap:break-word;
display:flex;
line-height:1.1;
align-items:center;
font-weight:700;
}
@media(min-width:765px){
.yro_sh_h2lu7{
font-size:1.5rem;
}
}
.yro_bandlu7 .yro_sh_h2lu7{
color:#F0ECFF;
}
.yro_eb_monolu7{
letter-spacing:.08em;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
text-transform:none;
}
.yro_eb_monolu7::before{
content:"// ";
}
.yro_eb_upperlu7{
text-transform:uppercase;
letter-spacing:.14em;
}
.yro_eb_pilllu7{
background:rgba(107, 33, 214, 0.11);
padding:5px 0.688rem;
border-radius:999px;
text-transform:uppercase;
letter-spacing:.12em;
}
.yro_eb_linelu7{
gap:10px;
align-items:center;
display:inline-flex;
}
.yro_eb_linelu7::before{
background:#6B21D6;
width:1.5rem;
display:inline-block;
height:1px;
content:"";
}
.yro_bandlu7 .yro_eb_linelu7::before{
background:#B47FFF;
}
.yro_bandlu7 .yro_eb_pilllu7{
background:rgba(255, 255, 255, 0.08);
}
.yro_sh_linklu7{
transition:color 0.2s ease,border-color 0.2s ease;
gap:6px;
padding-bottom:2px;
display:inline-flex;
font-weight:600;
font-size:13px;
white-space:nowrap;
color:#1C1530;
border-bottom:1px solid #1C1530;
align-items:center;
}
.yro_sh_linklu7:hover{
border-color:#6B21D6;
color:#6B21D6;
}
.yro_sh_linklu7 svg{
width:14px;
height:14px;
}
.yro_sh_link_chevlu7{
padding-bottom:0;
font-size:0.75rem;
border-bottom:0;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#6B21D6;
}
.yro_sh_link_btnlu7{
border-radius:62.438rem;
padding:0.563rem 18px;
background:#8A3FFF;
border-bottom:0;
color:#FFFFFF;
}
.yro_sh_link_btnlu7:hover{
background:#7228E8;
border-color:transparent;
}
.yro_bandlu7 .yro_sh_linklu7{
border-color:#F0ECFF;
color:#F0ECFF;
}
.yro_bandlu7 .yro_sh_link_chevlu7{
color:#B47FFF;
}
.yro_sh_rulelu7{
margin:-2px 0 1rem;
background:rgba(28, 21, 48, 0.12);
height:1px;
}
.yro_bandlu7 .yro_sh_rulelu7{
background:rgba(255, 255, 255, 0.13);
}
.yro_seo_grid3lu7{
grid-template-columns:repeat(3,1fr);
gap:20px;
display:grid;
}
.yro_seo_grid4lu7{
grid-template-columns:repeat(4,1fr);
gap:13px;
display:grid;
}
.yro_seo_grid3lu7>*,.yro_seo_grid4lu7>*{
min-width:0;
}
.yro_seo_cardlu7{
border-radius:0.813rem;
padding:1.5rem;
border:1px solid rgba(28, 21, 48, 0.12);
background:#FFFFFF;
}
.yro_seo_cardlu7 h3{
color:#1C1530;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:0.5rem;
font-weight:700;
font-size:1.125rem;
}
.yro_seo_cardlu7 p{
line-height:1.6;
font-size:0.813rem;
color:#3D3356;
}
.yro_seo_card_smlu7{
padding:1.25rem;
}
.yro_seo_card_smlu7 h3{
font-size:1rem;
}
.yro_seo_card_smlu7 p{
line-height:1.55;
font-size:12.5px;
}
.yro_seo_rtp_rowlu7{
grid-template-columns:1fr 1fr;
gap:36px;
margin-top:16px;
display:grid;
align-items:center;
}
.yro_rtplu7{
gap:14px;
min-width:0;
display:flex;
}
.yro_rtplu7>div{
flex:1;
border-radius:0.813rem;
padding:16px;
background:#F5F3FA;
min-width:0;
text-align:center;
}
.yro_rtp_nlu7{
color:#6B21D6;
white-space:nowrap;
font-weight:700;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
font-size:26px;
}
.yro_rtp_llu7{
margin-top:4px;
color:#6B5F8A;
font-size:11px;
}
.yro_cmplu7{
border-radius:0.813rem;
border:1px solid rgba(28, 21, 48, 0.12);
overflow:hidden;
max-width:47.5rem;
}
.yro_cmp_rowlu7{
grid-template-columns:1.6fr 1fr 1fr;
font-size:13px;
display:grid;
}
.yro_cmp_rowlu7>div{
padding:0.813rem 14px;
text-align:center;
min-width:0;
}
.yro_cmp_rowlu7>div:first-child{
color:#1C1530;
padding-left:22px;
font-weight:600;
text-align:left;
}
.yro_cmp_thlu7{
background:#F5F3FA;
font-weight:700;
font-size:12.5px;
}
.yro_cmp_rowlu7:not(.yro_cmp_thlu7){
background:#FFFFFF;
border-top:1px solid rgba(28, 21, 48, 0.08);
color:#3D3356;
}
.yro_cmp_zebralu7{
background:#EDE9F5;
}
.yro_guidelu7{
border:1px solid rgba(28, 21, 48, 0.12);
overflow:hidden;
border-radius:13px;
background:#FFFFFF;
cursor:pointer;
}
.yro_guide_coverlu7{
height:8.125rem;
}
.yro_guide_bodylu7{
padding:1.25rem;
}
.yro_guide_bodylu7 h3{
margin:0.438rem 0 9px;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
color:#1C1530;
font-size:1rem;
line-height:1.25;
}
.yro_guide_metalu7{
color:#6B5F8A;
font-size:0.719rem;
}
.yro_hublu7{
grid-template-columns:repeat(5,1fr);
gap:1.75rem;
display:grid;
padding-top:28px;
border-top:1px solid rgba(28, 21, 48, 0.08);
}
.yro_hublu7>*{
min-width:0;
}
.yro_hublu7 h4{
font-size:13px;
color:#1C1530;
margin-bottom:0.688rem;
font-weight:700;
}
.yro_hub_collu7{
gap:0.5rem;
display:flex;
flex-direction:column;
color:#3D3356;
font-size:13px;
}
.yro_hub_collu7 a{
cursor:pointer;
}
@media(max-width:1027px){
.yro_seo_grid3lu7{
grid-template-columns:1fr;
}
.yro_seo_grid4lu7{
grid-template-columns:repeat(2,1fr);
}
.yro_seo_rtp_rowlu7{
grid-template-columns:1fr;
gap:20px;
}
.yro_hublu7{
gap:1.375rem;
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:563px){
.yro_hublu7{
grid-template-columns:1fr;
}
}
.yro_tklu7{
overflow:hidden;
background:#1A1428;
border-bottom:1px solid rgba(28, 21, 48, 0.08);
align-items:center;
display:flex;
}
.yro_tk_taglu7{
padding:0.688rem 18px;
gap:8px;
background:#FFFFFF;
flex:none;
border-right:1px solid rgba(28, 21, 48, 0.08);
color:#E03030;
font-weight:600;
text-transform:uppercase;
align-items:center;
letter-spacing:.1em;
display:flex;
font-size:10.5px;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.yro_tk_raillu7{
overflow:hidden;
flex:1;
}
.yro_tk_tracklu7{
gap:1.75rem;
padding:0.688rem 14px;
animation:zm3-marquee 26s linear infinite;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:12px;
color:#3D3356;
width:max-content;
display:flex;
white-space:nowrap;
}
.yro_tk_tracklu7 b{
color:#6B21D6;
}
.yro_herolu7{
border:1px solid rgba(28, 21, 48, 0.12);
border-radius:20px;
background:linear-gradient(120deg,#1A1428,#0E0B1E);
overflow:hidden;
padding:46px 48px;
position:relative;
color:#F0ECFF;
}
.yro_hero_glowlu7{
border-radius:50%;
background:radial-gradient(circle,rgba(138, 79, 255, 0.22),transparent 70%);
width:21.25rem;
height:21.25rem;
position:absolute;
top:-3.75rem;
right:-60px;
}
.yro_hero_inlu7{
max-width:600px;
position:relative;
}
.yro_herolu7 .yro_eyebrowlu7{
color:#B47FFF;
}
.yro_pill_rowlu7{
border:1px solid rgba(255, 255, 255, 0.13);
gap:0.5rem;
padding:0.375rem 13px;
background:rgba(255, 255, 255, 0.08);
border-radius:62.438rem;
letter-spacing:.1em;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
align-items:center;
font-size:10.5px;
color:#B47FFF;
text-transform:uppercase;
margin-bottom:22px;
display:inline-flex;
}
.yro_hero_h1lu7{
margin:18px 0;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
color:#F0ECFF;
font-weight:700;
overflow-wrap:break-word;
letter-spacing:-.02em;
line-height:1.02;
font-size:54px;
}
.yro_hero_h1lu7 em{
font-style:normal;
color:#B47FFF;
}
.yro_hero_sublu7{
margin-bottom:1.75rem;
font-size:17px;
line-height:1.55;
color:#A99ED4;
max-width:480px;
}
.yro_hero_ctalu7{
gap:14px;
flex-wrap:wrap;
display:flex;
align-items:center;
margin-bottom:26px;
}
.yro_hero_trustlu7{
gap:0.875rem;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.yro_hero_rating_txtlu7{
color:#A99ED4;
font-size:0.813rem;
}
@media(max-width:1026px){
.yro_herolu7{
padding:32px 24px;
}
.yro_hero_h1lu7{
font-size:2.375rem;
}
}
@media(max-width:561px){
.yro_hero_h1lu7{
font-size:1.875rem;
}
}
.yro_tabslu7{
gap:0.563rem;
display:flex;
flex-wrap:wrap;
}
.yro_tablu7{
border-radius:9px;
background:#FFFFFF;
padding:10px 18px;
border:1px solid rgba(28, 21, 48, 0.12);
cursor:pointer;
font-size:0.813rem;
color:#3D3356;
font-weight:600;
}
.yro_tab_onlu7{
background:#8A3FFF;
border-color:transparent;
color:#FFFFFF;
font-weight:700;
}
.yro_statlu7{
grid-template-columns:repeat(4,1fr);
gap:0.875rem;
display:grid;
}
.yro_statlu7>*{
min-width:0;
}
.yro_stat_itemlu7{
background:#FFFFFF;
border-radius:0.813rem;
border:1px solid rgba(28, 21, 48, 0.12);
padding:18px 20px;
}
.yro_stat_klu7{
color:#6B5F8A;
letter-spacing:.12em;
text-transform:uppercase;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:0.594rem;
margin-bottom:0.438rem;
}
.yro_stat_vlu7{
gap:8px;
font-weight:700;
display:flex;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
font-size:24px;
color:#1C1530;
align-items:center;
min-width:0;
overflow-wrap:anywhere;
}
.yro_stat_v_accentlu7{
color:#6B21D6;
}
@media(max-width:1025px){
.yro_statlu7{
grid-template-columns:repeat(2,1fr);
}
}
.yro_wlclu7{
border:1px solid rgba(28, 21, 48, 0.12);
padding:2.25rem 40px;
border-radius:20px;
gap:24px;
grid-template-columns:1.2fr .8fr;
overflow:hidden;
background:linear-gradient(120deg,#1A1428,#0E0B1E);
display:grid;
position:relative;
color:#F0ECFF;
align-items:center;
}
.yro_wlclu7>*{
min-width:0;
}
.yro_wlclu7 .yro_eyebrowlu7{
color:#B47FFF;
}
.yro_wlc_glowlu7{
border-radius:50%;
background:radial-gradient(circle,rgba(138, 79, 255, 0.22),transparent 70%);
width:260px;
position:absolute;
height:260px;
right:-40px;
top:-40px;
}
.yro_wlc_inlu7{
position:relative;
}
.yro_wlc_h2lu7{
margin:10px 0 0.5rem;
color:#F0ECFF;
font-weight:700;
line-height:1.03;
font-size:34px;
overflow-wrap:break-word;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
}
.yro_wlc_h2lu7 em{
color:#B47FFF;
font-style:normal;
}
.yro_wlc_sublu7{
color:#A99ED4;
line-height:1.55;
font-size:14px;
max-width:420px;
margin-bottom:1.125rem;
}
.yro_wlc_termslu7{
gap:10px;
position:relative;
display:flex;
flex-direction:column;
}
.yro_termlu7{
border-radius:0.813rem;
background:rgba(255, 255, 255, 0.08);
gap:0.688rem;
padding:0.813rem 0.938rem;
border:1px solid rgba(255, 255, 255, 0.13);
align-items:center;
display:flex;
}
.yro_termlu7 svg{
flex:none;
width:1.25rem;
color:#B47FFF;
height:20px;
}
.yro_term_klu7{
text-transform:uppercase;
color:#A99ED4;
letter-spacing:.1em;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:0.594rem;
}
.yro_term_vlu7{
margin-top:2px;
font-size:14px;
font-weight:700;
color:#F0ECFF;
}
@media(max-width:1023px){
.yro_wlclu7{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.yro_wlc_h2lu7{
font-size:26px;
}
}
.yro_jplu7{
grid-template-columns:1.5fr 1fr 1fr;
gap:0.875rem;
display:grid;
}
.yro_jplu7>*{
min-width:0;
}
.yro_jp_herolu7{
border:1px solid rgba(28, 21, 48, 0.12);
background:linear-gradient(135deg,#1A1428,#0E0B1E);
border-radius:1.25rem;
overflow:hidden;
gap:14px;
padding:26px;
position:relative;
flex-direction:column;
display:flex;
min-height:11.25rem;
justify-content:space-between;
color:#F0ECFF;
}
.yro_jp_glowlu7{
background:radial-gradient(circle,rgba(138, 79, 255, 0.22),transparent 70%);
border-radius:50%;
width:11.25rem;
top:-40px;
right:-2.5rem;
height:11.25rem;
position:absolute;
}
.yro_jp_k_rowlu7{
gap:10px;
display:flex;
align-items:center;
position:relative;
justify-content:space-between;
}
.yro_jp_klu7{
text-transform:uppercase;
font-size:10px;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#6B5F8A;
letter-spacing:.12em;
}
.yro_jp_herolu7 .yro_jp_klu7{
color:#A99ED4;
}
.yro_jp_amtlu7{
line-height:1;
position:relative;
font-weight:700;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
color:#B47FFF;
font-size:42px;
}
.yro_jp_sublu7{
margin-top:0.313rem;
font-size:0.75rem;
color:#A99ED4;
}
.yro_jp_celllu7{
border-radius:1.25rem;
padding:22px;
background:#FFFFFF;
border:1px solid rgba(28, 21, 48, 0.12);
flex-direction:column;
display:flex;
min-height:180px;
justify-content:space-between;
}
.yro_jp_celllu7 .yro_jp_amtlu7{
font-size:30px;
color:#1C1530;
}
.yro_jp_celllu7 .yro_jp_sublu7{
color:#6B5F8A;
}
@media(max-width:1025px){
.yro_jplu7{
grid-template-columns:1fr;
}
}
@media(max-width:560px){
.yro_jp_amtlu7{
font-size:32px;
}
}
.yro_supplu7{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.yro_supplu7>*{
min-width:0;
}
.yro_supp_cardlu7{
background:#FFFFFF;
border:1px solid rgba(28, 21, 48, 0.12);
border-radius:13px;
padding:24px;
}
.yro_supp_cardlu7 svg{
color:#6B21D6;
width:24px;
margin-bottom:14px;
height:24px;
}
.yro_supp_cardlu7 h3{
font-size:16px;
color:#1C1530;
font-weight:700;
margin-bottom:6px;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
}
.yro_supp_cardlu7 p{
color:#3D3356;
font-size:0.813rem;
line-height:1.55;
}
@media(max-width:1021px){
.yro_supplu7{
grid-template-columns:1fr;
}
}
.yro_promo_gridlu7{
grid-template-columns:repeat(3,1fr);
gap:1rem;
display:grid;
}
.yro_promo_gridlu7>*{
min-width:0;
}
.yro_promolu7{
border-radius:1.25rem;
border:1px solid rgba(28, 21, 48, 0.12);
overflow:hidden;
background:#FFFFFF;
padding:24px;
position:relative;
min-height:9.375rem;
}
.yro_promo_hlu7{
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
font-size:1.625rem;
font-weight:700;
color:#1C1530;
margin-top:0.375rem;
line-height:1.05;
}
.yro_promo_hlu7 em{
font-style:normal;
color:#6B21D6;
}
.yro_promo_plu7{
font-size:12.5px;
color:#3D3356;
line-height:1.5;
margin-top:0.5rem;
}
.yro_promo_featlu7{
border-color:rgba(28, 21, 48, 0.12);
background:linear-gradient(135deg,#1A1428,#0E0B1E);
}
.yro_promo_featlu7 .yro_promo_hlu7{
color:#F0ECFF;
}
.yro_promo_featlu7 .yro_promo_hlu7 em{
color:#B47FFF;
}
.yro_promo_featlu7 .yro_promo_plu7{
color:#A99ED4;
}
.yro_promo_featlu7 .yro_eyebrowlu7{
color:#B47FFF;
}
@media(max-width:1027px){
.yro_promo_gridlu7{
grid-template-columns:1fr;
}
}
.yro_tourlu7{
border-radius:20px;
overflow:hidden;
border:1px solid rgba(28, 21, 48, 0.12);
grid-template-columns:1.05fr 1fr;
display:grid;
}
.yro_tourlu7>*{
min-width:0;
}
.yro_tour_llu7{
overflow:hidden;
background:linear-gradient(135deg,#1A1428,#0E0B1E);
padding:2.125rem;
position:relative;
color:#F0ECFF;
}
.yro_tour_h2lu7{
margin:0.75rem 0 10px;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
color:#F0ECFF;
font-weight:700;
font-size:30px;
line-height:1.05;
}
.yro_tour_h2lu7 em{
color:#B47FFF;
font-style:normal;
}
.yro_tour_textlu7{
color:#A99ED4;
max-width:340px;
margin-bottom:20px;
line-height:1.6;
font-size:0.844rem;
}
.yro_tour_metalu7{
gap:1.125rem;
flex-wrap:wrap;
display:flex;
margin-bottom:1.25rem;
align-items:flex-end;
}
.yro_tour_caplu7{
margin-bottom:5px;
color:#A99ED4;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
text-transform:uppercase;
font-size:9.5px;
}
.yro_countlu7{
gap:6px;
display:flex;
}
.yro_countlu7 span{
padding:0.25rem 9px;
border:1px solid rgba(255, 255, 255, 0.13);
border-radius:9px;
background:rgba(255, 255, 255, 0.08);
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:22px;
font-weight:700;
}
.yro_tour_unitslu7{
font-size:10px;
color:#A99ED4;
}
.yro_boardlu7{
background:#FFFFFF;
padding:1.75rem 1.875rem;
}
.yro_board_headlu7{
justify-content:space-between;
display:flex;
margin-bottom:0.875rem;
align-items:center;
}
.yro_board_titlelu7{
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
color:#1C1530;
font-weight:700;
font-size:16px;
}
.yro_board_updlu7{
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
text-transform:uppercase;
font-size:0.625rem;
color:#6B5F8A;
}
.yro_board_listlu7{
gap:2px;
display:flex;
flex-direction:column;
}
.yro_board_rowlu7{
border-radius:9px;
gap:12px;
padding:0.625rem 12px;
align-items:center;
display:flex;
}
.yro_board_top1lu7{
background:rgba(107, 33, 214, 0.11);
}
.yro_board_rklu7{
font-weight:700;
color:#6B5F8A;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:0.875rem;
width:20px;
}
.yro_board_top1lu7 .yro_board_rklu7{
color:#6B21D6;
}
.yro_board_nmlu7{
flex:1;
font-size:0.844rem;
color:#3D3356;
font-weight:600;
min-width:0;
}
.yro_board_top1lu7 .yro_board_nmlu7{
color:#1C1530;
font-weight:700;
}
.yro_board_ptlu7{
color:#3D3356;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:12.5px;
}
@media(max-width:1027px){
.yro_tourlu7{
grid-template-columns:1fr;
}
}
@media(max-width:560px){
.yro_tour_h2lu7{
font-size:1.5rem;
}
}
.yro_pay_logoslu7{
grid-template-columns:repeat(4,1fr);
gap:9px;
display:grid;
}
.yro_pay_logoslu7>*{
min-width:0;
}
.yro_paylu7{
border:1px solid rgba(28, 21, 48, 0.12);
border-radius:0.563rem;
display:flex;
font-weight:700;
align-items:center;
height:48px;
justify-content:center;
color:#3D3356;
font-size:0.75rem;
}
.yro_tablelu7{
border:1px solid rgba(28, 21, 48, 0.12);
overflow:hidden;
border-radius:13px;
}
.yro_trowlu7{
grid-template-columns:1.3fr 1fr 1fr 1fr;
display:grid;
font-size:0.813rem;
}
.yro_trowlu7>div{
padding:13px 0.875rem;
min-width:0;
}
.yro_trowlu7>div:first-child{
padding-left:1rem;
color:#1C1530;
font-weight:700;
}
.yro_trow_thlu7{
background:#F5F3FA;
font-size:0.594rem;
text-transform:uppercase;
letter-spacing:.06em;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#6B5F8A;
}
.yro_trowlu7:not(.yro_trow_thlu7){
background:#FFFFFF;
color:#3D3356;
border-top:1px solid rgba(28, 21, 48, 0.08);
}
.yro_trow_zebralu7{
background:#EDE9F5;
}
.yro_poslu7{
font-weight:700;
color:#6B21D6;
}
@media(max-width:1027px){
.yro_pay_logoslu7{
grid-template-columns:repeat(2,1fr);
}
}
.yro_bannerlu7{
border:1px solid rgba(28, 21, 48, 0.12);
gap:1.75rem;
padding:36px 40px;
background:linear-gradient(115deg,#1A1428,#0E0B1E);
border-radius:20px;
overflow:hidden;
justify-content:space-between;
position:relative;
flex-wrap:wrap;
align-items:center;
color:#F0ECFF;
display:flex;
}
.yro_banner_glowlu7{
border-radius:50%;
background:radial-gradient(circle,rgba(138, 79, 255, 0.22),transparent 68%);
transform:translateY(-50%);
right:80px;
top:50%;
height:200px;
width:200px;
position:absolute;
}
.yro_banner_inlu7{
max-width:560px;
position:relative;
}
.yro_bannerlu7 .yro_eyebrowlu7{
color:#B47FFF;
}
.yro_banner_h2lu7{
margin:0.625rem 0;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
font-size:1.875rem;
color:#F0ECFF;
font-weight:700;
line-height:1.05;
}
.yro_banner_textlu7{
font-size:0.875rem;
color:#A99ED4;
line-height:1.6;
}
@media(max-width:560px){
.yro_banner_h2lu7{
font-size:24px;
}
}
.yro_gmlu7{
grid-template-columns:1.3fr 1fr;
gap:16px;
display:grid;
}
.yro_gmlu7>*{
min-width:0;
}
.yro_gm_panellu7{
border-radius:1.25rem;
background:#FFFFFF;
padding:28px;
border:1px solid rgba(28, 21, 48, 0.12);
}
.yro_gm_h2lu7{
margin:0.625rem 0 0.5rem;
color:#1C1530;
font-size:1.5rem;
font-weight:700;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
}
.yro_gm_textlu7{
color:#3D3356;
max-width:27.5rem;
font-size:0.844rem;
margin-bottom:1.25rem;
line-height:1.6;
}
.yro_gm_levellu7{
gap:14px;
margin-bottom:1rem;
align-items:center;
display:flex;
}
.yro_gm_lvlu7{
font-weight:700;
font-size:1.5rem;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
color:#6B21D6;
}
.yro_gm_bar_wraplu7{
flex:1;
min-width:0;
}
.yro_gm_bar_metalu7{
margin-bottom:5px;
color:#6B5F8A;
display:flex;
justify-content:space-between;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:10px;
}
.yro_barlu7{
overflow:hidden;
border-radius:62.438rem;
background:#F5F3FA;
height:8px;
}
.yro_bar_filllu7{
background:linear-gradient(90deg,#8A3FFF,#4A0FAD);
border-radius:999px;
height:100%;
display:block;
}
.yro_gm_missionslu7{
gap:9px;
flex-wrap:wrap;
display:flex;
}
.yro_gm_referlu7{
border-radius:20px;
border:1px solid rgba(28, 21, 48, 0.12);
overflow:hidden;
background:linear-gradient(150deg,#1A1428,#0E0B1E);
padding:28px;
display:flex;
color:#F0ECFF;
justify-content:space-between;
flex-direction:column;
position:relative;
}
.yro_gm_referlu7 .yro_eyebrowlu7{
color:#B47FFF;
}
.yro_gm_ref_h2lu7{
margin:10px 0 8px;
line-height:1.1;
color:#F0ECFF;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
font-size:1.5rem;
font-weight:700;
}
.yro_gm_ref_h2lu7 em{
color:#B47FFF;
font-style:normal;
}
.yro_gm_ref_textlu7{
margin-bottom:18px;
color:#A99ED4;
font-size:0.813rem;
line-height:1.55;
}
@media(max-width:1027px){
.yro_gmlu7{
grid-template-columns:1fr;
}
}
.yro_vip_headlu7{
gap:12px;
flex-wrap:wrap;
justify-content:space-between;
margin-bottom:1.125rem;
display:flex;
align-items:flex-end;
}
.yro_vip_introlu7{
color:#3D3356;
font-size:13px;
max-width:26.25rem;
}
.yro_viplu7{
gap:12px;
grid-template-columns:repeat(5,1fr);
display:grid;
}
.yro_viplu7>*{
min-width:0;
}
.yro_tierlu7{
border:1px solid rgba(28, 21, 48, 0.12);
padding:1.25rem;
border-radius:13px;
background:#FFFFFF;
}
.yro_tier_onlu7{
background:rgba(107, 33, 214, 0.11);
border-color:#6B21D6;
}
.yro_tier_medallu7{
background:linear-gradient(135deg,#8A3FFF,#4A0FAD);
border-radius:9px;
height:1.875rem;
width:30px;
margin-bottom:14px;
}
.yro_tier_namelu7{
color:#1C1530;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
font-size:0.938rem;
margin-bottom:0.313rem;
font-weight:700;
}
.yro_tier_txlu7{
color:#6B5F8A;
line-height:1.5;
font-size:11.5px;
}
@media(max-width:1025px){
.yro_viplu7{
grid-template-columns:repeat(2,1fr);
}
}
.yro_stepslu7{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.yro_stepslu7>*{
min-width:0;
}
.yro_steplu7{
border:1px solid rgba(28, 21, 48, 0.12);
background:#FFFFFF;
border-radius:13px;
padding:1.5rem;
position:relative;
}
.yro_step_numlu7{
background:#8A3FFF;
border-radius:0.563rem;
height:1.875rem;
font-weight:700;
margin-bottom:0.875rem;
display:flex;
justify-content:center;
width:1.875rem;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:0.813rem;
align-items:center;
color:#FFFFFF;
}
.yro_step_hlu7{
font-size:1rem;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
margin-bottom:0.438rem;
color:#1C1530;
}
.yro_step_plu7{
line-height:1.55;
color:#3D3356;
font-size:0.813rem;
}
@media(max-width:1025px){
.yro_stepslu7{
grid-template-columns:1fr;
}
}
.yro_dw_h2lu7{
line-height:1.08;
font-size:26px;
margin-bottom:0.625rem;
color:#1C1530;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
}
.yro_steps_vlu7{
grid-template-columns:1fr;
gap:0.625rem;
}
.yro_steps_vlu7 .yro_steplu7{
padding:1.125rem 20px;
}
@media(max-width:562px){
.yro_dw_h2lu7{
font-size:1.438rem;
}
}
.yro_rclu7{
grid-template-columns:1fr 1fr 1fr;
gap:32px;
display:grid;
}
.yro_rclu7>*{
min-width:0;
}
.yro_rc_awardslu7{
gap:0.688rem;
flex-direction:column;
display:flex;
}
.yro_awardlu7{
gap:11px;
display:flex;
align-items:center;
}
.yro_awardlu7 svg{
flex:none;
height:1.125rem;
width:1.125rem;
color:#E6A817;
}
.yro_award_tlu7{
color:#1C1530;
font-weight:700;
font-size:0.844rem;
}
.yro_award_slu7{
color:#6B5F8A;
font-size:11.5px;
}
.yro_rc_presslu7{
grid-template-columns:1fr 1fr;
gap:10px;
display:grid;
}
.yro_logo_celllu7{
border-radius:9px;
border:1px solid rgba(28, 21, 48, 0.12);
height:48px;
justify-content:center;
font-weight:700;
display:flex;
font-size:13px;
align-items:center;
color:#3D3356;
}
.yro_rc_partnerlu7{
border:1px solid rgba(28, 21, 48, 0.12);
background:#FFFFFF;
padding:1.25rem;
border-radius:0.813rem;
}
.yro_rc_partner_namelu7{
margin-bottom:0.375rem;
color:#1C1530;
font-weight:700;
font-size:1.125rem;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
}
.yro_rc_partner_textlu7{
font-size:0.781rem;
color:#3D3356;
line-height:1.55;
}
@media(max-width:1022px){
.yro_rclu7{
grid-template-columns:1fr;
gap:22px;
}
.yro_rc_presslu7{
grid-template-columns:repeat(4,1fr);
}
}
.yro_provslu7{
gap:12px;
grid-template-columns:repeat(6,1fr);
display:grid;
margin-bottom:28px;
}
.yro_provslu7>*{
min-width:0;
}
.yro_provlu7{
border-radius:0.813rem;
padding:0.75rem;
border:1px solid rgba(28, 21, 48, 0.12);
background:#FFFFFF;
height:4rem;
align-items:center;
justify-content:center;
text-decoration:none;
display:flex;
}
.yro_prov_imglu7{
object-fit:contain;
max-width:100%;
max-height:2rem;
}
.yro_resplu7{
gap:1.5rem;
border-radius:13px;
background:#FFFFFF;
padding:26px;
border:1px solid rgba(28, 21, 48, 0.12);
justify-content:space-between;
flex-wrap:wrap;
display:flex;
align-items:center;
}
.yro_resp_inlu7{
max-width:560px;
}
.yro_resp_hlu7{
font-size:1.188rem;
font-weight:700;
color:#1C1530;
margin-bottom:0.5rem;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
}
.yro_resp_plu7{
font-size:0.844rem;
line-height:1.6;
color:#3D3356;
}
.yro_resp_badgeslu7{
gap:14px;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.yro_age18lu7{
border-radius:0.563rem;
padding:4px 8px;
border:1.5px solid #E03030;
font-size:0.813rem;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-weight:700;
color:#E03030;
}
.yro_resp_orglu7{
font-size:0.813rem;
font-weight:600;
color:#6B5F8A;
}
@media(max-width:1025px){
.yro_provslu7{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:557px){
.yro_provslu7{
grid-template-columns:repeat(2,1fr);
}
}
.yro_op_h2lu7{
margin:10px 0 8px;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
line-height:1.1;
font-size:24px;
color:#1C1530;
font-weight:700;
}
.yro_op_textlu7{
color:#3D3356;
font-size:13.5px;
line-height:1.6;
}
@media(max-width:563px){
.yro_op_h2lu7{
font-size:1.375rem;
}
}
.yro_gd_headlu7{
gap:12px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
margin-bottom:1rem;
}
.yro_ab_h2lu7{
margin:14px 0 16px;
color:#1C1530;
line-height:1.08;
font-size:32px;
font-weight:700;
font-family:"Figtree", 'Helvetica Neue', Arial, sans-serif;
}
.yro_ab_bodylu7{
margin-bottom:14px;
font-size:0.938rem;
line-height:1.65;
color:#3D3356;
}
.yro_ab_chipslu7{
gap:0.625rem;
display:flex;
flex-wrap:wrap;
margin-top:8px;
}
.yro_faqlu7{
gap:10px;
flex-direction:column;
display:flex;
}
.yro_faq_itemlu7{
padding:18px 22px;
border-radius:0.813rem;
background:#FFFFFF;
border:1px solid rgba(28, 21, 48, 0.12);
}
.yro_faq_qlu7{
gap:16px;
list-style:none;
font-size:0.969rem;
justify-content:space-between;
font-weight:600;
align-items:center;
cursor:pointer;
display:flex;
color:#1C1530;
}
.yro_faq_qlu7::-webkit-details-marker{
display:none;
}
.yro_faq_q_tlu7{
gap:0.625rem;
display:flex;
}
.yro_faq_q_ilu7{
font-style:normal;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#6B21D6;
}
.yro_faq_pmlu7{
font-size:20px;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#6B21D6;
}
.yro_faq_itemlu7[open] .yro_faq_pmlu7{
transform:rotate(45deg);
}
.yro_faq_alu7{
color:#3D3356;
line-height:1.6;
font-size:0.844rem;
margin-top:12px;
}
@media(max-width:561px){
.yro_ab_h2lu7{
font-size:26px;
}
}
.yro_footerlu7{
background:#1A1428;
padding:2.5rem 1.75rem;
border-top:1px solid rgba(28, 21, 48, 0.08);
}
.yro_footer_gridlu7{
gap:32px;
grid-template-columns:1.4fr 1fr 1fr 1fr;
margin-right:auto;
margin-bottom:28px;
display:grid;
max-width:87.5rem;
margin-left:auto;
}
.yro_footer_gridlu7>*{
min-width:0;
}
.yro_footer_gridlu7 h4{
text-transform:uppercase;
color:#A094BF;
font-size:10px;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
letter-spacing:.12em;
margin-bottom:13px;
}
.yro_fcollu7{
gap:9px;
flex-direction:column;
font-size:13px;
color:#3D3356;
display:flex;
}
.yro_fcollu7 a{
cursor:pointer;
}
.yro_ft_aboutlu7{
max-width:260px;
margin-top:12px;
color:#6B5F8A;
font-size:13px;
line-height:1.6;
}
.yro_ft_contactlu7{
color:#6B21D6;
font-size:12.5px;
margin-top:0.75rem;
overflow-wrap:anywhere;
font-family:"Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.yro_footer_bottomlu7{
margin:0 auto;
gap:16px;
border-top:1px solid rgba(28, 21, 48, 0.08);
justify-content:space-between;
max-width:1400px;
align-items:center;
display:flex;
padding-top:20px;
flex-wrap:wrap;
}
.yro_footer_bottomlu7 p{
font-size:0.688rem;
color:#A094BF;
max-width:720px;
line-height:1.6;
}
@media(max-width:1022px){
.yro_footer_gridlu7{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:558px){
.yro_footer_gridlu7{
grid-template-columns:1fr;
}
}