*{
padding:0;
margin:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#F9F6F0;
text-rendering:optimizeLegibility;
font-family:"Inter", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:15px;
color:#3D3320;
overflow-wrap:break-word;
line-height:1.55;
-webkit-font-smoothing:antialiased;
}
img{
display:block;
max-width:100%;
}
a{
color:inherit;
text-decoration:none;
}
button{
background:none;
border:none;
cursor:pointer;
font-family:inherit;
}
input{
font-family:inherit;
}
svg{
display:block;
}
h1,h2,h3,h4{
overflow-wrap:anywhere;
}
::-webkit-scrollbar{
width:8px;
height:0.5rem;
}
::-webkit-scrollbar-thumb{
border-radius:8px;
background:rgba(20, 12, 0, 0.72);
}
::-webkit-scrollbar-track{
background:transparent;
}
.whh-shellgdu{
grid-template-columns:15.5rem 1fr;
display:grid;
min-height:100vh;
}
.whh-maingdu{
min-width:0;
}
.whh-wrapgdu{
margin:0 auto;
max-width:87.5rem;
width:100%;
}
.whh-containergdu{
padding:0 1rem;
margin:0 auto;
width:100%;
max-width:87.5rem;
}
@media(min-width:767px){
.whh-containergdu{
padding:0 28px;
}
}
.whh-sectiongdu{
padding:1.5rem 28px;
}
.whh-section_ptgdu{
padding-top:2.125rem;
}
.whh-band_softgdu{
background:#FFFFFF;
}
.whh-eyebrowgdu{
text-transform:uppercase;
line-height:1.4;
overflow-wrap:break-word;
font-family:"Inter", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:600;
font-size:10.5px;
color:#A67C00;
letter-spacing:.14em;
display:inline-block;
}
.whh-drawer_cbgdu{
display:none;
}
.whh-overlaygdu{
display:none;
}
@media(max-width:1021px){
.whh-shellgdu{
grid-template-columns:1fr;
}
.whh-maingdu{
padding-bottom:4.875rem;
}
.whh-drawer_cbgdu:checked~.whh-overlaygdu{
inset:0;
background:rgba(20, 12, 0, 0.72);
display:block;
position:fixed;
z-index:70;
}
}
@media(max-width:558px){
.whh-sectiongdu{
padding:1.125rem 1rem;
}
.whh-section_ptgdu{
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 ---------- */
.whh-sidegdu{
padding:1.375rem 1.125rem;
background:#F5F1EA;
gap:22px;
flex-direction:column;
top:0;
border-right:1px solid rgba(28, 21, 8, 0.08);
align-self:start;
height:100vh;
display:flex;
position:sticky;
overflow-y:auto;
}
.whh-brandgdu{
gap:0.625rem;
align-items:center;
display:flex;
}
.whh-logogdu{
letter-spacing:-.02em;
font-size:21px;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
color:#1C1508;
}
.whh-side_ctagdu{
border:1px solid rgba(28, 21, 8, 0.12);
background:rgba(166, 124, 0, 0.11);
padding:16px;
border-radius:0.813rem;
}
.whh-side_cta_hgdu{
line-height:1.15;
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:17px;
color:#1C1508;
margin-bottom:6px;
}
.whh-side_cta_pgdu{
color:#3D3320;
font-size:0.75rem;
margin-bottom:0.75rem;
line-height:1.45;
}
.whh-navgdu{
gap:3px;
display:flex;
flex-direction:column;
}
.whh-nav_labelgdu{
padding:6px 0.625rem;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
text-transform:uppercase;
letter-spacing:.14em;
font-size:0.594rem;
color:#A8966E;
}
.whh-nav_itemgdu{
gap:0.688rem;
border-radius:8px;
padding:10px;
display:flex;
align-items:center;
font-weight:500;
font-size:14px;
color:#3D3320;
}
.whh-nav_itemgdu svg{
width:1.063rem;
height:17px;
}
.whh-nav_itemgdu:hover{
background:rgba(166, 124, 0, 0.11);
color:#1C1508;
}
.whh-nav_item_ongdu{
background:rgba(166, 124, 0, 0.11);
color:#A67C00;
font-weight:600;
}
.whh-side_footgdu{
padding:12px;
border-radius:13px;
background:#FFFFFF;
border:1px solid rgba(28, 21, 8, 0.12);
margin-top:auto;
}
.whh-side_footgdu p{
margin-top:4px;
font-size:0.781rem;
color:#3D3320;
line-height:1.4;
}
/* ---------- topbar ---------- */
.whh-topgdu{
padding:0.875rem 28px;
background:#F5F1EA;
gap:1rem;
display:flex;
border-bottom:1px solid rgba(28, 21, 8, 0.08);
position:sticky;
top:0;
z-index:40;
align-items:center;
}
.whh-top_brandgdu{
gap:9px;
display:none;
align-items:center;
}
.whh-searchgdu{
padding:0.688rem 14px;
border-radius:13px;
flex:1;
gap:0.625rem;
border:1px solid rgba(28, 21, 8, 0.12);
background:#FFFFFF;
display:flex;
font-size:13.5px;
max-width:27.5rem;
align-items:center;
color:#7A6A4A;
}
.whh-searchgdu svg{
flex:none;
height:16px;
width:16px;
}
.whh-top_actionsgdu{
gap:0.75rem;
align-items:center;
margin-left:auto;
display:flex;
}
.whh-langgdu{
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
color:#3D3320;
font-size:12px;
}
.whh-burgergdu{
border-radius:0.5rem;
background:#FFFFFF;
border:1px solid rgba(28, 21, 8, 0.12);
width:40px;
align-items:center;
height:40px;
justify-content:center;
display:none;
color:#1C1508;
}
/* ---------- bottom-nav (mobile) ---------- */
.whh-botnavgdu{
display:none;
}
@media(max-width:1026px){
.whh-sidegdu{
transition:transform .25s ease;
top:0;
position:fixed;
width:280px;
left:0;
z-index:80;
height:100vh;
transform:translateX(-100%);
}
.whh-drawer_cbgdu:checked~.whh-shellgdu .whh-sidegdu{
transform:translateX(0);
}
.whh-topgdu{
padding:14px 1rem;
gap:12px;
position:static;
flex-wrap:wrap;
}
.whh-top_brandgdu{
display:flex;
}
.whh-searchgdu{
display:none;
}
.whh-burgergdu{
display:flex;
}
.whh-top_actionsgdu{
gap:0.625rem;
width:100%;
margin-left:0;
align-items:stretch;
}
.whh-top_actionsgdu .whh-langgdu{
display:none;
}
.whh-top_actionsgdu .whh-btngdu{
padding:11px 10px;
flex:1;
text-align:center;
}
.whh-botnavgdu{
grid-template-columns:repeat(3,1fr);
padding:0.5rem 6px calc(0.5rem + env(safe-area-inset-bottom));
background:#F5F1EA;
bottom:0;
position:fixed;
display:grid;
left:0;
right:0;
z-index:65;
border-top:1px solid rgba(28, 21, 8, 0.12);
transform:translateZ(0);
}
.whh-bngdu{
padding:6px 2px 0;
gap:4px;
font-weight:600;
min-width:0;
font-size:10px;
display:flex;
flex-direction:column;
color:#3D3320;
justify-content:flex-end;
align-items:center;
}
.whh-bngdu svg{
flex:none;
width:1.375rem;
height:1.375rem;
}
.whh-bngdu span{
overflow:hidden;
text-align:center;
max-width:100%;
text-overflow:ellipsis;
white-space:nowrap;
}
.whh-bn_ongdu{
color:#A67C00;
}
.whh-bn_centergdu{
position:relative;
}
.whh-bn_fabgdu{
background:#F0C030;
border-radius:50%;
top:-1.25rem;
height:3.125rem;
justify-content:center;
color:#1C1508;
align-items:center;
position:absolute;
width:3.125rem;
display:flex;
box-shadow:0 8px 2rem rgba(28, 21, 8, 0.14), 0 2px 8px rgba(28, 21, 8, 0.10);
left:50%;
transform:translateX(-50%);
}
.whh-bn_fabgdu svg{
height:1.5rem;
width:1.5rem;
}
.whh-bn_centergdu span{
color:#A67C00;
}
}
.whh-btngdu{
border-radius:8px;
padding:11px 22px;
gap:0.5rem;
transition:background-color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease,color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
font-weight:700;
justify-content:center;
display:inline-flex;
align-items:center;
font-family:"Inter", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
cursor:pointer;
font-size:14px;
}
.whh-btn_prigdu{
background:#F0C030;
box-shadow:0 4px 18px rgba(212, 160, 32, 0.38), 0 1px 4px rgba(212, 160, 32, 0.22);
color:#1C1508;
}
.whh-btn_prigdu:hover{
background:#D4A820;
}
.whh-btn_ghostgdu{
background:rgba(166, 124, 0, 0.11);
font-weight:600;
color:#1C1508;
}
.whh-btn_linegdu{
background:transparent;
border:1px solid rgba(28, 21, 8, 0.22);
font-weight:600;
color:#1C1508;
}
.whh-btn_lggdu{
border-radius:13px;
padding:16px 30px;
font-size:0.938rem;
}
.whh-bandgdu .whh-btn_linegdu{
border-color:rgba(255, 230, 140, 0.13);
color:#FAF4E2;
}
.whh-bandgdu .whh-btn_ghostgdu{
background:rgba(255, 240, 180, 0.08);
color:#FAF4E2;
}
.whh-link_mgdu{
gap:0.313rem;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
display:inline-flex;
text-decoration:none;
font-size:12px;
color:#A67C00;
align-items:center;
cursor:pointer;
}
.whh-link_mgdu svg{
height:14px;
width:0.875rem;
}
.whh-bandgdu .whh-link_mgdu{
color:#F0C040;
}
.whh-dotgdu{
border-radius:50%;
flex:none;
background:#A67C00;
height:7px;
width:0.438rem;
}
.whh-dot_livegdu{
animation:zm3-pulse 1.4s infinite;
background:#D92B2B;
}
.whh-starsgdu{
gap:2px;
display:inline-flex;
color:#A67C00;
}
.whh-starsgdu svg{
width:0.938rem;
height:15px;
}
.whh-chipgdu{
border-radius:0.5rem;
padding:0.438rem 12px;
gap:6px;
background:#FFFFFF;
border:1px solid rgba(28, 21, 8, 0.12);
align-items:center;
color:#3D3320;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
display:inline-flex;
font-size:11px;
}
.whh-chip_ongdu{
background:rgba(166, 124, 0, 0.11);
border-color:transparent;
color:#A67C00;
}
.whh-gcgdu{
color:inherit;
display:block;
text-decoration:none;
min-width:0;
cursor:pointer;
}
.whh-gc_thumbgdu{
border-radius:0.813rem;
overflow:hidden;
border:1px solid rgba(28, 21, 8, 0.12);
aspect-ratio:1;
background-position:center;
position:relative;
display:block;
background-size:cover;
}
.whh-gc_thumb_portraitgdu{
aspect-ratio:3/4;
}
.whh-gc_thumb_widegdu{
aspect-ratio:16/11;
}
.whh-gc_capgdu{
padding:0.563rem;
background:linear-gradient(transparent,rgba(20, 12, 0, 0.72));
bottom:0;
right:0;
left:0;
position:absolute;
}
.whh-gc_namegdu{
font-weight:700;
color:#FAF4E2;
font-size:0.781rem;
display:block;
}
.whh-gc_metagdu{
color:#C8B98A;
font-size:0.688rem;
}
.whh-gc_badgegdu{
padding:2px 0.375rem;
border-radius:8px;
background:#A67C00;
right:0.5rem;
position:absolute;
font-weight:700;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
font-size:8px;
top:8px;
color:#1C1508;
}
.whh-gc_badge_hotgdu{
background:#D92B2B;
color:#FAF4E2;
}
.whh-gc_badge_livegdu{
background:#D92B2B;
left:0.5rem;
color:#FAF4E2;
right:auto;
}
.whh-gc_multgdu{
inset:0;
align-items:center;
font-size:1.75rem;
position:absolute;
justify-content:center;
font-weight:700;
display:flex;
color:#A67C00;
}
.whh-pcgdu{
border:1px solid rgba(28, 21, 8, 0.12);
background:#FFFFFF;
border-radius:0.813rem;
color:#3D3320;
align-items:center;
display:flex;
font-size:0.875rem;
height:64px;
font-weight:700;
justify-content:center;
}
.whh-railgdu{
min-width:0;
}
.whh-rail_scrollgdu{
gap:14px;
display:grid;
}
.whh-rail_scrollgdu>*{
min-width:0;
}
.whh-g6gdu{
grid-template-columns:repeat(6,1fr);
}
.whh-g7gdu{
grid-template-columns:repeat(7,1fr);
}
.whh-g4gdu{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1026px){
.whh-g6gdu,.whh-g7gdu{
grid-template-columns:none;
grid-auto-columns:120px;
grid-auto-flow:column;
scroll-snap-type:x mandatory;
padding-bottom:0.375rem;
overflow-x:auto;
}
.whh-g6gdu>*,.whh-g7gdu>*{
scroll-snap-align:start;
}
.whh-g4gdu{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:558px){
.whh-g4gdu{
grid-template-columns:none;
grid-auto-columns:150px;
grid-auto-flow:column;
overflow-x:auto;
}
}
.whh-panelgdu{
border-radius:20px;
padding:28px 32px;
background:#FFFFFF;
border:1px solid rgba(28, 21, 8, 0.12);
}
.whh-splitgdu{
gap:36px;
display:grid;
align-items:start;
}
.whh-splitgdu>*{
min-width:0;
}
.whh-split_agdu{
grid-template-columns:.85fr 1.15fr;
}
.whh-split_bgdu{
grid-template-columns:1fr 1.1fr;
}
.whh-split_cgdu{
grid-template-columns:1.1fr .9fr;
}
.whh-pgridgdu{
grid-template-columns:.9fr 1.1fr;
gap:40px;
align-items:center;
display:grid;
}
.whh-pgridgdu>*{
min-width:0;
}
.whh-leadgdu{
margin-bottom:14px;
color:#3D3320;
font-size:15px;
line-height:1.65;
}
.whh-featgdu{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.whh-featgdu>*{
min-width:0;
}
.whh-feat2gdu{
grid-template-columns:1fr 1fr;
}
.whh-feat_cardgdu{
border-radius:1.25rem;
border:1px solid rgba(28, 21, 8, 0.12);
padding:26px;
background:#FFFFFF;
}
.whh-feat_cardgdu svg{
width:1.625rem;
color:#A67C00;
height:26px;
margin-bottom:1rem;
}
.whh-feat_cardgdu h3{
color:#1C1508;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:1.125rem;
font-weight:700;
margin-bottom:8px;
}
.whh-feat_cardgdu p{
color:#3D3320;
line-height:1.6;
font-size:13px;
}
.whh-feat_cardgdu b{
color:#1C1508;
}
.whh-biggdu{
gap:22px;
flex-wrap:wrap;
display:flex;
}
.whh-big_ngdu{
color:#A67C00;
font-size:1.625rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
}
.whh-big_lgdu{
color:#7A6A4A;
font-size:12px;
}
.whh-persongdu{
border:1px solid rgba(28, 21, 8, 0.12);
border-radius:13px;
gap:14px;
background:#FFFFFF;
padding:16px 1.125rem;
display:flex;
align-items:center;
}
.whh-avatargdu{
border-radius:50%;
background:linear-gradient(135deg,#F0C030,#7A5A00);
flex:none;
height:2.75rem;
width:2.75rem;
}
.whh-person_namegdu{
font-size:14px;
font-weight:700;
color:#1C1508;
}
.whh-person_rolegdu{
font-size:12px;
color:#7A6A4A;
}
.whh-kvgdu{
background:rgba(28, 21, 8, 0.12);
border:1px solid rgba(28, 21, 8, 0.12);
overflow:hidden;
gap:1px;
grid-template-columns:1fr 1fr;
border-radius:13px;
display:grid;
}
.whh-kvgdu>div{
padding:1rem 18px;
background:#F9F6F0;
min-width:0;
}
.whh-kv_kgdu{
font-size:0.594rem;
text-transform:uppercase;
color:#A67C00;
margin-bottom:5px;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
}
.whh-kv_vgdu{
font-size:0.844rem;
color:#1C1508;
font-weight:700;
}
@media(max-width:1021px){
.whh-split_agdu,.whh-split_bgdu,.whh-split_cgdu,.whh-pgridgdu{
grid-template-columns:1fr;
gap:24px;
}
.whh-featgdu,.whh-feat2gdu{
grid-template-columns:1fr;
}
.whh-kvgdu{
grid-template-columns:1fr;
}
}
.whh-shgdu{
margin-bottom:1rem;
min-width:0;
}
.whh-sh_rowgdu{
gap:0.75rem;
align-items:flex-end;
flex-wrap:wrap;
display:flex;
justify-content:space-between;
}
.whh-sh_rowgdu .whh-sh_lgdu{
gap:6px;
min-width:0;
display:flex;
flex-direction:column;
}
.whh-sh_stackgdu{
gap:10px;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.whh-sh_centergdu{
gap:0.625rem;
text-align:center;
flex-direction:column;
display:flex;
align-items:center;
}
.whh-sh_h2gdu{
gap:9px;
color:#1C1508;
display:flex;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
line-height:1.1;
align-items:center;
overflow-wrap:break-word;
font-weight:700;
font-size:1.25rem;
}
@media(min-width:767px){
.whh-sh_h2gdu{
font-size:24px;
}
}
.whh-bandgdu .whh-sh_h2gdu{
color:#FAF4E2;
}
.whh-eb_monogdu{
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
letter-spacing:.08em;
text-transform:none;
}
.whh-eb_monogdu::before{
content:"// ";
}
.whh-eb_uppergdu{
text-transform:uppercase;
letter-spacing:.14em;
}
.whh-eb_pillgdu{
padding:5px 11px;
border-radius:62.438rem;
background:rgba(166, 124, 0, 0.11);
text-transform:uppercase;
letter-spacing:.12em;
}
.whh-eb_linegdu{
gap:0.625rem;
display:inline-flex;
align-items:center;
}
.whh-eb_linegdu::before{
background:#A67C00;
height:1px;
display:inline-block;
content:"";
width:24px;
}
.whh-bandgdu .whh-eb_linegdu::before{
background:#F0C040;
}
.whh-bandgdu .whh-eb_pillgdu{
background:rgba(255, 240, 180, 0.08);
}
.whh-sh_linkgdu{
transition:color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease,border-color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
gap:6px;
white-space:nowrap;
color:#1C1508;
font-size:0.813rem;
padding-bottom:2px;
border-bottom:1px solid #1C1508;
align-items:center;
display:inline-flex;
font-weight:600;
}
.whh-sh_linkgdu:hover{
border-color:#A67C00;
color:#A67C00;
}
.whh-sh_linkgdu svg{
height:14px;
width:0.875rem;
}
.whh-sh_link_chevgdu{
color:#A67C00;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
border-bottom:0;
font-size:12px;
padding-bottom:0;
}
.whh-sh_link_btngdu{
border-radius:999px;
background:#F0C030;
padding:0.563rem 18px;
color:#1C1508;
border-bottom:0;
}
.whh-sh_link_btngdu:hover{
border-color:transparent;
background:#D4A820;
}
.whh-bandgdu .whh-sh_linkgdu{
border-color:#FAF4E2;
color:#FAF4E2;
}
.whh-bandgdu .whh-sh_link_chevgdu{
color:#F0C040;
}
.whh-sh_rulegdu{
background:rgba(28, 21, 8, 0.12);
margin:-2px 0 16px;
height:1px;
}
.whh-bandgdu .whh-sh_rulegdu{
background:rgba(255, 230, 140, 0.13);
}
.whh-seo_grid3gdu{
gap:20px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.whh-seo_grid4gdu{
gap:0.813rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.whh-seo_grid3gdu>*,.whh-seo_grid4gdu>*{
min-width:0;
}
.whh-seo_cardgdu{
padding:1.5rem;
background:#FFFFFF;
border:1px solid rgba(28, 21, 8, 0.12);
border-radius:0.813rem;
}
.whh-seo_cardgdu h3{
font-size:1.125rem;
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#1C1508;
margin-bottom:0.5rem;
}
.whh-seo_cardgdu p{
line-height:1.6;
color:#3D3320;
font-size:0.813rem;
}
.whh-seo_card_smgdu{
padding:1.25rem;
}
.whh-seo_card_smgdu h3{
font-size:1rem;
}
.whh-seo_card_smgdu p{
font-size:12.5px;
line-height:1.55;
}
.whh-seo_rtp_rowgdu{
gap:2.25rem;
grid-template-columns:1fr 1fr;
align-items:center;
display:grid;
margin-top:1rem;
}
.whh-rtpgdu{
gap:14px;
display:flex;
min-width:0;
}
.whh-rtpgdu>div{
padding:1rem;
flex:1;
background:#F9F6F0;
border-radius:0.813rem;
text-align:center;
min-width:0;
}
.whh-rtp_ngdu{
white-space:nowrap;
font-size:1.625rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#A67C00;
font-weight:700;
}
.whh-rtp_lgdu{
margin-top:0.25rem;
font-size:0.688rem;
color:#7A6A4A;
}
.whh-cmpgdu{
border-radius:13px;
overflow:hidden;
border:1px solid rgba(28, 21, 8, 0.12);
max-width:760px;
}
.whh-cmp_rowgdu{
grid-template-columns:1.6fr 1fr 1fr;
display:grid;
font-size:0.813rem;
}
.whh-cmp_rowgdu>div{
padding:0.813rem 14px;
text-align:center;
min-width:0;
}
.whh-cmp_rowgdu>div:first-child{
text-align:left;
font-weight:600;
padding-left:22px;
color:#1C1508;
}
.whh-cmp_thgdu{
background:#F9F6F0;
font-size:12.5px;
font-weight:700;
}
.whh-cmp_rowgdu:not(.whh-cmp_thgdu){
background:#FFFFFF;
border-top:1px solid rgba(28, 21, 8, 0.08);
color:#3D3320;
}
.whh-cmp_zebragdu{
background:#F3EFE8;
}
.whh-guidegdu{
background:#FFFFFF;
overflow:hidden;
border:1px solid rgba(28, 21, 8, 0.12);
border-radius:13px;
cursor:pointer;
}
.whh-guide_covergdu{
height:8.125rem;
}
.whh-guide_bodygdu{
padding:1.25rem;
}
.whh-guide_bodygdu h3{
margin:7px 0 0.563rem;
line-height:1.25;
color:#1C1508;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:16px;
font-weight:700;
}
.whh-guide_metagdu{
font-size:11.5px;
color:#7A6A4A;
}
.whh-hubgdu{
gap:1.75rem;
grid-template-columns:repeat(5,1fr);
border-top:1px solid rgba(28, 21, 8, 0.08);
display:grid;
padding-top:28px;
}
.whh-hubgdu>*{
min-width:0;
}
.whh-hubgdu h4{
color:#1C1508;
font-size:13px;
font-weight:700;
margin-bottom:11px;
}
.whh-hub_colgdu{
gap:8px;
color:#3D3320;
flex-direction:column;
font-size:0.813rem;
display:flex;
}
.whh-hub_colgdu a{
cursor:pointer;
}
@media(max-width:1022px){
.whh-seo_grid3gdu{
grid-template-columns:1fr;
}
.whh-seo_grid4gdu{
grid-template-columns:repeat(2,1fr);
}
.whh-seo_rtp_rowgdu{
gap:1.25rem;
grid-template-columns:1fr;
}
.whh-hubgdu{
grid-template-columns:repeat(2,1fr);
gap:22px;
}
}
@media(max-width:559px){
.whh-hubgdu{
grid-template-columns:1fr;
}
}
.whh-tkgdu{
background:#EDE8DF;
overflow:hidden;
display:flex;
border-bottom:1px solid rgba(28, 21, 8, 0.08);
align-items:center;
}
.whh-tk_taggdu{
padding:11px 1.125rem;
flex:none;
gap:8px;
background:#FFFFFF;
text-transform:uppercase;
font-weight:600;
display:flex;
font-size:0.656rem;
align-items:center;
letter-spacing:.1em;
border-right:1px solid rgba(28, 21, 8, 0.08);
color:#D92B2B;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
}
.whh-tk_railgdu{
overflow:hidden;
flex:1;
}
.whh-tk_trackgdu{
padding:0.688rem 14px;
gap:1.75rem;
animation:zm3-marquee 26s linear infinite;
white-space:nowrap;
font-size:12px;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
width:max-content;
display:flex;
color:#3D3320;
}
.whh-tk_trackgdu b{
color:#A67C00;
}
.whh-herogdu{
background:linear-gradient(120deg,#1A1408,#111624);
overflow:hidden;
border:1px solid rgba(28, 21, 8, 0.12);
border-radius:20px;
padding:2.875rem 3rem;
color:#FAF4E2;
position:relative;
}
.whh-hero_glowgdu{
border-radius:50%;
background:radial-gradient(circle,rgba(212, 160, 32, 0.22),transparent 70%);
top:-3.75rem;
right:-3.75rem;
width:340px;
position:absolute;
height:340px;
}
.whh-hero_ingdu{
position:relative;
max-width:600px;
}
.whh-herogdu .whh-eyebrowgdu{
color:#F0C040;
}
.whh-pill_rowgdu{
background:rgba(255, 240, 180, 0.08);
gap:8px;
padding:6px 13px;
border-radius:999px;
border:1px solid rgba(255, 230, 140, 0.13);
align-items:center;
font-size:0.656rem;
letter-spacing:.1em;
text-transform:uppercase;
color:#F0C040;
display:inline-flex;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:1.375rem;
}
.whh-hero_h1gdu{
margin:18px 0;
font-size:54px;
font-weight:700;
letter-spacing:-.02em;
color:#FAF4E2;
line-height:1.02;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
overflow-wrap:break-word;
}
.whh-hero_h1gdu em{
font-style:normal;
color:#F0C040;
}
.whh-hero_subgdu{
color:#C8B98A;
line-height:1.55;
margin-bottom:1.75rem;
max-width:480px;
font-size:17px;
}
.whh-hero_ctagdu{
gap:14px;
align-items:center;
margin-bottom:26px;
display:flex;
flex-wrap:wrap;
}
.whh-hero_trustgdu{
gap:14px;
display:flex;
flex-wrap:wrap;
align-items:center;
}
.whh-hero_rating_txtgdu{
font-size:0.813rem;
color:#C8B98A;
}
@media(max-width:1027px){
.whh-herogdu{
padding:32px 1.5rem;
}
.whh-hero_h1gdu{
font-size:2.375rem;
}
}
@media(max-width:562px){
.whh-hero_h1gdu{
font-size:1.875rem;
}
}
.whh-statgdu{
gap:14px;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.whh-statgdu>*{
min-width:0;
}
.whh-stat_itemgdu{
border-radius:0.813rem;
border:1px solid rgba(28, 21, 8, 0.12);
padding:1.125rem 1.25rem;
background:#FFFFFF;
}
.whh-stat_kgdu{
color:#7A6A4A;
letter-spacing:.12em;
margin-bottom:7px;
text-transform:uppercase;
font-size:0.594rem;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
}
.whh-stat_vgdu{
gap:8px;
overflow-wrap:anywhere;
min-width:0;
color:#1C1508;
display:flex;
align-items:center;
font-size:24px;
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
}
.whh-stat_v_accentgdu{
color:#A67C00;
}
@media(max-width:1023px){
.whh-statgdu{
grid-template-columns:repeat(2,1fr);
}
}
.whh-wlcgdu{
border:1px solid rgba(28, 21, 8, 0.12);
padding:2.25rem 40px;
border-radius:1.25rem;
gap:1.5rem;
grid-template-columns:1.2fr .8fr;
overflow:hidden;
background:linear-gradient(120deg,#1A1408,#111624);
align-items:center;
color:#FAF4E2;
position:relative;
display:grid;
}
.whh-wlcgdu>*{
min-width:0;
}
.whh-wlcgdu .whh-eyebrowgdu{
color:#F0C040;
}
.whh-wlc_glowgdu{
border-radius:50%;
background:radial-gradient(circle,rgba(212, 160, 32, 0.22),transparent 70%);
position:absolute;
width:260px;
height:260px;
top:-40px;
right:-2.5rem;
}
.whh-wlc_ingdu{
position:relative;
}
.whh-wlc_h2gdu{
margin:0.625rem 0 0.5rem;
font-weight:700;
line-height:1.03;
overflow-wrap:break-word;
color:#FAF4E2;
font-size:2.125rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
}
.whh-wlc_h2gdu em{
color:#F0C040;
font-style:normal;
}
.whh-wlc_subgdu{
color:#C8B98A;
max-width:26.25rem;
font-size:0.875rem;
line-height:1.55;
margin-bottom:1.125rem;
}
.whh-wlc_termsgdu{
gap:0.625rem;
display:flex;
position:relative;
flex-direction:column;
}
.whh-termgdu{
gap:0.688rem;
border-radius:13px;
border:1px solid rgba(255, 230, 140, 0.13);
background:rgba(255, 240, 180, 0.08);
padding:0.813rem 15px;
display:flex;
align-items:center;
}
.whh-termgdu svg{
flex:none;
width:20px;
height:20px;
color:#F0C040;
}
.whh-term_kgdu{
font-size:0.594rem;
letter-spacing:.1em;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
text-transform:uppercase;
color:#C8B98A;
}
.whh-term_vgdu{
margin-top:2px;
color:#FAF4E2;
font-weight:700;
font-size:14px;
}
@media(max-width:1026px){
.whh-wlcgdu{
grid-template-columns:1fr;
}
}
@media(max-width:557px){
.whh-wlc_h2gdu{
font-size:26px;
}
}
.whh-jpgdu{
gap:0.875rem;
grid-template-columns:1.5fr 1fr 1fr;
display:grid;
}
.whh-jpgdu>*{
min-width:0;
}
.whh-jp_herogdu{
border-radius:1.25rem;
overflow:hidden;
border:1px solid rgba(28, 21, 8, 0.12);
gap:0.875rem;
background:linear-gradient(135deg,#1A1408,#111624);
padding:26px;
color:#FAF4E2;
min-height:11.25rem;
flex-direction:column;
position:relative;
display:flex;
justify-content:space-between;
}
.whh-jp_glowgdu{
background:radial-gradient(circle,rgba(212, 160, 32, 0.22),transparent 70%);
border-radius:50%;
right:-40px;
position:absolute;
height:11.25rem;
top:-40px;
width:180px;
}
.whh-jp_k_rowgdu{
gap:0.625rem;
display:flex;
position:relative;
align-items:center;
justify-content:space-between;
}
.whh-jp_kgdu{
font-size:10px;
text-transform:uppercase;
letter-spacing:.12em;
color:#7A6A4A;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
}
.whh-jp_herogdu .whh-jp_kgdu{
color:#C8B98A;
}
.whh-jp_amtgdu{
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
line-height:1;
position:relative;
font-size:42px;
color:#F0C040;
}
.whh-jp_subgdu{
margin-top:5px;
font-size:0.75rem;
color:#C8B98A;
}
.whh-jp_cellgdu{
border:1px solid rgba(28, 21, 8, 0.12);
padding:1.375rem;
border-radius:1.25rem;
background:#FFFFFF;
flex-direction:column;
justify-content:space-between;
min-height:11.25rem;
display:flex;
}
.whh-jp_cellgdu .whh-jp_amtgdu{
color:#1C1508;
font-size:1.875rem;
}
.whh-jp_cellgdu .whh-jp_subgdu{
color:#7A6A4A;
}
@media(max-width:1024px){
.whh-jpgdu{
grid-template-columns:1fr;
}
}
@media(max-width:558px){
.whh-jp_amtgdu{
font-size:32px;
}
}
.whh-newsgdu{
background:linear-gradient(135deg,#1A1408,#111624);
border:1px solid rgba(28, 21, 8, 0.12);
border-radius:20px;
padding:1.625rem 2rem;
gap:1.5rem;
flex-wrap:wrap;
color:#FAF4E2;
justify-content:space-between;
display:flex;
align-items:center;
}
.whh-news_h3gdu{
font-weight:700;
color:#FAF4E2;
font-size:20px;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:0.25rem;
}
.whh-news_textgdu{
font-size:0.813rem;
color:#C8B98A;
}
.whh-news_formgdu{
gap:10px;
flex:1;
max-width:440px;
min-width:0;
display:flex;
}
.whh-news_formgdu .whh-inputgdu{
min-width:0;
}
@media(max-width:558px){
.whh-news_formgdu{
width:100%;
}
}
.whh-inputgdu{
border-radius:8px;
border:1px solid rgba(255, 230, 140, 0.13);
background:rgba(255, 240, 180, 0.08);
padding:0.813rem 1rem;
flex:1;
color:#C8B98A;
font-size:13.5px;
}
.whh-vip_headgdu{
gap:0.75rem;
flex-wrap:wrap;
margin-bottom:18px;
display:flex;
align-items:flex-end;
justify-content:space-between;
}
.whh-vip_introgdu{
max-width:420px;
font-size:0.813rem;
color:#3D3320;
}
.whh-vipgdu{
gap:0.75rem;
grid-template-columns:repeat(5,1fr);
display:grid;
}
.whh-vipgdu>*{
min-width:0;
}
.whh-tiergdu{
background:#FFFFFF;
padding:20px;
border:1px solid rgba(28, 21, 8, 0.12);
border-radius:13px;
}
.whh-tier_ongdu{
border-color:#A67C00;
background:rgba(166, 124, 0, 0.11);
}
.whh-tier_medalgdu{
background:linear-gradient(135deg,#F0C030,#7A5A00);
border-radius:0.5rem;
margin-bottom:0.875rem;
width:30px;
height:1.875rem;
}
.whh-tier_namegdu{
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
color:#1C1508;
font-size:0.938rem;
margin-bottom:5px;
}
.whh-tier_txgdu{
color:#7A6A4A;
line-height:1.5;
font-size:11.5px;
}
@media(max-width:1026px){
.whh-vipgdu{
grid-template-columns:repeat(2,1fr);
}
}
.whh-appgdu{
gap:2.25rem;
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
}
.whh-app_copygdu{
max-width:32.5rem;
}
.whh-app_h2gdu{
margin:12px 0 0.625rem;
line-height:1.05;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:1.75rem;
color:#1C1508;
font-weight:700;
}
.whh-app_textgdu{
line-height:1.6;
font-size:0.875rem;
margin-bottom:20px;
color:#3D3320;
}
.whh-app_btnsgdu{
gap:12px;
flex-wrap:wrap;
display:flex;
}
.whh-storegdu{
gap:9px;
border-radius:0.813rem;
padding:11px 18px;
background:#F9F6F0;
border:1px solid rgba(28, 21, 8, 0.12);
cursor:pointer;
color:#1C1508;
display:inline-flex;
font-weight:700;
font-size:13px;
align-items:center;
}
.whh-storegdu svg{
height:16px;
width:16px;
}
.whh-app_qr_wrapgdu{
gap:1rem;
display:flex;
align-items:center;
}
.whh-qrgdu{
grid-template-rows:repeat(5,1fr);
border-radius:13px;
border:1px solid rgba(28, 21, 8, 0.12);
grid-template-columns:repeat(5,1fr);
background:#F9F6F0;
padding:11px;
gap:3px;
display:grid;
height:108px;
width:6.75rem;
}
.whh-qrgdu i{
background:transparent;
}
.whh-qr_fgdu{
background:#A67C00;
}
.whh-app_qr_capgdu{
color:#7A6A4A;
max-width:84px;
font-size:12px;
line-height:1.4;
}
.whh-stepsgdu{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.whh-stepsgdu>*{
min-width:0;
}
.whh-stepgdu{
border:1px solid rgba(28, 21, 8, 0.12);
border-radius:13px;
padding:1.5rem;
background:#FFFFFF;
position:relative;
}
.whh-step_numgdu{
background:#F0C030;
border-radius:8px;
display:flex;
height:30px;
width:30px;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
font-weight:700;
font-size:13px;
align-items:center;
margin-bottom:14px;
justify-content:center;
color:#1C1508;
}
.whh-step_hgdu{
color:#1C1508;
font-size:16px;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
margin-bottom:7px;
font-weight:700;
}
.whh-step_pgdu{
line-height:1.55;
font-size:13px;
color:#3D3320;
}
@media(max-width:1024px){
.whh-stepsgdu{
grid-template-columns:1fr;
}
}
.whh-tourgdu{
border-radius:20px;
grid-template-columns:1.05fr 1fr;
overflow:hidden;
border:1px solid rgba(28, 21, 8, 0.12);
display:grid;
}
.whh-tourgdu>*{
min-width:0;
}
.whh-tour_lgdu{
padding:34px;
background:linear-gradient(135deg,#1A1408,#111624);
overflow:hidden;
color:#FAF4E2;
position:relative;
}
.whh-tour_h2gdu{
margin:0.75rem 0 10px;
line-height:1.05;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:1.875rem;
color:#FAF4E2;
font-weight:700;
}
.whh-tour_h2gdu em{
font-style:normal;
color:#F0C040;
}
.whh-tour_textgdu{
color:#C8B98A;
max-width:21.25rem;
font-size:13.5px;
margin-bottom:20px;
line-height:1.6;
}
.whh-tour_metagdu{
gap:1.125rem;
display:flex;
margin-bottom:1.25rem;
align-items:flex-end;
flex-wrap:wrap;
}
.whh-tour_capgdu{
text-transform:uppercase;
margin-bottom:0.313rem;
color:#C8B98A;
font-size:9.5px;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
}
.whh-countgdu{
gap:6px;
display:flex;
}
.whh-countgdu span{
border-radius:8px;
padding:4px 0.563rem;
background:rgba(255, 240, 180, 0.08);
border:1px solid rgba(255, 230, 140, 0.13);
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
font-size:22px;
font-weight:700;
}
.whh-tour_unitsgdu{
color:#C8B98A;
font-size:10px;
}
.whh-boardgdu{
padding:28px 30px;
background:#FFFFFF;
}
.whh-board_headgdu{
margin-bottom:0.875rem;
justify-content:space-between;
display:flex;
align-items:center;
}
.whh-board_titlegdu{
font-weight:700;
color:#1C1508;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:1rem;
}
.whh-board_updgdu{
font-size:10px;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
color:#7A6A4A;
text-transform:uppercase;
}
.whh-board_listgdu{
gap:2px;
flex-direction:column;
display:flex;
}
.whh-board_rowgdu{
border-radius:8px;
padding:0.625rem 12px;
gap:0.75rem;
align-items:center;
display:flex;
}
.whh-board_top1gdu{
background:rgba(166, 124, 0, 0.11);
}
.whh-board_rkgdu{
width:1.25rem;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
color:#7A6A4A;
font-size:0.875rem;
font-weight:700;
}
.whh-board_top1gdu .whh-board_rkgdu{
color:#A67C00;
}
.whh-board_nmgdu{
flex:1;
font-size:13.5px;
color:#3D3320;
font-weight:600;
min-width:0;
}
.whh-board_top1gdu .whh-board_nmgdu{
font-weight:700;
color:#1C1508;
}
.whh-board_ptgdu{
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
color:#3D3320;
font-size:0.781rem;
}
@media(max-width:1025px){
.whh-tourgdu{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.whh-tour_h2gdu{
font-size:24px;
}
}
.whh-promo_gridgdu{
gap:1rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.whh-promo_gridgdu>*{
min-width:0;
}
.whh-promogdu{
border-radius:1.25rem;
background:#FFFFFF;
overflow:hidden;
padding:1.5rem;
border:1px solid rgba(28, 21, 8, 0.12);
position:relative;
min-height:9.375rem;
}
.whh-promo_hgdu{
line-height:1.05;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
margin-top:0.375rem;
color:#1C1508;
font-size:26px;
font-weight:700;
}
.whh-promo_hgdu em{
font-style:normal;
color:#A67C00;
}
.whh-promo_pgdu{
color:#3D3320;
line-height:1.5;
font-size:12.5px;
margin-top:8px;
}
.whh-promo_featgdu{
background:linear-gradient(135deg,#1A1408,#111624);
border-color:rgba(28, 21, 8, 0.12);
}
.whh-promo_featgdu .whh-promo_hgdu{
color:#FAF4E2;
}
.whh-promo_featgdu .whh-promo_hgdu em{
color:#F0C040;
}
.whh-promo_featgdu .whh-promo_pgdu{
color:#C8B98A;
}
.whh-promo_featgdu .whh-eyebrowgdu{
color:#F0C040;
}
@media(max-width:1025px){
.whh-promo_gridgdu{
grid-template-columns:1fr;
}
}
.whh-pay_logosgdu{
grid-template-columns:repeat(4,1fr);
gap:0.563rem;
display:grid;
}
.whh-pay_logosgdu>*{
min-width:0;
}
.whh-paygdu{
border-radius:8px;
border:1px solid rgba(28, 21, 8, 0.12);
justify-content:center;
height:3rem;
display:flex;
font-weight:700;
font-size:0.75rem;
align-items:center;
color:#3D3320;
}
.whh-tablegdu{
border:1px solid rgba(28, 21, 8, 0.12);
overflow:hidden;
border-radius:13px;
}
.whh-trowgdu{
grid-template-columns:1.3fr 1fr 1fr 1fr;
display:grid;
font-size:13px;
}
.whh-trowgdu>div{
padding:0.813rem 14px;
min-width:0;
}
.whh-trowgdu>div:first-child{
color:#1C1508;
font-weight:700;
padding-left:1rem;
}
.whh-trow_thgdu{
background:#F9F6F0;
letter-spacing:.06em;
font-size:9.5px;
color:#7A6A4A;
text-transform:uppercase;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
}
.whh-trowgdu:not(.whh-trow_thgdu){
background:#FFFFFF;
color:#3D3320;
border-top:1px solid rgba(28, 21, 8, 0.08);
}
.whh-trow_zebragdu{
background:#F3EFE8;
}
.whh-posgdu{
color:#A67C00;
font-weight:700;
}
@media(max-width:1022px){
.whh-pay_logosgdu{
grid-template-columns:repeat(2,1fr);
}
}
.whh-suppgdu{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.whh-suppgdu>*{
min-width:0;
}
.whh-supp_cardgdu{
border:1px solid rgba(28, 21, 8, 0.12);
background:#FFFFFF;
padding:24px;
border-radius:0.813rem;
}
.whh-supp_cardgdu svg{
color:#A67C00;
height:1.5rem;
width:1.5rem;
margin-bottom:14px;
}
.whh-supp_cardgdu h3{
margin-bottom:6px;
font-size:1rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
color:#1C1508;
}
.whh-supp_cardgdu p{
font-size:0.813rem;
line-height:1.55;
color:#3D3320;
}
@media(max-width:1025px){
.whh-suppgdu{
grid-template-columns:1fr;
}
}
.whh-dw_h2gdu{
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#1C1508;
line-height:1.08;
margin-bottom:10px;
font-weight:700;
font-size:26px;
}
.whh-steps_vgdu{
gap:10px;
grid-template-columns:1fr;
}
.whh-steps_vgdu .whh-stepgdu{
padding:1.125rem 20px;
}
@media(max-width:563px){
.whh-dw_h2gdu{
font-size:23px;
}
}
.whh-bannergdu{
border:1px solid rgba(28, 21, 8, 0.12);
padding:2.25rem 2.5rem;
gap:28px;
overflow:hidden;
background:linear-gradient(115deg,#1A1408,#111624);
border-radius:20px;
color:#FAF4E2;
align-items:center;
display:flex;
position:relative;
flex-wrap:wrap;
justify-content:space-between;
}
.whh-banner_glowgdu{
background:radial-gradient(circle,rgba(212, 160, 32, 0.22),transparent 68%);
border-radius:50%;
height:200px;
right:80px;
width:12.5rem;
position:absolute;
transform:translateY(-50%);
top:50%;
}
.whh-banner_ingdu{
max-width:35rem;
position:relative;
}
.whh-bannergdu .whh-eyebrowgdu{
color:#F0C040;
}
.whh-banner_h2gdu{
margin:0.625rem 0;
color:#FAF4E2;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
line-height:1.05;
font-size:1.875rem;
font-weight:700;
}
.whh-banner_textgdu{
line-height:1.6;
color:#C8B98A;
font-size:0.875rem;
}
@media(max-width:558px){
.whh-banner_h2gdu{
font-size:24px;
}
}
.whh-gmgdu{
gap:16px;
grid-template-columns:1.3fr 1fr;
display:grid;
}
.whh-gmgdu>*{
min-width:0;
}
.whh-gm_panelgdu{
border-radius:1.25rem;
border:1px solid rgba(28, 21, 8, 0.12);
padding:1.75rem;
background:#FFFFFF;
}
.whh-gm_h2gdu{
margin:0.625rem 0 0.5rem;
font-size:1.5rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
color:#1C1508;
}
.whh-gm_textgdu{
line-height:1.6;
color:#3D3320;
max-width:440px;
margin-bottom:1.25rem;
font-size:0.844rem;
}
.whh-gm_levelgdu{
gap:0.875rem;
margin-bottom:16px;
align-items:center;
display:flex;
}
.whh-gm_lvgdu{
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#A67C00;
font-weight:700;
font-size:24px;
}
.whh-gm_bar_wrapgdu{
flex:1;
min-width:0;
}
.whh-gm_bar_metagdu{
color:#7A6A4A;
display:flex;
margin-bottom:5px;
justify-content:space-between;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
font-size:10px;
}
.whh-bargdu{
overflow:hidden;
background:#F9F6F0;
border-radius:999px;
height:0.5rem;
}
.whh-bar_fillgdu{
background:linear-gradient(90deg,#F0C030,#7A5A00);
border-radius:999px;
height:100%;
display:block;
}
.whh-gm_missionsgdu{
gap:9px;
display:flex;
flex-wrap:wrap;
}
.whh-gm_refergdu{
overflow:hidden;
border:1px solid rgba(28, 21, 8, 0.12);
border-radius:20px;
padding:1.75rem;
background:linear-gradient(150deg,#1A1408,#111624);
position:relative;
display:flex;
flex-direction:column;
justify-content:space-between;
color:#FAF4E2;
}
.whh-gm_refergdu .whh-eyebrowgdu{
color:#F0C040;
}
.whh-gm_ref_h2gdu{
margin:10px 0 8px;
font-size:24px;
line-height:1.1;
color:#FAF4E2;
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
}
.whh-gm_ref_h2gdu em{
font-style:normal;
color:#F0C040;
}
.whh-gm_ref_textgdu{
font-size:13px;
line-height:1.55;
margin-bottom:1.125rem;
color:#C8B98A;
}
@media(max-width:1026px){
.whh-gmgdu{
grid-template-columns:1fr;
}
}
.whh-ab_h2gdu{
margin:14px 0 16px;
font-size:2rem;
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
line-height:1.08;
color:#1C1508;
}
.whh-ab_bodygdu{
font-size:0.938rem;
line-height:1.65;
color:#3D3320;
margin-bottom:14px;
}
.whh-ab_chipsgdu{
gap:0.625rem;
margin-top:0.5rem;
flex-wrap:wrap;
display:flex;
}
.whh-faqgdu{
gap:10px;
display:flex;
flex-direction:column;
}
.whh-faq_itemgdu{
padding:18px 22px;
border:1px solid rgba(28, 21, 8, 0.12);
background:#FFFFFF;
border-radius:0.813rem;
}
.whh-faq_qgdu{
list-style:none;
gap:1rem;
font-weight:600;
color:#1C1508;
display:flex;
justify-content:space-between;
cursor:pointer;
font-size:0.969rem;
align-items:center;
}
.whh-faq_qgdu::-webkit-details-marker{
display:none;
}
.whh-faq_q_tgdu{
gap:0.625rem;
display:flex;
}
.whh-faq_q_igdu{
font-style:normal;
color:#A67C00;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
}
.whh-faq_pmgdu{
color:#A67C00;
font-size:1.25rem;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
}
.whh-faq_itemgdu[open] .whh-faq_pmgdu{
transform:rotate(45deg);
}
.whh-faq_agdu{
color:#3D3320;
margin-top:12px;
font-size:13.5px;
line-height:1.6;
}
@media(max-width:557px){
.whh-ab_h2gdu{
font-size:1.625rem;
}
}
.whh-et_h2gdu{
margin:0.625rem 0 14px;
font-size:28px;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
line-height:1.08;
color:#1C1508;
font-weight:700;
}
.whh-et_rightgdu{
gap:0.625rem;
flex-direction:column;
display:flex;
}
.whh-et_updatedgdu{
border-radius:0.813rem;
border:1px solid rgba(28, 21, 8, 0.12);
padding:0.875rem 1.125rem;
gap:0.625rem;
background:#F9F6F0;
color:#3D3320;
font-size:12px;
display:flex;
align-items:center;
}
.whh-et_updatedgdu svg{
flex:none;
height:0.938rem;
width:15px;
color:#A67C00;
}
.whh-et_updatedgdu b{
color:#1C1508;
}
@media(max-width:558px){
.whh-et_h2gdu{
font-size:24px;
}
}
.whh-rv_headgdu{
gap:12px;
display:flex;
align-items:flex-end;
margin-bottom:18px;
justify-content:space-between;
flex-wrap:wrap;
}
.whh-rv_agggdu{
gap:10px;
align-items:center;
display:flex;
}
.whh-rv_sourcegdu{
font-size:0.781rem;
color:#7A6A4A;
}
.whh-rv_gridgdu{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.whh-rv_gridgdu>*{
min-width:0;
}
.whh-reviewgdu{
padding:24px;
border:1px solid rgba(28, 21, 8, 0.12);
background:#FFFFFF;
border-radius:13px;
}
.whh-reviewgdu .whh-starsgdu{
margin-bottom:0.625rem;
}
.whh-reviewgdu p{
line-height:1.5;
font-weight:600;
font-size:0.906rem;
color:#1C1508;
margin-bottom:0.875rem;
}
.whh-review_bygdu{
color:#7A6A4A;
font-size:12.5px;
}
@media(max-width:1023px){
.whh-rv_gridgdu{
grid-template-columns:1fr;
}
}
.whh-op_h2gdu{
margin:0.625rem 0 8px;
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:24px;
color:#1C1508;
line-height:1.1;
}
.whh-op_textgdu{
color:#3D3320;
line-height:1.6;
font-size:0.844rem;
}
@media(max-width:561px){
.whh-op_h2gdu{
font-size:22px;
}
}
.whh-provsgdu{
grid-template-columns:repeat(6,1fr);
gap:0.75rem;
display:grid;
margin-bottom:28px;
}
.whh-provsgdu>*{
min-width:0;
}
.whh-provgdu{
border-radius:13px;
border:1px solid rgba(28, 21, 8, 0.12);
padding:12px;
background:#FFFFFF;
justify-content:center;
height:64px;
align-items:center;
display:flex;
text-decoration:none;
}
.whh-prov_imggdu{
max-width:100%;
object-fit:contain;
max-height:2rem;
}
.whh-respgdu{
background:#FFFFFF;
border:1px solid rgba(28, 21, 8, 0.12);
border-radius:13px;
gap:1.5rem;
padding:26px;
display:flex;
align-items:center;
flex-wrap:wrap;
justify-content:space-between;
}
.whh-resp_ingdu{
max-width:560px;
}
.whh-resp_hgdu{
font-size:19px;
margin-bottom:0.5rem;
color:#1C1508;
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
}
.whh-resp_pgdu{
color:#3D3320;
line-height:1.6;
font-size:13.5px;
}
.whh-resp_badgesgdu{
gap:14px;
flex-wrap:wrap;
display:flex;
align-items:center;
}
.whh-age18gdu{
border:1.5px solid #D92B2B;
border-radius:0.5rem;
padding:0.25rem 8px;
color:#D92B2B;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
font-weight:700;
font-size:0.813rem;
}
.whh-resp_orggdu{
font-weight:600;
color:#7A6A4A;
font-size:13px;
}
@media(max-width:1026px){
.whh-provsgdu{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:559px){
.whh-provsgdu{
grid-template-columns:repeat(2,1fr);
}
}
.whh-disputegdu{
border-radius:0.813rem;
gap:1.75rem;
border:1px dashed rgba(28, 21, 8, 0.22);
padding:1.625rem 1.875rem;
flex-wrap:wrap;
justify-content:space-between;
display:flex;
align-items:center;
}
.whh-dispute_ingdu{
max-width:660px;
}
.whh-dispute_h2gdu{
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#1C1508;
font-weight:700;
margin-bottom:0.5rem;
font-size:1.375rem;
}
.whh-dispute_textgdu{
line-height:1.6;
font-size:13.5px;
color:#3D3320;
}
.whh-gd_headgdu{
gap:0.75rem;
justify-content:space-between;
margin-bottom:1rem;
flex-wrap:wrap;
display:flex;
align-items:center;
}
.whh-footergdu{
background:#EDE8DF;
padding:2.5rem 1.75rem;
border-top:1px solid rgba(28, 21, 8, 0.08);
}
.whh-footer_gridgdu{
grid-template-columns:1.4fr 1fr 1fr 1fr;
gap:2rem;
margin-right:auto;
max-width:87.5rem;
margin-left:auto;
margin-bottom:28px;
display:grid;
}
.whh-footer_gridgdu>*{
min-width:0;
}
.whh-footer_gridgdu h4{
margin-bottom:13px;
font-size:10px;
text-transform:uppercase;
letter-spacing:.12em;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
color:#A8966E;
}
.whh-fcolgdu{
gap:0.563rem;
font-size:13px;
display:flex;
flex-direction:column;
color:#3D3320;
}
.whh-fcolgdu a{
cursor:pointer;
}
.whh-ft_aboutgdu{
font-size:0.813rem;
max-width:260px;
margin-top:0.75rem;
color:#7A6A4A;
line-height:1.6;
}
.whh-ft_contactgdu{
font-size:0.781rem;
overflow-wrap:anywhere;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
color:#A67C00;
margin-top:0.75rem;
}
.whh-footer_bottomgdu{
gap:1rem;
margin:0 auto;
display:flex;
padding-top:20px;
border-top:1px solid rgba(28, 21, 8, 0.08);
align-items:center;
flex-wrap:wrap;
justify-content:space-between;
max-width:87.5rem;
}
.whh-footer_bottomgdu p{
line-height:1.6;
font-size:0.688rem;
color:#A8966E;
max-width:45rem;
}
@media(max-width:1025px){
.whh-footer_gridgdu{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:561px){
.whh-footer_gridgdu{
grid-template-columns:1fr;
}
}