*{
padding:0;
margin:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#FFF8EE;
line-height:1.55;
text-rendering:optimizeLegibility;
font-size:15px;
overflow-wrap:break-word;
color:#3D2B0A;
font-family:"Onest", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
-webkit-font-smoothing:antialiased;
}
img{
display:block;
max-width:100%;
}
a{
color:inherit;
text-decoration:none;
}
button{
border:none;
background:none;
cursor:pointer;
font-family:inherit;
}
input{
font-family:inherit;
}
svg{
display:block;
}
h1,h2,h3,h4{
overflow-wrap:anywhere;
}
::-webkit-scrollbar{
height:8px;
width:0.5rem;
}
::-webkit-scrollbar-thumb{
border-radius:0.5rem;
background:rgba(26, 12, 0, 0.72);
}
::-webkit-scrollbar-track{
background:transparent;
}
.vyoshell-3ch{
grid-template-columns:248px 1fr;
min-height:100vh;
display:grid;
}
.vyomain-3ch{
min-width:0;
}
.vyowrap-3ch{
margin:0 auto;
width:100%;
max-width:87.5rem;
}
.vyocontainer-3ch{
padding:0 16px;
margin:0 auto;
width:100%;
max-width:1400px;
}
@media(min-width:768px){
.vyocontainer-3ch{
padding:0 1.75rem;
}
}
.vyosection-3ch{
padding:1.5rem 28px;
}
.vyosection_pt-3ch{
padding-top:34px;
}
.vyoband_soft-3ch{
background:#FFFFFF;
}
.vyoeyebrow-3ch{
font-family:"Onest", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
text-transform:uppercase;
font-size:10.5px;
overflow-wrap:break-word;
display:inline-block;
letter-spacing:.14em;
line-height:1.4;
color:#C27D00;
font-weight:600;
}
.vyodrawer_cb-3ch{
display:none;
}
.vyooverlay-3ch{
display:none;
}
@media(max-width:1025px){
.vyoshell-3ch{
grid-template-columns:1fr;
}
.vyomain-3ch{
padding-bottom:78px;
}
.vyodrawer_cb-3ch:checked~.vyooverlay-3ch{
inset:0;
background:rgba(26, 12, 0, 0.72);
position:fixed;
display:block;
z-index:70;
}
}
@media(max-width:561px){
.vyosection-3ch{
padding:18px 16px;
}
.vyosection_pt-3ch{
padding-top:1.5rem;
}
}
@keyframes zm3-pulse{
0%,100%{
opacity:.55}
50%{
opacity:1}
}
@keyframes zm3-marquee{
0%{
transform:translateX(0)}
100%{
transform:translateX(-50%)}
}
/* ---------- sidebar ---------- */
.vyoside-3ch{
gap:22px;
padding:22px 18px;
background:#FEF3E2;
display:flex;
top:0;
align-self:start;
height:100vh;
overflow-y:auto;
flex-direction:column;
position:sticky;
border-right:1px solid rgba(26, 15, 0, 0.08);
}
.vyobrand-3ch{
gap:0.625rem;
display:flex;
align-items:center;
}
.vyologo-3ch{
color:#1A0F00;
font-size:21px;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
letter-spacing:-.02em;
font-weight:700;
}
.vyoside_cta-3ch{
border-radius:0.75rem;
border:1px solid rgba(26, 15, 0, 0.12);
background:rgba(194, 125, 0, 0.11);
padding:1rem;
}
.vyoside_cta_h-3ch{
line-height:1.15;
color:#1A0F00;
font-weight:700;
margin-bottom:6px;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
font-size:17px;
}
.vyoside_cta_p-3ch{
margin-bottom:12px;
font-size:12px;
color:#3D2B0A;
line-height:1.45;
}
.vyonav-3ch{
gap:3px;
flex-direction:column;
display:flex;
}
.vyonav_label-3ch{
padding:0.375rem 0.625rem;
letter-spacing:.14em;
font-size:9.5px;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
text-transform:uppercase;
color:#B5956A;
}
.vyonav_item-3ch{
padding:0.625rem;
border-radius:0.5rem;
gap:0.688rem;
font-size:14px;
display:flex;
align-items:center;
font-weight:500;
color:#3D2B0A;
}
.vyonav_item-3ch svg{
width:1.063rem;
height:17px;
}
.vyonav_item-3ch:hover{
background:rgba(194, 125, 0, 0.11);
color:#1A0F00;
}
.vyonav_item_on-3ch{
background:rgba(194, 125, 0, 0.11);
color:#C27D00;
font-weight:600;
}
.vyoside_foot-3ch{
background:#FFFFFF;
border:1px solid rgba(26, 15, 0, 0.12);
border-radius:12px;
padding:0.75rem;
margin-top:auto;
}
.vyoside_foot-3ch p{
font-size:0.781rem;
margin-top:0.25rem;
color:#3D2B0A;
line-height:1.4;
}
/* ---------- topbar ---------- */
.vyotop-3ch{
gap:16px;
padding:14px 1.75rem;
background:#FEF3E2;
position:sticky;
top:0;
border-bottom:1px solid rgba(26, 15, 0, 0.08);
display:flex;
z-index:40;
align-items:center;
}
.vyotop_brand-3ch{
gap:0.563rem;
display:none;
align-items:center;
}
.vyosearch-3ch{
border-radius:0.75rem;
flex:1;
padding:11px 14px;
gap:10px;
background:#FFFFFF;
border:1px solid rgba(26, 15, 0, 0.12);
color:#7A5C2E;
align-items:center;
display:flex;
font-size:13.5px;
max-width:27.5rem;
}
.vyosearch-3ch svg{
flex:none;
width:1rem;
height:1rem;
}
.vyotop_actions-3ch{
gap:12px;
display:flex;
margin-left:auto;
align-items:center;
}
.vyolang-3ch{
font-size:12px;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#3D2B0A;
}
.vyoburger-3ch{
border-radius:0.5rem;
border:1px solid rgba(26, 15, 0, 0.12);
background:#FFFFFF;
width:40px;
height:2.5rem;
align-items:center;
justify-content:center;
display:none;
color:#1A0F00;
}
/* ---------- bottom-nav (mobile) ---------- */
.vyobotnav-3ch{
display:none;
}
@media(max-width:1027px){
.vyoside-3ch{
transition:transform .25s ease;
z-index:80;
transform:translateX(-100%);
left:0;
position:fixed;
height:100vh;
top:0;
width:17.5rem;
}
.vyodrawer_cb-3ch:checked~.vyoshell-3ch .vyoside-3ch{
transform:translateX(0);
}
.vyotop-3ch{
padding:0.875rem 16px;
gap:0.75rem;
position:static;
flex-wrap:wrap;
}
.vyotop_brand-3ch{
display:flex;
}
.vyosearch-3ch{
display:none;
}
.vyoburger-3ch{
display:flex;
}
.vyotop_actions-3ch{
gap:10px;
margin-left:0;
align-items:stretch;
width:100%;
}
.vyotop_actions-3ch .vyolang-3ch{
display:none;
}
.vyotop_actions-3ch .vyobtn-3ch{
padding:0.688rem 0.625rem;
flex:1;
text-align:center;
}
.vyobotnav-3ch{
grid-template-columns:repeat(3,1fr);
padding:0.5rem 6px calc(0.5rem + env(safe-area-inset-bottom));
background:#FEF3E2;
right:0;
border-top:1px solid rgba(26, 15, 0, 0.12);
position:fixed;
left:0;
transform:translateZ(0);
z-index:65;
display:grid;
bottom:0;
}
.vyobn-3ch{
gap:0.25rem;
padding:0.375rem 2px 0;
color:#3D2B0A;
font-size:10px;
min-width:0;
align-items:center;
display:flex;
justify-content:flex-end;
font-weight:600;
flex-direction:column;
}
.vyobn-3ch svg{
flex:none;
width:1.375rem;
height:22px;
}
.vyobn-3ch span{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
max-width:100%;
text-align:center;
}
.vyobn_on-3ch{
color:#C27D00;
}
.vyobn_center-3ch{
position:relative;
}
.vyobn_fab-3ch{
background:#FFB820;
border-radius:50%;
height:50px;
position:absolute;
top:-20px;
display:flex;
color:#1A0F00;
transform:translateX(-50%);
justify-content:center;
align-items:center;
width:3.125rem;
left:50%;
box-shadow:0 8px 32px rgba(26, 12, 0, 0.14), 0 2px 0.5rem rgba(26, 12, 0, 0.10);
}
.vyobn_fab-3ch svg{
width:24px;
height:1.5rem;
}
.vyobn_center-3ch span{
color:#C27D00;
}
}
.vyobtn-3ch{
transition:background-color 0.2s ease,color 0.2s ease;
border-radius:8px;
gap:0.5rem;
padding:0.688rem 22px;
cursor:pointer;
font-family:"Onest", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
align-items:center;
font-weight:700;
display:inline-flex;
justify-content:center;
font-size:0.875rem;
}
.vyobtn_pri-3ch{
background:#FFB820;
box-shadow:0 0.25rem 1.125rem rgba(255, 184, 32, 0.42), 0 1px 4px rgba(194, 125, 0, 0.30);
color:#1A0F00;
}
.vyobtn_pri-3ch:hover{
background:#E6A100;
}
.vyobtn_ghost-3ch{
background:rgba(194, 125, 0, 0.11);
font-weight:600;
color:#1A0F00;
}
.vyobtn_line-3ch{
background:transparent;
border:1px solid rgba(26, 15, 0, 0.22);
font-weight:600;
color:#1A0F00;
}
.vyobtn_lg-3ch{
border-radius:12px;
padding:16px 30px;
font-size:15px;
}
.vyoband-3ch .vyobtn_line-3ch{
border-color:rgba(255, 210, 100, 0.13);
color:#FFF8EE;
}
.vyoband-3ch .vyobtn_ghost-3ch{
background:rgba(255, 220, 140, 0.08);
color:#FFF8EE;
}
.vyolink_m-3ch{
gap:0.313rem;
cursor:pointer;
font-size:0.75rem;
display:inline-flex;
text-decoration:none;
color:#C27D00;
align-items:center;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.vyolink_m-3ch svg{
width:0.875rem;
height:14px;
}
.vyoband-3ch .vyolink_m-3ch{
color:#FFB820;
}
.vyodot-3ch{
flex:none;
border-radius:50%;
background:#C27D00;
height:0.438rem;
width:7px;
}
.vyodot_live-3ch{
background:#D93025;
animation:zm3-pulse 1.4s infinite;
}
.vyostars-3ch{
gap:2px;
display:inline-flex;
color:#C27D00;
}
.vyostars-3ch svg{
width:15px;
height:15px;
}
.vyochip-3ch{
border-radius:0.5rem;
gap:0.375rem;
padding:0.438rem 12px;
background:#FFFFFF;
border:1px solid rgba(26, 15, 0, 0.12);
font-size:11px;
display:inline-flex;
align-items:center;
color:#3D2B0A;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.vyochip_on-3ch{
background:rgba(194, 125, 0, 0.11);
border-color:transparent;
color:#C27D00;
}
.vyogc-3ch{
color:inherit;
text-decoration:none;
cursor:pointer;
display:block;
min-width:0;
}
.vyogc_thumb-3ch{
overflow:hidden;
border:1px solid rgba(26, 15, 0, 0.12);
border-radius:12px;
aspect-ratio:1;
display:block;
position:relative;
background-size:cover;
background-position:center;
}
.vyogc_thumb_portrait-3ch{
aspect-ratio:3/4;
}
.vyogc_thumb_wide-3ch{
aspect-ratio:16/11;
}
.vyogc_cap-3ch{
background:linear-gradient(transparent,rgba(26, 12, 0, 0.72));
padding:9px;
left:0;
right:0;
position:absolute;
bottom:0;
}
.vyogc_name-3ch{
font-weight:700;
color:#FFF8EE;
font-size:12.5px;
display:block;
}
.vyogc_meta-3ch{
font-size:0.688rem;
color:#C9A96E;
}
.vyogc_badge-3ch{
padding:2px 0.375rem;
background:#C27D00;
border-radius:8px;
right:0.5rem;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
top:0.5rem;
font-weight:700;
position:absolute;
color:#1A0F00;
font-size:8px;
}
.vyogc_badge_hot-3ch{
background:#D93025;
color:#FFF8EE;
}
.vyogc_badge_live-3ch{
background:#D93025;
left:8px;
color:#FFF8EE;
right:auto;
}
.vyogc_mult-3ch{
inset:0;
display:flex;
color:#C27D00;
font-size:28px;
align-items:center;
font-weight:700;
position:absolute;
justify-content:center;
}
.vyopc-3ch{
border-radius:12px;
border:1px solid rgba(26, 15, 0, 0.12);
background:#FFFFFF;
color:#3D2B0A;
font-weight:700;
height:64px;
align-items:center;
display:flex;
font-size:0.875rem;
justify-content:center;
}
.vyorail-3ch{
min-width:0;
}
.vyorail_scroll-3ch{
gap:14px;
display:grid;
}
.vyorail_scroll-3ch>*{
min-width:0;
}
.vyog6-3ch{
grid-template-columns:repeat(6,1fr);
}
.vyog7-3ch{
grid-template-columns:repeat(7,1fr);
}
.vyog4-3ch{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1025px){
.vyog6-3ch,.vyog7-3ch{
grid-template-columns:none;
scroll-snap-type:x mandatory;
padding-bottom:0.375rem;
grid-auto-columns:7.5rem;
grid-auto-flow:column;
overflow-x:auto;
}
.vyog6-3ch>*,.vyog7-3ch>*{
scroll-snap-align:start;
}
.vyog4-3ch{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:561px){
.vyog4-3ch{
grid-template-columns:none;
overflow-x:auto;
grid-auto-columns:9.375rem;
grid-auto-flow:column;
}
}
.vyopanel-3ch{
border:1px solid rgba(26, 15, 0, 0.12);
padding:1.75rem 2rem;
border-radius:20px;
background:#FFFFFF;
}
.vyosplit-3ch{
gap:2.25rem;
display:grid;
align-items:start;
}
.vyosplit-3ch>*{
min-width:0;
}
.vyosplit_a-3ch{
grid-template-columns:.85fr 1.15fr;
}
.vyosplit_b-3ch{
grid-template-columns:1fr 1.1fr;
}
.vyosplit_c-3ch{
grid-template-columns:1.1fr .9fr;
}
.vyopgrid-3ch{
gap:2.5rem;
grid-template-columns:.9fr 1.1fr;
align-items:center;
display:grid;
}
.vyopgrid-3ch>*{
min-width:0;
}
.vyolead-3ch{
line-height:1.65;
margin-bottom:0.875rem;
font-size:15px;
color:#3D2B0A;
}
.vyofeat-3ch{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.vyofeat-3ch>*{
min-width:0;
}
.vyofeat2-3ch{
grid-template-columns:1fr 1fr;
}
.vyofeat_card-3ch{
border-radius:1.25rem;
border:1px solid rgba(26, 15, 0, 0.12);
padding:1.625rem;
background:#FFFFFF;
}
.vyofeat_card-3ch svg{
margin-bottom:16px;
height:26px;
width:1.625rem;
color:#C27D00;
}
.vyofeat_card-3ch h3{
color:#1A0F00;
font-size:18px;
margin-bottom:0.5rem;
font-weight:700;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
}
.vyofeat_card-3ch p{
color:#3D2B0A;
line-height:1.6;
font-size:0.813rem;
}
.vyofeat_card-3ch b{
color:#1A0F00;
}
.vyobig-3ch{
gap:1.375rem;
flex-wrap:wrap;
display:flex;
}
.vyobig_n-3ch{
font-weight:700;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
font-size:26px;
color:#C27D00;
}
.vyobig_l-3ch{
font-size:0.75rem;
color:#7A5C2E;
}
.vyoperson-3ch{
background:#FFFFFF;
padding:1rem 1.125rem;
gap:0.875rem;
border:1px solid rgba(26, 15, 0, 0.12);
border-radius:12px;
align-items:center;
display:flex;
}
.vyoavatar-3ch{
border-radius:50%;
flex:none;
background:linear-gradient(135deg,#FFB820,#C27D00);
width:2.75rem;
height:44px;
}
.vyoperson_name-3ch{
font-weight:700;
color:#1A0F00;
font-size:14px;
}
.vyoperson_role-3ch{
color:#7A5C2E;
font-size:0.75rem;
}
.vyokv-3ch{
background:rgba(26, 15, 0, 0.12);
grid-template-columns:1fr 1fr;
overflow:hidden;
border-radius:0.75rem;
border:1px solid rgba(26, 15, 0, 0.12);
gap:1px;
display:grid;
}
.vyokv-3ch>div{
background:#FFF8EE;
padding:16px 1.125rem;
min-width:0;
}
.vyokv_k-3ch{
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
text-transform:uppercase;
font-size:0.594rem;
color:#C27D00;
margin-bottom:5px;
}
.vyokv_v-3ch{
color:#1A0F00;
font-weight:700;
font-size:13.5px;
}
@media(max-width:1025px){
.vyosplit_a-3ch,.vyosplit_b-3ch,.vyosplit_c-3ch,.vyopgrid-3ch{
grid-template-columns:1fr;
gap:24px;
}
.vyofeat-3ch,.vyofeat2-3ch{
grid-template-columns:1fr;
}
.vyokv-3ch{
grid-template-columns:1fr;
}
}
.vyosh-3ch{
min-width:0;
margin-bottom:1rem;
}
.vyosh_row-3ch{
gap:0.75rem;
display:flex;
flex-wrap:wrap;
align-items:flex-end;
justify-content:space-between;
}
.vyosh_row-3ch .vyosh_l-3ch{
gap:0.375rem;
display:flex;
flex-direction:column;
min-width:0;
}
.vyosh_stack-3ch{
gap:10px;
flex-direction:column;
align-items:flex-start;
display:flex;
}
.vyosh_center-3ch{
gap:0.625rem;
text-align:center;
display:flex;
align-items:center;
flex-direction:column;
}
.vyosh_h2-3ch{
gap:9px;
align-items:center;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
color:#1A0F00;
display:flex;
line-height:1.1;
font-size:1.25rem;
overflow-wrap:break-word;
}
@media(min-width:769px){
.vyosh_h2-3ch{
font-size:24px;
}
}
.vyoband-3ch .vyosh_h2-3ch{
color:#FFF8EE;
}
.vyoeb_mono-3ch{
text-transform:none;
letter-spacing:.08em;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.vyoeb_mono-3ch::before{
content:"// ";
}
.vyoeb_upper-3ch{
text-transform:uppercase;
letter-spacing:.14em;
}
.vyoeb_pill-3ch{
background:rgba(194, 125, 0, 0.11);
padding:0.313rem 11px;
border-radius:62.438rem;
letter-spacing:.12em;
text-transform:uppercase;
}
.vyoeb_line-3ch{
gap:10px;
display:inline-flex;
align-items:center;
}
.vyoeb_line-3ch::before{
background:#C27D00;
content:"";
width:24px;
display:inline-block;
height:1px;
}
.vyoband-3ch .vyoeb_line-3ch::before{
background:#FFB820;
}
.vyoband-3ch .vyoeb_pill-3ch{
background:rgba(255, 220, 140, 0.08);
}
.vyosh_link-3ch{
gap:6px;
transition:color 0.2s ease,border-color 0.2s ease;
padding-bottom:2px;
display:inline-flex;
font-weight:600;
white-space:nowrap;
border-bottom:1px solid #1A0F00;
align-items:center;
color:#1A0F00;
font-size:13px;
}
.vyosh_link-3ch:hover{
border-color:#C27D00;
color:#C27D00;
}
.vyosh_link-3ch svg{
height:14px;
width:14px;
}
.vyosh_link_chev-3ch{
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
border-bottom:0;
color:#C27D00;
padding-bottom:0;
font-size:12px;
}
.vyosh_link_btn-3ch{
padding:9px 18px;
background:#FFB820;
border-radius:999px;
border-bottom:0;
color:#1A0F00;
}
.vyosh_link_btn-3ch:hover{
border-color:transparent;
background:#E6A100;
}
.vyoband-3ch .vyosh_link-3ch{
border-color:#FFF8EE;
color:#FFF8EE;
}
.vyoband-3ch .vyosh_link_chev-3ch{
color:#FFB820;
}
.vyosh_rule-3ch{
margin:-2px 0 16px;
background:rgba(26, 15, 0, 0.12);
height:1px;
}
.vyoband-3ch .vyosh_rule-3ch{
background:rgba(255, 210, 100, 0.13);
}
.vyoseo_grid3-3ch{
gap:20px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.vyoseo_grid4-3ch{
gap:0.813rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.vyoseo_grid3-3ch>*,.vyoseo_grid4-3ch>*{
min-width:0;
}
.vyoseo_card-3ch{
background:#FFFFFF;
border-radius:0.75rem;
padding:24px;
border:1px solid rgba(26, 15, 0, 0.12);
}
.vyoseo_card-3ch h3{
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
color:#1A0F00;
margin-bottom:8px;
font-size:1.125rem;
}
.vyoseo_card-3ch p{
font-size:0.813rem;
line-height:1.6;
color:#3D2B0A;
}
.vyoseo_card_sm-3ch{
padding:20px;
}
.vyoseo_card_sm-3ch h3{
font-size:1rem;
}
.vyoseo_card_sm-3ch p{
font-size:12.5px;
line-height:1.55;
}
.vyoseo_rtp_row-3ch{
gap:36px;
grid-template-columns:1fr 1fr;
display:grid;
margin-top:16px;
align-items:center;
}
.vyortp-3ch{
gap:0.875rem;
min-width:0;
display:flex;
}
.vyortp-3ch>div{
border-radius:12px;
flex:1;
background:#FFF8EE;
padding:1rem;
min-width:0;
text-align:center;
}
.vyortp_n-3ch{
font-weight:700;
color:#C27D00;
font-size:1.625rem;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
white-space:nowrap;
}
.vyortp_l-3ch{
margin-top:4px;
color:#7A5C2E;
font-size:11px;
}
.vyocmp-3ch{
border:1px solid rgba(26, 15, 0, 0.12);
border-radius:0.75rem;
overflow:hidden;
max-width:760px;
}
.vyocmp_row-3ch{
grid-template-columns:1.6fr 1fr 1fr;
display:grid;
font-size:13px;
}
.vyocmp_row-3ch>div{
padding:13px 14px;
text-align:center;
min-width:0;
}
.vyocmp_row-3ch>div:first-child{
text-align:left;
font-weight:600;
color:#1A0F00;
padding-left:1.375rem;
}
.vyocmp_th-3ch{
background:#FFF8EE;
font-weight:700;
font-size:12.5px;
}
.vyocmp_row-3ch:not(.vyocmp_th-3ch){
background:#FFFFFF;
color:#3D2B0A;
border-top:1px solid rgba(26, 15, 0, 0.08);
}
.vyocmp_zebra-3ch{
background:#FFF1DC;
}
.vyoguide-3ch{
background:#FFFFFF;
overflow:hidden;
border-radius:12px;
border:1px solid rgba(26, 15, 0, 0.12);
cursor:pointer;
}
.vyoguide_cover-3ch{
height:8.125rem;
}
.vyoguide_body-3ch{
padding:1.25rem;
}
.vyoguide_body-3ch h3{
margin:0.438rem 0 9px;
color:#1A0F00;
line-height:1.25;
font-weight:700;
font-size:1rem;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
}
.vyoguide_meta-3ch{
color:#7A5C2E;
font-size:11.5px;
}
.vyohub-3ch{
gap:1.75rem;
grid-template-columns:repeat(5,1fr);
padding-top:1.75rem;
border-top:1px solid rgba(26, 15, 0, 0.08);
display:grid;
}
.vyohub-3ch>*{
min-width:0;
}
.vyohub-3ch h4{
font-size:13px;
color:#1A0F00;
margin-bottom:11px;
font-weight:700;
}
.vyohub_col-3ch{
gap:8px;
font-size:13px;
flex-direction:column;
display:flex;
color:#3D2B0A;
}
.vyohub_col-3ch a{
cursor:pointer;
}
@media(max-width:1025px){
.vyoseo_grid3-3ch{
grid-template-columns:1fr;
}
.vyoseo_grid4-3ch{
grid-template-columns:repeat(2,1fr);
}
.vyoseo_rtp_row-3ch{
gap:1.25rem;
grid-template-columns:1fr;
}
.vyohub-3ch{
grid-template-columns:repeat(2,1fr);
gap:1.375rem;
}
}
@media(max-width:560px){
.vyohub-3ch{
grid-template-columns:1fr;
}
}
.vyohero-3ch{
border:1px solid rgba(26, 15, 0, 0.12);
padding:46px 3rem;
overflow:hidden;
background:linear-gradient(120deg,#1C1105,#0E1526);
border-radius:1.25rem;
color:#FFF8EE;
position:relative;
}
.vyohero_glow-3ch{
border-radius:50%;
background:radial-gradient(circle,rgba(255, 176, 32, 0.22),transparent 70%);
right:-60px;
top:-60px;
position:absolute;
height:21.25rem;
width:340px;
}
.vyohero_in-3ch{
position:relative;
max-width:600px;
}
.vyohero-3ch .vyoeyebrow-3ch{
color:#FFB820;
}
.vyopill_row-3ch{
padding:0.375rem 0.813rem;
background:rgba(255, 220, 140, 0.08);
gap:0.5rem;
border:1px solid rgba(255, 210, 100, 0.13);
border-radius:999px;
color:#FFB820;
text-transform:uppercase;
display:inline-flex;
letter-spacing:.1em;
margin-bottom:1.375rem;
align-items:center;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:10.5px;
}
.vyohero_h1-3ch{
margin:18px 0;
color:#FFF8EE;
font-size:54px;
font-weight:700;
overflow-wrap:break-word;
letter-spacing:-.02em;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
line-height:1.02;
}
.vyohero_h1-3ch em{
color:#FFB820;
font-style:normal;
}
.vyohero_sub-3ch{
font-size:1.063rem;
max-width:480px;
line-height:1.55;
color:#C9A96E;
margin-bottom:28px;
}
.vyohero_cta-3ch{
gap:14px;
flex-wrap:wrap;
margin-bottom:1.625rem;
display:flex;
align-items:center;
}
.vyohero_trust-3ch{
gap:14px;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.vyohero_rating_txt-3ch{
font-size:0.813rem;
color:#C9A96E;
}
@media(max-width:1022px){
.vyohero-3ch{
padding:2rem 24px;
}
.vyohero_h1-3ch{
font-size:38px;
}
}
@media(max-width:561px){
.vyohero_h1-3ch{
font-size:30px;
}
}
.vyostat-3ch{
gap:14px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.vyostat-3ch>*{
min-width:0;
}
.vyostat_item-3ch{
background:#FFFFFF;
border:1px solid rgba(26, 15, 0, 0.12);
border-radius:12px;
padding:1.125rem 1.25rem;
}
.vyostat_k-3ch{
font-size:9.5px;
color:#7A5C2E;
margin-bottom:7px;
letter-spacing:.12em;
text-transform:uppercase;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.vyostat_v-3ch{
gap:0.5rem;
color:#1A0F00;
font-size:1.5rem;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
overflow-wrap:anywhere;
display:flex;
min-width:0;
font-weight:700;
align-items:center;
}
.vyostat_v_accent-3ch{
color:#C27D00;
}
@media(max-width:1022px){
.vyostat-3ch{
grid-template-columns:repeat(2,1fr);
}
}
.vyowlc-3ch{
background:linear-gradient(120deg,#1C1105,#0E1526);
grid-template-columns:1.2fr .8fr;
border-radius:20px;
padding:36px 2.5rem;
border:1px solid rgba(26, 15, 0, 0.12);
overflow:hidden;
gap:24px;
align-items:center;
color:#FFF8EE;
display:grid;
position:relative;
}
.vyowlc-3ch>*{
min-width:0;
}
.vyowlc-3ch .vyoeyebrow-3ch{
color:#FFB820;
}
.vyowlc_glow-3ch{
background:radial-gradient(circle,rgba(255, 176, 32, 0.22),transparent 70%);
border-radius:50%;
width:16.25rem;
top:-2.5rem;
height:16.25rem;
position:absolute;
right:-40px;
}
.vyowlc_in-3ch{
position:relative;
}
.vyowlc_h2-3ch{
margin:0.625rem 0 8px;
line-height:1.03;
overflow-wrap:break-word;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
font-size:2.125rem;
color:#FFF8EE;
}
.vyowlc_h2-3ch em{
color:#FFB820;
font-style:normal;
}
.vyowlc_sub-3ch{
line-height:1.55;
max-width:26.25rem;
color:#C9A96E;
margin-bottom:18px;
font-size:0.875rem;
}
.vyowlc_terms-3ch{
gap:10px;
display:flex;
flex-direction:column;
position:relative;
}
.vyoterm-3ch{
border:1px solid rgba(255, 210, 100, 0.13);
gap:0.688rem;
background:rgba(255, 220, 140, 0.08);
padding:13px 15px;
border-radius:12px;
display:flex;
align-items:center;
}
.vyoterm-3ch svg{
flex:none;
width:20px;
height:20px;
color:#FFB820;
}
.vyoterm_k-3ch{
color:#C9A96E;
letter-spacing:.1em;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:0.594rem;
text-transform:uppercase;
}
.vyoterm_v-3ch{
color:#FFF8EE;
font-size:14px;
margin-top:2px;
font-weight:700;
}
@media(max-width:1025px){
.vyowlc-3ch{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.vyowlc_h2-3ch{
font-size:1.625rem;
}
}
.vyojp-3ch{
gap:14px;
grid-template-columns:1.5fr 1fr 1fr;
display:grid;
}
.vyojp-3ch>*{
min-width:0;
}
.vyojp_hero-3ch{
gap:14px;
background:linear-gradient(135deg,#1C1105,#0E1526);
padding:26px;
border-radius:20px;
border:1px solid rgba(26, 15, 0, 0.12);
overflow:hidden;
color:#FFF8EE;
justify-content:space-between;
position:relative;
display:flex;
flex-direction:column;
min-height:180px;
}
.vyojp_glow-3ch{
border-radius:50%;
background:radial-gradient(circle,rgba(255, 176, 32, 0.22),transparent 70%);
width:11.25rem;
height:11.25rem;
top:-2.5rem;
position:absolute;
right:-40px;
}
.vyojp_k_row-3ch{
gap:10px;
align-items:center;
display:flex;
position:relative;
justify-content:space-between;
}
.vyojp_k-3ch{
color:#7A5C2E;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
letter-spacing:.12em;
text-transform:uppercase;
font-size:10px;
}
.vyojp_hero-3ch .vyojp_k-3ch{
color:#C9A96E;
}
.vyojp_amt-3ch{
font-weight:700;
font-size:42px;
color:#FFB820;
line-height:1;
position:relative;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
}
.vyojp_sub-3ch{
font-size:0.75rem;
margin-top:0.313rem;
color:#C9A96E;
}
.vyojp_cell-3ch{
border-radius:1.25rem;
border:1px solid rgba(26, 15, 0, 0.12);
background:#FFFFFF;
padding:22px;
flex-direction:column;
display:flex;
min-height:180px;
justify-content:space-between;
}
.vyojp_cell-3ch .vyojp_amt-3ch{
font-size:30px;
color:#1A0F00;
}
.vyojp_cell-3ch .vyojp_sub-3ch{
color:#7A5C2E;
}
@media(max-width:1027px){
.vyojp-3ch{
grid-template-columns:1fr;
}
}
@media(max-width:559px){
.vyojp_amt-3ch{
font-size:2rem;
}
}
.vyoapp-3ch{
gap:36px;
align-items:center;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.vyoapp_copy-3ch{
max-width:32.5rem;
}
.vyoapp_h2-3ch{
margin:12px 0 10px;
color:#1A0F00;
line-height:1.05;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
font-size:28px;
}
.vyoapp_text-3ch{
font-size:0.875rem;
margin-bottom:1.25rem;
line-height:1.6;
color:#3D2B0A;
}
.vyoapp_btns-3ch{
gap:12px;
display:flex;
flex-wrap:wrap;
}
.vyostore-3ch{
gap:0.563rem;
padding:0.688rem 18px;
background:#FFF8EE;
border:1px solid rgba(26, 15, 0, 0.12);
border-radius:0.75rem;
align-items:center;
color:#1A0F00;
font-weight:700;
cursor:pointer;
font-size:0.813rem;
display:inline-flex;
}
.vyostore-3ch svg{
height:1rem;
width:16px;
}
.vyoapp_qr_wrap-3ch{
gap:1rem;
align-items:center;
display:flex;
}
.vyoqr-3ch{
gap:3px;
border:1px solid rgba(26, 15, 0, 0.12);
grid-template-rows:repeat(5,1fr);
background:#FFF8EE;
border-radius:0.75rem;
grid-template-columns:repeat(5,1fr);
padding:0.688rem;
height:108px;
display:grid;
width:108px;
}
.vyoqr-3ch i{
background:transparent;
}
.vyoqr_f-3ch{
background:#C27D00;
}
.vyoapp_qr_cap-3ch{
line-height:1.4;
font-size:0.75rem;
color:#7A5C2E;
max-width:5.25rem;
}
.vyopromo_grid-3ch{
gap:1rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.vyopromo_grid-3ch>*{
min-width:0;
}
.vyopromo-3ch{
border:1px solid rgba(26, 15, 0, 0.12);
padding:24px;
overflow:hidden;
background:#FFFFFF;
border-radius:1.25rem;
min-height:150px;
position:relative;
}
.vyopromo_h-3ch{
line-height:1.05;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
font-size:26px;
color:#1A0F00;
margin-top:6px;
font-weight:700;
}
.vyopromo_h-3ch em{
color:#C27D00;
font-style:normal;
}
.vyopromo_p-3ch{
margin-top:8px;
line-height:1.5;
color:#3D2B0A;
font-size:0.781rem;
}
.vyopromo_feat-3ch{
background:linear-gradient(135deg,#1C1105,#0E1526);
border-color:rgba(26, 15, 0, 0.12);
}
.vyopromo_feat-3ch .vyopromo_h-3ch{
color:#FFF8EE;
}
.vyopromo_feat-3ch .vyopromo_h-3ch em{
color:#FFB820;
}
.vyopromo_feat-3ch .vyopromo_p-3ch{
color:#C9A96E;
}
.vyopromo_feat-3ch .vyoeyebrow-3ch{
color:#FFB820;
}
@media(max-width:1027px){
.vyopromo_grid-3ch{
grid-template-columns:1fr;
}
}
.vyobanner-3ch{
border:1px solid rgba(26, 15, 0, 0.12);
border-radius:20px;
padding:36px 40px;
background:linear-gradient(115deg,#1C1105,#0E1526);
gap:28px;
overflow:hidden;
color:#FFF8EE;
flex-wrap:wrap;
align-items:center;
position:relative;
display:flex;
justify-content:space-between;
}
.vyobanner_glow-3ch{
border-radius:50%;
background:radial-gradient(circle,rgba(255, 176, 32, 0.22),transparent 68%);
width:12.5rem;
height:12.5rem;
top:50%;
position:absolute;
transform:translateY(-50%);
right:80px;
}
.vyobanner_in-3ch{
position:relative;
max-width:35rem;
}
.vyobanner-3ch .vyoeyebrow-3ch{
color:#FFB820;
}
.vyobanner_h2-3ch{
margin:0.625rem 0;
font-weight:700;
font-size:30px;
color:#FFF8EE;
line-height:1.05;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
}
.vyobanner_text-3ch{
color:#C9A96E;
font-size:14px;
line-height:1.6;
}
@media(max-width:557px){
.vyobanner_h2-3ch{
font-size:24px;
}
}
.vyosupp-3ch{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.vyosupp-3ch>*{
min-width:0;
}
.vyosupp_card-3ch{
border-radius:0.75rem;
background:#FFFFFF;
border:1px solid rgba(26, 15, 0, 0.12);
padding:1.5rem;
}
.vyosupp_card-3ch svg{
color:#C27D00;
width:1.5rem;
height:1.5rem;
margin-bottom:14px;
}
.vyosupp_card-3ch h3{
margin-bottom:0.375rem;
color:#1A0F00;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
font-size:16px;
font-weight:700;
}
.vyosupp_card-3ch p{
color:#3D2B0A;
line-height:1.55;
font-size:0.813rem;
}
@media(max-width:1025px){
.vyosupp-3ch{
grid-template-columns:1fr;
}
}
.vyovip_head-3ch{
gap:0.75rem;
flex-wrap:wrap;
margin-bottom:18px;
display:flex;
justify-content:space-between;
align-items:flex-end;
}
.vyovip_intro-3ch{
color:#3D2B0A;
max-width:26.25rem;
font-size:0.813rem;
}
.vyovip-3ch{
gap:12px;
grid-template-columns:repeat(5,1fr);
display:grid;
}
.vyovip-3ch>*{
min-width:0;
}
.vyotier-3ch{
border:1px solid rgba(26, 15, 0, 0.12);
background:#FFFFFF;
border-radius:12px;
padding:1.25rem;
}
.vyotier_on-3ch{
background:rgba(194, 125, 0, 0.11);
border-color:#C27D00;
}
.vyotier_medal-3ch{
border-radius:8px;
background:linear-gradient(135deg,#FFB820,#C27D00);
margin-bottom:14px;
width:30px;
height:1.875rem;
}
.vyotier_name-3ch{
font-size:15px;
margin-bottom:5px;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
color:#1A0F00;
font-weight:700;
}
.vyotier_tx-3ch{
color:#7A5C2E;
line-height:1.5;
font-size:11.5px;
}
@media(max-width:1024px){
.vyovip-3ch{
grid-template-columns:repeat(2,1fr);
}
}
.vyotour-3ch{
overflow:hidden;
border:1px solid rgba(26, 15, 0, 0.12);
border-radius:1.25rem;
grid-template-columns:1.05fr 1fr;
display:grid;
}
.vyotour-3ch>*{
min-width:0;
}
.vyotour_l-3ch{
padding:34px;
overflow:hidden;
background:linear-gradient(135deg,#1C1105,#0E1526);
position:relative;
color:#FFF8EE;
}
.vyotour_h2-3ch{
margin:0.75rem 0 10px;
line-height:1.05;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
color:#FFF8EE;
font-size:1.875rem;
}
.vyotour_h2-3ch em{
font-style:normal;
color:#FFB820;
}
.vyotour_text-3ch{
max-width:340px;
line-height:1.6;
font-size:13.5px;
color:#C9A96E;
margin-bottom:1.25rem;
}
.vyotour_meta-3ch{
gap:18px;
display:flex;
flex-wrap:wrap;
margin-bottom:1.25rem;
align-items:flex-end;
}
.vyotour_cap-3ch{
font-size:0.594rem;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
margin-bottom:0.313rem;
text-transform:uppercase;
color:#C9A96E;
}
.vyocount-3ch{
gap:0.375rem;
display:flex;
}
.vyocount-3ch span{
padding:4px 9px;
border:1px solid rgba(255, 210, 100, 0.13);
background:rgba(255, 220, 140, 0.08);
border-radius:8px;
font-weight:700;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:1.375rem;
}
.vyotour_units-3ch{
font-size:10px;
color:#C9A96E;
}
.vyoboard-3ch{
background:#FFFFFF;
padding:1.75rem 30px;
}
.vyoboard_head-3ch{
margin-bottom:14px;
display:flex;
justify-content:space-between;
align-items:center;
}
.vyoboard_title-3ch{
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
color:#1A0F00;
font-weight:700;
font-size:16px;
}
.vyoboard_upd-3ch{
color:#7A5C2E;
font-size:10px;
text-transform:uppercase;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.vyoboard_list-3ch{
gap:2px;
display:flex;
flex-direction:column;
}
.vyoboard_row-3ch{
gap:0.75rem;
border-radius:8px;
padding:10px 0.75rem;
align-items:center;
display:flex;
}
.vyoboard_top1-3ch{
background:rgba(194, 125, 0, 0.11);
}
.vyoboard_rk-3ch{
color:#7A5C2E;
font-weight:700;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
width:1.25rem;
font-size:0.875rem;
}
.vyoboard_top1-3ch .vyoboard_rk-3ch{
color:#C27D00;
}
.vyoboard_nm-3ch{
flex:1;
font-size:13.5px;
font-weight:600;
color:#3D2B0A;
min-width:0;
}
.vyoboard_top1-3ch .vyoboard_nm-3ch{
font-weight:700;
color:#1A0F00;
}
.vyoboard_pt-3ch{
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-size:0.781rem;
color:#3D2B0A;
}
@media(max-width:1027px){
.vyotour-3ch{
grid-template-columns:1fr;
}
}
@media(max-width:559px){
.vyotour_h2-3ch{
font-size:24px;
}
}
.vyodw_h2-3ch{
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
font-size:26px;
line-height:1.08;
font-weight:700;
color:#1A0F00;
margin-bottom:0.625rem;
}
.vyosteps_v-3ch{
gap:0.625rem;
grid-template-columns:1fr;
}
.vyosteps_v-3ch .vyostep-3ch{
padding:18px 1.25rem;
}
@media(max-width:559px){
.vyodw_h2-3ch{
font-size:1.438rem;
}
}
.vyonews-3ch{
background:linear-gradient(135deg,#1C1105,#0E1526);
border:1px solid rgba(26, 15, 0, 0.12);
border-radius:1.25rem;
padding:26px 2rem;
gap:24px;
align-items:center;
flex-wrap:wrap;
justify-content:space-between;
color:#FFF8EE;
display:flex;
}
.vyonews_h3-3ch{
color:#FFF8EE;
margin-bottom:0.25rem;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
font-size:1.25rem;
}
.vyonews_text-3ch{
color:#C9A96E;
font-size:0.813rem;
}
.vyonews_form-3ch{
flex:1;
gap:10px;
display:flex;
min-width:0;
max-width:27.5rem;
}
.vyonews_form-3ch .vyoinput-3ch{
min-width:0;
}
@media(max-width:557px){
.vyonews_form-3ch{
width:100%;
}
}
.vyoinput-3ch{
border:1px solid rgba(255, 210, 100, 0.13);
border-radius:8px;
padding:13px 1rem;
flex:1;
background:rgba(255, 220, 140, 0.08);
color:#C9A96E;
font-size:0.844rem;
}
.vyosteps-3ch{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.vyosteps-3ch>*{
min-width:0;
}
.vyostep-3ch{
background:#FFFFFF;
padding:1.5rem;
border:1px solid rgba(26, 15, 0, 0.12);
border-radius:12px;
position:relative;
}
.vyostep_num-3ch{
border-radius:0.5rem;
background:#FFB820;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
display:flex;
width:30px;
font-size:0.813rem;
color:#1A0F00;
height:30px;
align-items:center;
justify-content:center;
margin-bottom:0.875rem;
font-weight:700;
}
.vyostep_h-3ch{
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:7px;
font-weight:700;
font-size:16px;
color:#1A0F00;
}
.vyostep_p-3ch{
line-height:1.55;
color:#3D2B0A;
font-size:13px;
}
@media(max-width:1026px){
.vyosteps-3ch{
grid-template-columns:1fr;
}
}
.vyogm-3ch{
grid-template-columns:1.3fr 1fr;
gap:16px;
display:grid;
}
.vyogm-3ch>*{
min-width:0;
}
.vyogm_panel-3ch{
background:#FFFFFF;
border:1px solid rgba(26, 15, 0, 0.12);
padding:28px;
border-radius:1.25rem;
}
.vyogm_h2-3ch{
margin:10px 0 8px;
font-weight:700;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
font-size:1.5rem;
color:#1A0F00;
}
.vyogm_text-3ch{
max-width:440px;
margin-bottom:1.25rem;
font-size:0.844rem;
line-height:1.6;
color:#3D2B0A;
}
.vyogm_level-3ch{
gap:14px;
align-items:center;
display:flex;
margin-bottom:1rem;
}
.vyogm_lv-3ch{
font-weight:700;
font-size:1.5rem;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
color:#C27D00;
}
.vyogm_bar_wrap-3ch{
flex:1;
min-width:0;
}
.vyogm_bar_meta-3ch{
color:#7A5C2E;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
display:flex;
font-size:10px;
justify-content:space-between;
margin-bottom:5px;
}
.vyobar-3ch{
border-radius:999px;
overflow:hidden;
background:#FFF8EE;
height:0.5rem;
}
.vyobar_fill-3ch{
background:linear-gradient(90deg,#FFB820,#C27D00);
border-radius:999px;
height:100%;
display:block;
}
.vyogm_missions-3ch{
gap:9px;
display:flex;
flex-wrap:wrap;
}
.vyogm_refer-3ch{
border-radius:1.25rem;
padding:28px;
overflow:hidden;
border:1px solid rgba(26, 15, 0, 0.12);
background:linear-gradient(150deg,#1C1105,#0E1526);
flex-direction:column;
color:#FFF8EE;
display:flex;
position:relative;
justify-content:space-between;
}
.vyogm_refer-3ch .vyoeyebrow-3ch{
color:#FFB820;
}
.vyogm_ref_h2-3ch{
margin:10px 0 0.5rem;
line-height:1.1;
font-size:24px;
font-weight:700;
color:#FFF8EE;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
}
.vyogm_ref_h2-3ch em{
color:#FFB820;
font-style:normal;
}
.vyogm_ref_text-3ch{
color:#C9A96E;
line-height:1.55;
font-size:13px;
margin-bottom:18px;
}
@media(max-width:1021px){
.vyogm-3ch{
grid-template-columns:1fr;
}
}
.vyopay_logos-3ch{
grid-template-columns:repeat(4,1fr);
gap:9px;
display:grid;
}
.vyopay_logos-3ch>*{
min-width:0;
}
.vyopay-3ch{
border-radius:8px;
border:1px solid rgba(26, 15, 0, 0.12);
height:48px;
font-weight:700;
display:flex;
font-size:12px;
justify-content:center;
color:#3D2B0A;
align-items:center;
}
.vyotable-3ch{
border:1px solid rgba(26, 15, 0, 0.12);
border-radius:0.75rem;
overflow:hidden;
}
.vyotrow-3ch{
grid-template-columns:1.3fr 1fr 1fr 1fr;
display:grid;
font-size:13px;
}
.vyotrow-3ch>div{
padding:0.813rem 14px;
min-width:0;
}
.vyotrow-3ch>div:first-child{
color:#1A0F00;
padding-left:1rem;
font-weight:700;
}
.vyotrow_th-3ch{
background:#FFF8EE;
text-transform:uppercase;
font-size:9.5px;
color:#7A5C2E;
letter-spacing:.06em;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.vyotrow-3ch:not(.vyotrow_th-3ch){
background:#FFFFFF;
color:#3D2B0A;
border-top:1px solid rgba(26, 15, 0, 0.08);
}
.vyotrow_zebra-3ch{
background:#FFF1DC;
}
.vyopos-3ch{
color:#C27D00;
font-weight:700;
}
@media(max-width:1023px){
.vyopay_logos-3ch{
grid-template-columns:repeat(2,1fr);
}
}
.vyodispute-3ch{
border-radius:0.75rem;
border:1px dashed rgba(26, 15, 0, 0.22);
gap:28px;
padding:26px 30px;
align-items:center;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.vyodispute_in-3ch{
max-width:41.25rem;
}
.vyodispute_h2-3ch{
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
font-size:1.375rem;
color:#1A0F00;
margin-bottom:8px;
}
.vyodispute_text-3ch{
line-height:1.6;
font-size:0.844rem;
color:#3D2B0A;
}
.vyorv_head-3ch{
gap:12px;
flex-wrap:wrap;
display:flex;
justify-content:space-between;
align-items:flex-end;
margin-bottom:18px;
}
.vyorv_agg-3ch{
gap:10px;
display:flex;
align-items:center;
}
.vyorv_source-3ch{
font-size:0.781rem;
color:#7A5C2E;
}
.vyorv_grid-3ch{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.vyorv_grid-3ch>*{
min-width:0;
}
.vyoreview-3ch{
border-radius:12px;
border:1px solid rgba(26, 15, 0, 0.12);
background:#FFFFFF;
padding:1.5rem;
}
.vyoreview-3ch .vyostars-3ch{
margin-bottom:10px;
}
.vyoreview-3ch p{
font-weight:600;
color:#1A0F00;
margin-bottom:0.875rem;
line-height:1.5;
font-size:14.5px;
}
.vyoreview_by-3ch{
color:#7A5C2E;
font-size:12.5px;
}
@media(max-width:1022px){
.vyorv_grid-3ch{
grid-template-columns:1fr;
}
}
.vyoop_h2-3ch{
margin:10px 0 8px;
color:#1A0F00;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
font-size:1.5rem;
line-height:1.1;
}
.vyoop_text-3ch{
color:#3D2B0A;
line-height:1.6;
font-size:13.5px;
}
@media(max-width:561px){
.vyoop_h2-3ch{
font-size:1.375rem;
}
}
.vyoab_h2-3ch{
margin:14px 0 1rem;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
line-height:1.08;
font-weight:700;
font-size:32px;
color:#1A0F00;
}
.vyoab_body-3ch{
color:#3D2B0A;
line-height:1.65;
margin-bottom:0.875rem;
font-size:0.938rem;
}
.vyoab_chips-3ch{
gap:10px;
margin-top:0.5rem;
display:flex;
flex-wrap:wrap;
}
.vyofaq-3ch{
gap:0.625rem;
display:flex;
flex-direction:column;
}
.vyofaq_item-3ch{
border:1px solid rgba(26, 15, 0, 0.12);
padding:18px 22px;
border-radius:0.75rem;
background:#FFFFFF;
}
.vyofaq_q-3ch{
list-style:none;
gap:1rem;
cursor:pointer;
align-items:center;
justify-content:space-between;
font-weight:600;
color:#1A0F00;
font-size:15.5px;
display:flex;
}
.vyofaq_q-3ch::-webkit-details-marker{
display:none;
}
.vyofaq_q_t-3ch{
gap:0.625rem;
display:flex;
}
.vyofaq_q_i-3ch{
font-style:normal;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#C27D00;
}
.vyofaq_pm-3ch{
font-size:1.25rem;
color:#C27D00;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.vyofaq_item-3ch[open] .vyofaq_pm-3ch{
transform:rotate(45deg);
}
.vyofaq_a-3ch{
line-height:1.6;
color:#3D2B0A;
margin-top:12px;
font-size:0.844rem;
}
@media(max-width:561px){
.vyoab_h2-3ch{
font-size:26px;
}
}
.vyorc-3ch{
grid-template-columns:1fr 1fr 1fr;
gap:32px;
display:grid;
}
.vyorc-3ch>*{
min-width:0;
}
.vyorc_awards-3ch{
gap:11px;
display:flex;
flex-direction:column;
}
.vyoaward-3ch{
gap:0.688rem;
align-items:center;
display:flex;
}
.vyoaward-3ch svg{
flex:none;
width:18px;
color:#D4A000;
height:18px;
}
.vyoaward_t-3ch{
font-size:13.5px;
font-weight:700;
color:#1A0F00;
}
.vyoaward_s-3ch{
color:#7A5C2E;
font-size:0.719rem;
}
.vyorc_press-3ch{
gap:0.625rem;
grid-template-columns:1fr 1fr;
display:grid;
}
.vyologo_cell-3ch{
border-radius:0.5rem;
border:1px solid rgba(26, 15, 0, 0.12);
display:flex;
font-size:0.813rem;
height:3rem;
justify-content:center;
font-weight:700;
color:#3D2B0A;
align-items:center;
}
.vyorc_partner-3ch{
border-radius:0.75rem;
background:#FFFFFF;
border:1px solid rgba(26, 15, 0, 0.12);
padding:20px;
}
.vyorc_partner_name-3ch{
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
font-size:1.125rem;
color:#1A0F00;
font-weight:700;
margin-bottom:6px;
}
.vyorc_partner_text-3ch{
line-height:1.55;
font-size:0.781rem;
color:#3D2B0A;
}
@media(max-width:1022px){
.vyorc-3ch{
grid-template-columns:1fr;
gap:1.375rem;
}
.vyorc_press-3ch{
grid-template-columns:repeat(4,1fr);
}
}
.vyoprovs-3ch{
gap:0.75rem;
grid-template-columns:repeat(6,1fr);
display:grid;
margin-bottom:28px;
}
.vyoprovs-3ch>*{
min-width:0;
}
.vyoprov-3ch{
border:1px solid rgba(26, 15, 0, 0.12);
padding:0.75rem;
border-radius:12px;
background:#FFFFFF;
justify-content:center;
text-decoration:none;
display:flex;
height:64px;
align-items:center;
}
.vyoprov_img-3ch{
max-width:100%;
object-fit:contain;
max-height:32px;
}
.vyoresp-3ch{
border-radius:12px;
padding:26px;
background:#FFFFFF;
border:1px solid rgba(26, 15, 0, 0.12);
gap:24px;
justify-content:space-between;
flex-wrap:wrap;
align-items:center;
display:flex;
}
.vyoresp_in-3ch{
max-width:35rem;
}
.vyoresp_h-3ch{
margin-bottom:8px;
font-size:19px;
color:#1A0F00;
font-weight:700;
font-family:"Syne", 'Helvetica Neue', Arial, sans-serif;
}
.vyoresp_p-3ch{
color:#3D2B0A;
line-height:1.6;
font-size:0.844rem;
}
.vyoresp_badges-3ch{
gap:14px;
flex-wrap:wrap;
display:flex;
align-items:center;
}
.vyoage18-3ch{
padding:0.25rem 8px;
border-radius:8px;
border:1.5px solid #D93025;
color:#D93025;
font-size:0.813rem;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
font-weight:700;
}
.vyoresp_org-3ch{
font-size:0.813rem;
font-weight:600;
color:#7A5C2E;
}
@media(max-width:1025px){
.vyoprovs-3ch{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:561px){
.vyoprovs-3ch{
grid-template-columns:repeat(2,1fr);
}
}
.vyofooter-3ch{
padding:2.5rem 28px;
background:#1A1206;
border-top:1px solid rgba(26, 15, 0, 0.08);
}
.vyofooter_grid-3ch{
grid-template-columns:1.4fr 1fr 1fr 1fr;
gap:32px;
margin-bottom:28px;
margin-right:auto;
display:grid;
margin-left:auto;
max-width:87.5rem;
}
.vyofooter_grid-3ch>*{
min-width:0;
}
.vyofooter_grid-3ch h4{
color:#B5956A;
margin-bottom:0.813rem;
text-transform:uppercase;
letter-spacing:.12em;
font-size:10px;
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
}
.vyofcol-3ch{
gap:9px;
flex-direction:column;
font-size:13px;
color:#3D2B0A;
display:flex;
}
.vyofcol-3ch a{
cursor:pointer;
}
.vyoft_about-3ch{
color:#7A5C2E;
max-width:16.25rem;
margin-top:12px;
line-height:1.6;
font-size:13px;
}
.vyoft_contact-3ch{
font-family:"Space Mono", 'SF Mono', Consolas, 'Liberation Mono', monospace;
color:#C27D00;
font-size:0.781rem;
overflow-wrap:anywhere;
margin-top:12px;
}
.vyofooter_bottom-3ch{
gap:16px;
margin:0 auto;
display:flex;
max-width:1400px;
border-top:1px solid rgba(26, 15, 0, 0.08);
align-items:center;
padding-top:20px;
flex-wrap:wrap;
justify-content:space-between;
}
.vyofooter_bottom-3ch p{
color:#B5956A;
max-width:720px;
font-size:11px;
line-height:1.6;
}
@media(max-width:1025px){
.vyofooter_grid-3ch{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:557px){
.vyofooter_grid-3ch{
grid-template-columns:1fr;
}
}