*{
padding:0;
margin:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#0E0B18;
-webkit-font-smoothing:antialiased;
font-size:15px;
color:#BEB8D8;
overflow-wrap:break-word;
line-height:1.55;
text-rendering:optimizeLegibility;
font-family:"Mulish", 'Helvetica Neue', Arial, sans-serif;
}
img{
max-width:100%;
display:block;
}
a{
text-decoration:none;
color:inherit;
}
button{
background:none;
border:none;
font-family:inherit;
cursor:pointer;
}
input{
font-family:inherit;
}
svg{
display:block;
}
h1,h2,h3,h4{
overflow-wrap:anywhere;
}
::-webkit-scrollbar{
width:8px;
height:0.5rem;
}
::-webkit-scrollbar-thumb{
background:rgba(9, 7, 15, 0.72);
border-radius:0.5rem;
}
::-webkit-scrollbar-track{
background:transparent;
}
.xpe-shell_mks{
grid-template-columns:248px 1fr;
display:grid;
min-height:100vh;
}
.xpe-main_mks{
min-width:0;
}
.xpe-wrap_mks{
margin:0 auto;
max-width:1400px;
width:100%;
}
.xpe-container_mks{
margin:0 auto;
padding:0 1rem;
width:100%;
max-width:1400px;
}
@media(min-width:770px){
.xpe-container_mks{
padding:0 1.75rem;
}
}
.xpe-section_mks{
padding:1.5rem 28px;
}
.xpe-section_pt_mks{
padding-top:34px;
}
.xpe-band_soft_mks{
background:#151121;
}
.xpe-eyebrow_mks{
letter-spacing:.14em;
font-size:0.656rem;
display:inline-block;
font-family:"Mulish", 'Helvetica Neue', Arial, sans-serif;
font-weight:600;
line-height:1.4;
text-transform:uppercase;
color:#A855F7;
overflow-wrap:break-word;
}
.xpe-drawer_cb_mks{
display:none;
}
.xpe-overlay_mks{
display:none;
}
@media(max-width:1021px){
.xpe-shell_mks{
grid-template-columns:1fr;
}
.xpe-main_mks{
padding-bottom:4.875rem;
}
.xpe-drawer_cb_mks:checked~.xpe-overlay_mks{
inset:0;
background:rgba(9, 7, 15, 0.72);
z-index:70;
display:block;
position:fixed;
}
}
@media(max-width:557px){
.xpe-section_mks{
padding:1.125rem 1rem;
}
.xpe-section_pt_mks{
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 ---------- */
.xpe-side_mks{
background:#120F1E;
gap:22px;
padding:22px 1.125rem;
border-right:1px solid #211B35;
overflow-y:auto;
top:0;
position:sticky;
display:flex;
height:100vh;
align-self:start;
flex-direction:column;
}
.xpe-brand_mks{
gap:0.625rem;
align-items:center;
display:flex;
}
.xpe-logo_mks{
color:#F0EDFB;
font-weight:700;
letter-spacing:-.02em;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:21px;
}
.xpe-side_cta_mks{
border:1px solid #2D2548;
background:rgba(168, 85, 247, 0.12);
padding:1rem;
border-radius:0.75rem;
}
.xpe-side_cta_h_mks{
font-weight:700;
font-size:1.063rem;
margin-bottom:0.375rem;
color:#F0EDFB;
line-height:1.15;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.xpe-side_cta_p_mks{
color:#BEB8D8;
font-size:0.75rem;
line-height:1.45;
margin-bottom:12px;
}
.xpe-nav_mks{
gap:3px;
display:flex;
flex-direction:column;
}
.xpe-nav_label_mks{
padding:6px 0.625rem;
text-transform:uppercase;
color:#4E4870;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
font-size:9.5px;
letter-spacing:.14em;
}
.xpe-nav_item_mks{
padding:10px;
border-radius:0.5rem;
gap:0.688rem;
color:#BEB8D8;
align-items:center;
display:flex;
font-size:14px;
font-weight:500;
}
.xpe-nav_item_mks svg{
width:17px;
height:17px;
}
.xpe-nav_item_mks:hover{
background:rgba(168, 85, 247, 0.12);
color:#F0EDFB;
}
.xpe-nav_item_on_mks{
background:rgba(168, 85, 247, 0.12);
font-weight:600;
color:#A855F7;
}
.xpe-side_foot_mks{
background:#151121;
padding:12px;
border-radius:0.75rem;
border:1px solid #2D2548;
margin-top:auto;
}
.xpe-side_foot_mks p{
color:#BEB8D8;
font-size:0.781rem;
line-height:1.4;
margin-top:4px;
}
/* ---------- topbar ---------- */
.xpe-top_mks{
background:#120F1E;
padding:14px 1.75rem;
gap:16px;
position:sticky;
border-bottom:1px solid #211B35;
z-index:40;
display:flex;
align-items:center;
top:0;
}
.xpe-top_brand_mks{
gap:0.563rem;
display:none;
align-items:center;
}
.xpe-search_mks{
background:#151121;
padding:0.688rem 14px;
flex:1;
border:1px solid #2D2548;
border-radius:0.75rem;
gap:10px;
color:#857FA6;
max-width:27.5rem;
align-items:center;
display:flex;
font-size:0.844rem;
}
.xpe-search_mks svg{
flex:none;
height:1rem;
width:1rem;
}
.xpe-top_actions_mks{
gap:12px;
display:flex;
align-items:center;
margin-left:auto;
}
.xpe-lang_mks{
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
color:#BEB8D8;
font-size:12px;
}
.xpe-burger_mks{
background:#151121;
border:1px solid #2D2548;
border-radius:0.5rem;
align-items:center;
width:2.5rem;
justify-content:center;
height:2.5rem;
color:#F0EDFB;
display:none;
}
/* ---------- bottom-nav (mobile) ---------- */
.xpe-botnav_mks{
display:none;
}
@media(max-width:1025px){
.xpe-side_mks{
transition:transform .25s ease;
left:0;
transform:translateX(-100%);
width:17.5rem;
height:100vh;
top:0;
z-index:80;
position:fixed;
}
.xpe-drawer_cb_mks:checked~.xpe-shell_mks .xpe-side_mks{
transform:translateX(0);
}
.xpe-top_mks{
padding:0.875rem 1rem;
gap:12px;
flex-wrap:wrap;
position:static;
}
.xpe-top_brand_mks{
display:flex;
}
.xpe-search_mks{
display:none;
}
.xpe-burger_mks{
display:flex;
}
.xpe-top_actions_mks{
gap:0.625rem;
margin-left:0;
align-items:stretch;
width:100%;
}
.xpe-top_actions_mks .xpe-lang_mks{
display:none;
}
.xpe-top_actions_mks .xpe-btn_mks{
flex:1;
padding:11px 0.625rem;
text-align:center;
}
.xpe-botnav_mks{
grid-template-columns:repeat(3,1fr);
padding:8px 6px calc(8px + env(safe-area-inset-bottom));
background:#120F1E;
display:grid;
transform:translateZ(0);
border-top:1px solid #2D2548;
right:0;
z-index:65;
left:0;
bottom:0;
position:fixed;
}
.xpe-bn_mks{
gap:4px;
padding:6px 2px 0;
justify-content:flex-end;
align-items:center;
flex-direction:column;
font-weight:600;
min-width:0;
font-size:0.625rem;
display:flex;
color:#BEB8D8;
}
.xpe-bn_mks svg{
flex:none;
height:1.375rem;
width:1.375rem;
}
.xpe-bn_mks span{
overflow:hidden;
text-align:center;
max-width:100%;
text-overflow:ellipsis;
white-space:nowrap;
}
.xpe-bn_on_mks{
color:#A855F7;
}
.xpe-bn_center_mks{
position:relative;
}
.xpe-bn_fab_mks{
background:#A855F7;
border-radius:50%;
width:50px;
transform:translateX(-50%);
position:absolute;
display:flex;
left:50%;
box-shadow:0 0.5rem 40px rgba(9, 7, 15, 0.70), 0 2px 12px rgba(168, 85, 247, 0.20);
top:-20px;
justify-content:center;
height:3.125rem;
color:#FFFFFF;
align-items:center;
}
.xpe-bn_fab_mks svg{
width:24px;
height:24px;
}
.xpe-bn_center_mks span{
color:#A855F7;
}
}
.xpe-btn_mks{
padding:0.688rem 1.375rem;
transition:background-color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease,color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease;
border-radius:0.5rem;
gap:0.5rem;
display:inline-flex;
font-weight:700;
cursor:pointer;
align-items:center;
justify-content:center;
font-family:"Mulish", 'Helvetica Neue', Arial, sans-serif;
font-size:0.875rem;
}
.xpe-btn_pri_mks{
background:#A855F7;
color:#FFFFFF;
box-shadow:0 0.25rem 20px rgba(168, 85, 247, 0.45), 0 2px 0.5rem rgba(168, 85, 247, 0.30);
}
.xpe-btn_pri_mks:hover{
background:#9333EA;
}
.xpe-btn_ghost_mks{
background:rgba(168, 85, 247, 0.12);
font-weight:600;
color:#F0EDFB;
}
.xpe-btn_line_mks{
border:1px solid #3D3460;
background:transparent;
font-weight:600;
color:#F0EDFB;
}
.xpe-btn_lg_mks{
border-radius:0.75rem;
padding:1rem 1.875rem;
font-size:0.938rem;
}
.xpe-band_mks .xpe-btn_line_mks{
border-color:rgba(255, 255, 255, 0.12);
color:#F0EDFB;
}
.xpe-band_mks .xpe-btn_ghost_mks{
background:rgba(255, 255, 255, 0.07);
color:#F0EDFB;
}
.xpe-link_m_mks{
gap:5px;
display:inline-flex;
color:#A855F7;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
text-decoration:none;
align-items:center;
font-size:0.75rem;
cursor:pointer;
}
.xpe-link_m_mks svg{
width:0.875rem;
height:14px;
}
.xpe-band_mks .xpe-link_m_mks{
color:#C084FC;
}
.xpe-dot_mks{
background:#A855F7;
border-radius:50%;
flex:none;
height:0.438rem;
width:0.438rem;
}
.xpe-dot_live_mks{
background:#EF4444;
animation:zm3-pulse 1.4s infinite;
}
.xpe-stars_mks{
gap:2px;
display:inline-flex;
color:#A855F7;
}
.xpe-stars_mks svg{
width:0.938rem;
height:15px;
}
.xpe-chip_mks{
background:#151121;
gap:0.375rem;
border:1px solid #2D2548;
padding:0.438rem 12px;
border-radius:8px;
align-items:center;
color:#BEB8D8;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.688rem;
display:inline-flex;
}
.xpe-chip_on_mks{
background:rgba(168, 85, 247, 0.12);
border-color:transparent;
color:#A855F7;
}
.xpe-gc_mks{
min-width:0;
cursor:pointer;
color:inherit;
display:block;
text-decoration:none;
}
.xpe-gc_thumb_mks{
border-radius:12px;
border:1px solid #2D2548;
overflow:hidden;
background-position:center;
position:relative;
display:block;
background-size:cover;
aspect-ratio:1;
}
.xpe-gc_thumb_portrait_mks{
aspect-ratio:3/4;
}
.xpe-gc_thumb_wide_mks{
aspect-ratio:16/11;
}
.xpe-gc_cap_mks{
padding:0.563rem;
background:linear-gradient(transparent,rgba(9, 7, 15, 0.72));
right:0;
position:absolute;
left:0;
bottom:0;
}
.xpe-gc_name_mks{
display:block;
color:#F0EDFB;
font-size:12.5px;
font-weight:700;
}
.xpe-gc_meta_mks{
color:#9E98BF;
font-size:0.688rem;
}
.xpe-gc_badge_mks{
border-radius:8px;
background:#A855F7;
padding:2px 0.375rem;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
top:8px;
font-size:8px;
right:8px;
color:#FFFFFF;
position:absolute;
font-weight:700;
}
.xpe-gc_badge_hot_mks{
background:#EF4444;
color:#F0EDFB;
}
.xpe-gc_badge_live_mks{
background:#EF4444;
color:#F0EDFB;
right:auto;
left:0.5rem;
}
.xpe-gc_mult_mks{
inset:0;
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
font-size:1.75rem;
position:absolute;
color:#A855F7;
}
.xpe-pc_mks{
border-radius:12px;
border:1px solid #2D2548;
background:#151121;
display:flex;
height:4rem;
align-items:center;
color:#BEB8D8;
font-weight:700;
font-size:0.875rem;
justify-content:center;
}
.xpe-rail_mks{
min-width:0;
}
.xpe-rail_scroll_mks{
gap:14px;
display:grid;
}
.xpe-rail_scroll_mks>*{
min-width:0;
}
.xpe-g6_mks{
grid-template-columns:repeat(6,1fr);
}
.xpe-g7_mks{
grid-template-columns:repeat(7,1fr);
}
.xpe-g4_mks{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1023px){
.xpe-g6_mks,.xpe-g7_mks{
grid-template-columns:none;
scroll-snap-type:x mandatory;
grid-auto-flow:column;
grid-auto-columns:120px;
padding-bottom:6px;
overflow-x:auto;
}
.xpe-g6_mks>*,.xpe-g7_mks>*{
scroll-snap-align:start;
}
.xpe-g4_mks{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:561px){
.xpe-g4_mks{
grid-template-columns:none;
overflow-x:auto;
grid-auto-flow:column;
grid-auto-columns:9.375rem;
}
}
.xpe-panel_mks{
padding:1.75rem 2rem;
background:#151121;
border-radius:20px;
border:1px solid #2D2548;
}
.xpe-split_mks{
gap:2.25rem;
display:grid;
align-items:start;
}
.xpe-split_mks>*{
min-width:0;
}
.xpe-split_a_mks{
grid-template-columns:.85fr 1.15fr;
}
.xpe-split_b_mks{
grid-template-columns:1fr 1.1fr;
}
.xpe-split_c_mks{
grid-template-columns:1.1fr .9fr;
}
.xpe-pgrid_mks{
gap:40px;
grid-template-columns:.9fr 1.1fr;
align-items:center;
display:grid;
}
.xpe-pgrid_mks>*{
min-width:0;
}
.xpe-lead_mks{
line-height:1.65;
font-size:0.938rem;
margin-bottom:14px;
color:#BEB8D8;
}
.xpe-feat_mks{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.xpe-feat_mks>*{
min-width:0;
}
.xpe-feat2_mks{
grid-template-columns:1fr 1fr;
}
.xpe-feat_card_mks{
border-radius:1.25rem;
background:#151121;
border:1px solid #2D2548;
padding:26px;
}
.xpe-feat_card_mks svg{
width:26px;
color:#A855F7;
height:1.625rem;
margin-bottom:1rem;
}
.xpe-feat_card_mks h3{
margin-bottom:0.5rem;
color:#F0EDFB;
font-size:1.125rem;
font-weight:700;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.xpe-feat_card_mks p{
line-height:1.6;
font-size:0.813rem;
color:#BEB8D8;
}
.xpe-feat_card_mks b{
color:#F0EDFB;
}
.xpe-big_mks{
gap:1.375rem;
display:flex;
flex-wrap:wrap;
}
.xpe-big_n_mks{
font-weight:700;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:1.625rem;
color:#A855F7;
}
.xpe-big_l_mks{
color:#857FA6;
font-size:0.75rem;
}
.xpe-person_mks{
border-radius:0.75rem;
background:#151121;
border:1px solid #2D2548;
gap:0.875rem;
padding:16px 1.125rem;
align-items:center;
display:flex;
}
.xpe-avatar_mks{
background:linear-gradient(135deg,#A855F7,#7C3AED);
border-radius:50%;
flex:none;
height:44px;
width:44px;
}
.xpe-person_name_mks{
color:#F0EDFB;
font-size:14px;
font-weight:700;
}
.xpe-person_role_mks{
color:#857FA6;
font-size:0.75rem;
}
.xpe-kv_mks{
overflow:hidden;
grid-template-columns:1fr 1fr;
gap:1px;
border:1px solid #2D2548;
background:#2D2548;
border-radius:0.75rem;
display:grid;
}
.xpe-kv_mks>div{
padding:1rem 18px;
background:#0E0B18;
min-width:0;
}
.xpe-kv_k_mks{
text-transform:uppercase;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:5px;
color:#A855F7;
font-size:9.5px;
}
.xpe-kv_v_mks{
color:#F0EDFB;
font-size:13.5px;
font-weight:700;
}
@media(max-width:1026px){
.xpe-split_a_mks,.xpe-split_b_mks,.xpe-split_c_mks,.xpe-pgrid_mks{
grid-template-columns:1fr;
gap:1.5rem;
}
.xpe-feat_mks,.xpe-feat2_mks{
grid-template-columns:1fr;
}
.xpe-kv_mks{
grid-template-columns:1fr;
}
}
.xpe-sh_mks{
min-width:0;
margin-bottom:16px;
}
.xpe-sh_row_mks{
gap:0.75rem;
flex-wrap:wrap;
justify-content:space-between;
display:flex;
align-items:flex-end;
}
.xpe-sh_row_mks .xpe-sh_l_mks{
gap:0.375rem;
display:flex;
min-width:0;
flex-direction:column;
}
.xpe-sh_stack_mks{
gap:10px;
align-items:flex-start;
flex-direction:column;
display:flex;
}
.xpe-sh_center_mks{
gap:0.625rem;
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
}
.xpe-sh_h2_mks{
gap:0.563rem;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1.1;
font-weight:700;
align-items:center;
display:flex;
color:#F0EDFB;
font-size:1.25rem;
overflow-wrap:break-word;
}
@media(min-width:771px){
.xpe-sh_h2_mks{
font-size:1.5rem;
}
}
.xpe-band_mks .xpe-sh_h2_mks{
color:#F0EDFB;
}
.xpe-eb_mono_mks{
text-transform:none;
letter-spacing:.08em;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
}
.xpe-eb_mono_mks::before{
content:"// ";
}
.xpe-eb_upper_mks{
text-transform:uppercase;
letter-spacing:.14em;
}
.xpe-eb_pill_mks{
background:rgba(168, 85, 247, 0.12);
padding:5px 0.688rem;
border-radius:999px;
text-transform:uppercase;
letter-spacing:.12em;
}
.xpe-eb_line_mks{
gap:0.625rem;
align-items:center;
display:inline-flex;
}
.xpe-eb_line_mks::before{
background:#A855F7;
display:inline-block;
width:1.5rem;
content:"";
height:1px;
}
.xpe-band_mks .xpe-eb_line_mks::before{
background:#C084FC;
}
.xpe-band_mks .xpe-eb_pill_mks{
background:rgba(255, 255, 255, 0.07);
}
.xpe-sh_link_mks{
gap:6px;
transition:color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease,border-color color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease;
white-space:nowrap;
display:inline-flex;
padding-bottom:2px;
align-items:center;
color:#F0EDFB;
font-weight:600;
font-size:0.813rem;
border-bottom:1px solid #F0EDFB;
}
.xpe-sh_link_mks:hover{
border-color:#A855F7;
color:#A855F7;
}
.xpe-sh_link_mks svg{
width:14px;
height:14px;
}
.xpe-sh_link_chev_mks{
color:#A855F7;
border-bottom:0;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
padding-bottom:0;
font-size:0.75rem;
}
.xpe-sh_link_btn_mks{
padding:0.563rem 18px;
border-radius:62.438rem;
background:#A855F7;
border-bottom:0;
color:#FFFFFF;
}
.xpe-sh_link_btn_mks:hover{
background:#9333EA;
border-color:transparent;
}
.xpe-band_mks .xpe-sh_link_mks{
border-color:#F0EDFB;
color:#F0EDFB;
}
.xpe-band_mks .xpe-sh_link_chev_mks{
color:#C084FC;
}
.xpe-sh_rule_mks{
margin:-2px 0 16px;
background:#2D2548;
height:1px;
}
.xpe-band_mks .xpe-sh_rule_mks{
background:rgba(255, 255, 255, 0.12);
}
.xpe-seo_grid3_mks{
gap:1.25rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.xpe-seo_grid4_mks{
grid-template-columns:repeat(4,1fr);
gap:13px;
display:grid;
}
.xpe-seo_grid3_mks>*,.xpe-seo_grid4_mks>*{
min-width:0;
}
.xpe-seo_card_mks{
border-radius:12px;
padding:24px;
border:1px solid #2D2548;
background:#151121;
}
.xpe-seo_card_mks h3{
font-size:18px;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
margin-bottom:0.5rem;
color:#F0EDFB;
font-weight:700;
}
.xpe-seo_card_mks p{
color:#BEB8D8;
line-height:1.6;
font-size:13px;
}
.xpe-seo_card_sm_mks{
padding:20px;
}
.xpe-seo_card_sm_mks h3{
font-size:1rem;
}
.xpe-seo_card_sm_mks p{
line-height:1.55;
font-size:0.781rem;
}
.xpe-seo_rtp_row_mks{
gap:36px;
grid-template-columns:1fr 1fr;
align-items:center;
display:grid;
margin-top:1rem;
}
.xpe-rtp_mks{
gap:0.875rem;
min-width:0;
display:flex;
}
.xpe-rtp_mks>div{
flex:1;
border-radius:12px;
padding:1rem;
background:#0E0B18;
text-align:center;
min-width:0;
}
.xpe-rtp_n_mks{
font-size:26px;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
white-space:nowrap;
color:#A855F7;
}
.xpe-rtp_l_mks{
margin-top:4px;
color:#857FA6;
font-size:0.688rem;
}
.xpe-cmp_mks{
border:1px solid #2D2548;
overflow:hidden;
border-radius:0.75rem;
max-width:760px;
}
.xpe-cmp_row_mks{
grid-template-columns:1.6fr 1fr 1fr;
display:grid;
font-size:0.813rem;
}
.xpe-cmp_row_mks>div{
padding:0.813rem 14px;
text-align:center;
min-width:0;
}
.xpe-cmp_row_mks>div:first-child{
color:#F0EDFB;
padding-left:22px;
font-weight:600;
text-align:left;
}
.xpe-cmp_th_mks{
background:#0E0B18;
font-size:12.5px;
font-weight:700;
}
.xpe-cmp_row_mks:not(.xpe-cmp_th_mks){
background:#151121;
color:#BEB8D8;
border-top:1px solid #211B35;
}
.xpe-cmp_zebra_mks{
background:#1A1529;
}
.xpe-guide_mks{
border:1px solid #2D2548;
border-radius:12px;
background:#151121;
overflow:hidden;
cursor:pointer;
}
.xpe-guide_cover_mks{
height:130px;
}
.xpe-guide_body_mks{
padding:1.25rem;
}
.xpe-guide_body_mks h3{
margin:7px 0 0.563rem;
line-height:1.25;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
color:#F0EDFB;
font-size:16px;
}
.xpe-guide_meta_mks{
color:#857FA6;
font-size:0.719rem;
}
.xpe-hub_mks{
gap:28px;
grid-template-columns:repeat(5,1fr);
display:grid;
border-top:1px solid #211B35;
padding-top:28px;
}
.xpe-hub_mks>*{
min-width:0;
}
.xpe-hub_mks h4{
margin-bottom:11px;
font-weight:700;
font-size:13px;
color:#F0EDFB;
}
.xpe-hub_col_mks{
gap:8px;
display:flex;
flex-direction:column;
font-size:13px;
color:#BEB8D8;
}
.xpe-hub_col_mks a{
cursor:pointer;
}
@media(max-width:1021px){
.xpe-seo_grid3_mks{
grid-template-columns:1fr;
}
.xpe-seo_grid4_mks{
grid-template-columns:repeat(2,1fr);
}
.xpe-seo_rtp_row_mks{
grid-template-columns:1fr;
gap:1.25rem;
}
.xpe-hub_mks{
grid-template-columns:repeat(2,1fr);
gap:22px;
}
}
@media(max-width:557px){
.xpe-hub_mks{
grid-template-columns:1fr;
}
}
.xpe-hero_mks{
padding:46px 48px;
overflow:hidden;
border-radius:20px;
border:1px solid #2D2548;
background:linear-gradient(120deg,#100D1C,#0C0A17);
position:relative;
color:#F0EDFB;
}
.xpe-hero_glow_mks{
background:radial-gradient(circle,rgba(139, 92, 246, 0.22),transparent 70%);
border-radius:50%;
height:21.25rem;
top:-60px;
width:21.25rem;
right:-60px;
position:absolute;
}
.xpe-hero_in_mks{
max-width:600px;
position:relative;
}
.xpe-hero_mks .xpe-eyebrow_mks{
color:#C084FC;
}
.xpe-pill_row_mks{
border-radius:999px;
padding:6px 0.813rem;
gap:0.5rem;
border:1px solid rgba(255, 255, 255, 0.12);
background:rgba(255, 255, 255, 0.07);
font-size:10.5px;
text-transform:uppercase;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:1.375rem;
display:inline-flex;
letter-spacing:.1em;
align-items:center;
color:#C084FC;
}
.xpe-hero_h1_mks{
margin:1.125rem 0;
font-size:3.375rem;
letter-spacing:-.02em;
line-height:1.02;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
overflow-wrap:break-word;
font-weight:700;
color:#F0EDFB;
}
.xpe-hero_h1_mks em{
color:#C084FC;
font-style:normal;
}
.xpe-hero_sub_mks{
margin-bottom:28px;
max-width:480px;
line-height:1.55;
font-size:1.063rem;
color:#9E98BF;
}
.xpe-hero_cta_mks{
gap:14px;
align-items:center;
margin-bottom:26px;
flex-wrap:wrap;
display:flex;
}
.xpe-hero_trust_mks{
gap:0.875rem;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.xpe-hero_rating_txt_mks{
color:#9E98BF;
font-size:0.813rem;
}
@media(max-width:1026px){
.xpe-hero_mks{
padding:2rem 24px;
}
.xpe-hero_h1_mks{
font-size:2.375rem;
}
}
@media(max-width:561px){
.xpe-hero_h1_mks{
font-size:1.875rem;
}
}
.xpe-stat_mks{
gap:0.875rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.xpe-stat_mks>*{
min-width:0;
}
.xpe-stat_item_mks{
border:1px solid #2D2548;
padding:1.125rem 20px;
background:#151121;
border-radius:12px;
}
.xpe-stat_k_mks{
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.594rem;
margin-bottom:7px;
letter-spacing:.12em;
text-transform:uppercase;
color:#857FA6;
}
.xpe-stat_v_mks{
gap:8px;
font-weight:700;
min-width:0;
align-items:center;
display:flex;
font-size:1.5rem;
overflow-wrap:anywhere;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#F0EDFB;
}
.xpe-stat_v_accent_mks{
color:#A855F7;
}
@media(max-width:1021px){
.xpe-stat_mks{
grid-template-columns:repeat(2,1fr);
}
}
.xpe-wlc_mks{
border-radius:1.25rem;
overflow:hidden;
padding:36px 2.5rem;
background:linear-gradient(120deg,#100D1C,#0C0A17);
grid-template-columns:1.2fr .8fr;
gap:1.5rem;
border:1px solid #2D2548;
display:grid;
position:relative;
align-items:center;
color:#F0EDFB;
}
.xpe-wlc_mks>*{
min-width:0;
}
.xpe-wlc_mks .xpe-eyebrow_mks{
color:#C084FC;
}
.xpe-wlc_glow_mks{
border-radius:50%;
background:radial-gradient(circle,rgba(139, 92, 246, 0.22),transparent 70%);
right:-40px;
width:16.25rem;
top:-40px;
position:absolute;
height:16.25rem;
}
.xpe-wlc_in_mks{
position:relative;
}
.xpe-wlc_h2_mks{
margin:0.625rem 0 0.5rem;
line-height:1.03;
font-size:34px;
font-weight:700;
overflow-wrap:break-word;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#F0EDFB;
}
.xpe-wlc_h2_mks em{
color:#C084FC;
font-style:normal;
}
.xpe-wlc_sub_mks{
max-width:420px;
font-size:14px;
margin-bottom:1.125rem;
color:#9E98BF;
line-height:1.55;
}
.xpe-wlc_terms_mks{
gap:0.625rem;
display:flex;
position:relative;
flex-direction:column;
}
.xpe-term_mks{
padding:13px 0.938rem;
border-radius:0.75rem;
background:rgba(255, 255, 255, 0.07);
border:1px solid rgba(255, 255, 255, 0.12);
gap:11px;
align-items:center;
display:flex;
}
.xpe-term_mks svg{
flex:none;
width:1.25rem;
height:20px;
color:#C084FC;
}
.xpe-term_k_mks{
letter-spacing:.1em;
color:#9E98BF;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.594rem;
text-transform:uppercase;
}
.xpe-term_v_mks{
margin-top:2px;
font-weight:700;
color:#F0EDFB;
font-size:14px;
}
@media(max-width:1021px){
.xpe-wlc_mks{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.xpe-wlc_h2_mks{
font-size:26px;
}
}
.xpe-jp_mks{
gap:0.875rem;
grid-template-columns:1.5fr 1fr 1fr;
display:grid;
}
.xpe-jp_mks>*{
min-width:0;
}
.xpe-jp_hero_mks{
padding:1.625rem;
border:1px solid #2D2548;
background:linear-gradient(135deg,#100D1C,#0C0A17);
border-radius:20px;
overflow:hidden;
gap:0.875rem;
min-height:180px;
justify-content:space-between;
display:flex;
color:#F0EDFB;
flex-direction:column;
position:relative;
}
.xpe-jp_glow_mks{
border-radius:50%;
background:radial-gradient(circle,rgba(139, 92, 246, 0.22),transparent 70%);
top:-2.5rem;
height:180px;
position:absolute;
width:180px;
right:-40px;
}
.xpe-jp_k_row_mks{
gap:0.625rem;
justify-content:space-between;
display:flex;
position:relative;
align-items:center;
}
.xpe-jp_k_mks{
text-transform:uppercase;
color:#857FA6;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.625rem;
letter-spacing:.12em;
}
.xpe-jp_hero_mks .xpe-jp_k_mks{
color:#9E98BF;
}
.xpe-jp_amt_mks{
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1;
font-weight:700;
position:relative;
color:#C084FC;
font-size:2.625rem;
}
.xpe-jp_sub_mks{
font-size:0.75rem;
margin-top:5px;
color:#9E98BF;
}
.xpe-jp_cell_mks{
background:#151121;
padding:22px;
border-radius:1.25rem;
border:1px solid #2D2548;
justify-content:space-between;
flex-direction:column;
display:flex;
min-height:11.25rem;
}
.xpe-jp_cell_mks .xpe-jp_amt_mks{
color:#F0EDFB;
font-size:1.875rem;
}
.xpe-jp_cell_mks .xpe-jp_sub_mks{
color:#857FA6;
}
@media(max-width:1025px){
.xpe-jp_mks{
grid-template-columns:1fr;
}
}
@media(max-width:562px){
.xpe-jp_amt_mks{
font-size:2rem;
}
}
.xpe-pay_logos_mks{
grid-template-columns:repeat(4,1fr);
gap:0.563rem;
display:grid;
}
.xpe-pay_logos_mks>*{
min-width:0;
}
.xpe-pay_mks{
border-radius:0.5rem;
border:1px solid #2D2548;
height:3rem;
display:flex;
justify-content:center;
font-size:12px;
align-items:center;
font-weight:700;
color:#BEB8D8;
}
.xpe-table_mks{
overflow:hidden;
border:1px solid #2D2548;
border-radius:0.75rem;
}
.xpe-trow_mks{
grid-template-columns:1.3fr 1fr 1fr 1fr;
display:grid;
font-size:0.813rem;
}
.xpe-trow_mks>div{
padding:0.813rem 14px;
min-width:0;
}
.xpe-trow_mks>div:first-child{
font-weight:700;
padding-left:16px;
color:#F0EDFB;
}
.xpe-trow_th_mks{
background:#0E0B18;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
letter-spacing:.06em;
font-size:9.5px;
text-transform:uppercase;
color:#857FA6;
}
.xpe-trow_mks:not(.xpe-trow_th_mks){
background:#151121;
color:#BEB8D8;
border-top:1px solid #211B35;
}
.xpe-trow_zebra_mks{
background:#1A1529;
}
.xpe-pos_mks{
color:#A855F7;
font-weight:700;
}
@media(max-width:1026px){
.xpe-pay_logos_mks{
grid-template-columns:repeat(2,1fr);
}
}
.xpe-supp_mks{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.xpe-supp_mks>*{
min-width:0;
}
.xpe-supp_card_mks{
background:#151121;
border-radius:12px;
border:1px solid #2D2548;
padding:1.5rem;
}
.xpe-supp_card_mks svg{
color:#A855F7;
width:1.5rem;
height:24px;
margin-bottom:14px;
}
.xpe-supp_card_mks h3{
font-weight:700;
font-size:16px;
margin-bottom:0.375rem;
color:#F0EDFB;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.xpe-supp_card_mks p{
font-size:13px;
line-height:1.55;
color:#BEB8D8;
}
@media(max-width:1024px){
.xpe-supp_mks{
grid-template-columns:1fr;
}
}
.xpe-gm_mks{
gap:16px;
grid-template-columns:1.3fr 1fr;
display:grid;
}
.xpe-gm_mks>*{
min-width:0;
}
.xpe-gm_panel_mks{
background:#151121;
border-radius:20px;
border:1px solid #2D2548;
padding:28px;
}
.xpe-gm_h2_mks{
margin:0.625rem 0 0.5rem;
font-size:1.5rem;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#F0EDFB;
font-weight:700;
}
.xpe-gm_text_mks{
font-size:0.844rem;
color:#BEB8D8;
line-height:1.6;
max-width:440px;
margin-bottom:1.25rem;
}
.xpe-gm_level_mks{
gap:14px;
display:flex;
align-items:center;
margin-bottom:16px;
}
.xpe-gm_lv_mks{
font-weight:700;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:1.5rem;
color:#A855F7;
}
.xpe-gm_bar_wrap_mks{
flex:1;
min-width:0;
}
.xpe-gm_bar_meta_mks{
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:5px;
color:#857FA6;
justify-content:space-between;
display:flex;
font-size:10px;
}
.xpe-bar_mks{
border-radius:999px;
overflow:hidden;
background:#0E0B18;
height:8px;
}
.xpe-bar_fill_mks{
background:linear-gradient(90deg,#A855F7,#7C3AED);
border-radius:999px;
height:100%;
display:block;
}
.xpe-gm_missions_mks{
gap:0.563rem;
display:flex;
flex-wrap:wrap;
}
.xpe-gm_refer_mks{
background:linear-gradient(150deg,#100D1C,#0C0A17);
padding:28px;
overflow:hidden;
border-radius:20px;
border:1px solid #2D2548;
flex-direction:column;
display:flex;
color:#F0EDFB;
position:relative;
justify-content:space-between;
}
.xpe-gm_refer_mks .xpe-eyebrow_mks{
color:#C084FC;
}
.xpe-gm_ref_h2_mks{
margin:10px 0 8px;
font-weight:700;
font-size:1.5rem;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1.1;
color:#F0EDFB;
}
.xpe-gm_ref_h2_mks em{
color:#C084FC;
font-style:normal;
}
.xpe-gm_ref_text_mks{
font-size:0.813rem;
color:#9E98BF;
line-height:1.55;
margin-bottom:18px;
}
@media(max-width:1022px){
.xpe-gm_mks{
grid-template-columns:1fr;
}
}
.xpe-promo_grid_mks{
gap:1rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.xpe-promo_grid_mks>*{
min-width:0;
}
.xpe-promo_mks{
border-radius:20px;
border:1px solid #2D2548;
overflow:hidden;
background:#151121;
padding:24px;
position:relative;
min-height:9.375rem;
}
.xpe-promo_h_mks{
font-weight:700;
color:#F0EDFB;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
margin-top:0.375rem;
font-size:1.625rem;
line-height:1.05;
}
.xpe-promo_h_mks em{
color:#A855F7;
font-style:normal;
}
.xpe-promo_p_mks{
margin-top:8px;
line-height:1.5;
font-size:12.5px;
color:#BEB8D8;
}
.xpe-promo_feat_mks{
background:linear-gradient(135deg,#100D1C,#0C0A17);
border-color:#2D2548;
}
.xpe-promo_feat_mks .xpe-promo_h_mks{
color:#F0EDFB;
}
.xpe-promo_feat_mks .xpe-promo_h_mks em{
color:#C084FC;
}
.xpe-promo_feat_mks .xpe-promo_p_mks{
color:#9E98BF;
}
.xpe-promo_feat_mks .xpe-eyebrow_mks{
color:#C084FC;
}
@media(max-width:1025px){
.xpe-promo_grid_mks{
grid-template-columns:1fr;
}
}
.xpe-vip_head_mks{
gap:12px;
margin-bottom:18px;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items:flex-end;
}
.xpe-vip_intro_mks{
max-width:420px;
font-size:13px;
color:#BEB8D8;
}
.xpe-vip_mks{
grid-template-columns:repeat(5,1fr);
gap:0.75rem;
display:grid;
}
.xpe-vip_mks>*{
min-width:0;
}
.xpe-tier_mks{
border-radius:0.75rem;
background:#151121;
padding:20px;
border:1px solid #2D2548;
}
.xpe-tier_on_mks{
border-color:#A855F7;
background:rgba(168, 85, 247, 0.12);
}
.xpe-tier_medal_mks{
border-radius:0.5rem;
background:linear-gradient(135deg,#A855F7,#7C3AED);
height:30px;
width:1.875rem;
margin-bottom:14px;
}
.xpe-tier_name_mks{
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
margin-bottom:0.313rem;
font-size:0.938rem;
color:#F0EDFB;
font-weight:700;
}
.xpe-tier_tx_mks{
color:#857FA6;
font-size:11.5px;
line-height:1.5;
}
@media(max-width:1024px){
.xpe-vip_mks{
grid-template-columns:repeat(2,1fr);
}
}
.xpe-tour_mks{
grid-template-columns:1.05fr 1fr;
overflow:hidden;
border:1px solid #2D2548;
border-radius:20px;
display:grid;
}
.xpe-tour_mks>*{
min-width:0;
}
.xpe-tour_l_mks{
overflow:hidden;
padding:2.125rem;
background:linear-gradient(135deg,#100D1C,#0C0A17);
color:#F0EDFB;
position:relative;
}
.xpe-tour_h2_mks{
margin:12px 0 10px;
color:#F0EDFB;
font-size:1.875rem;
font-weight:700;
line-height:1.05;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.xpe-tour_h2_mks em{
color:#C084FC;
font-style:normal;
}
.xpe-tour_text_mks{
color:#9E98BF;
max-width:340px;
font-size:0.844rem;
margin-bottom:1.25rem;
line-height:1.6;
}
.xpe-tour_meta_mks{
gap:18px;
display:flex;
align-items:flex-end;
margin-bottom:1.25rem;
flex-wrap:wrap;
}
.xpe-tour_cap_mks{
margin-bottom:0.313rem;
text-transform:uppercase;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
color:#9E98BF;
font-size:9.5px;
}
.xpe-count_mks{
gap:0.375rem;
display:flex;
}
.xpe-count_mks span{
border:1px solid rgba(255, 255, 255, 0.12);
background:rgba(255, 255, 255, 0.07);
padding:0.25rem 0.563rem;
border-radius:8px;
font-weight:700;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
font-size:22px;
}
.xpe-tour_units_mks{
color:#9E98BF;
font-size:10px;
}
.xpe-board_mks{
padding:28px 1.875rem;
background:#151121;
}
.xpe-board_head_mks{
margin-bottom:14px;
justify-content:space-between;
display:flex;
align-items:center;
}
.xpe-board_title_mks{
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
font-size:16px;
color:#F0EDFB;
}
.xpe-board_upd_mks{
color:#857FA6;
font-size:0.625rem;
text-transform:uppercase;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
}
.xpe-board_list_mks{
gap:2px;
display:flex;
flex-direction:column;
}
.xpe-board_row_mks{
border-radius:8px;
gap:12px;
padding:10px 12px;
display:flex;
align-items:center;
}
.xpe-board_top1_mks{
background:rgba(168, 85, 247, 0.12);
}
.xpe-board_rk_mks{
color:#857FA6;
width:1.25rem;
font-weight:700;
font-size:0.875rem;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
}
.xpe-board_top1_mks .xpe-board_rk_mks{
color:#A855F7;
}
.xpe-board_nm_mks{
flex:1;
font-size:0.844rem;
color:#BEB8D8;
min-width:0;
font-weight:600;
}
.xpe-board_top1_mks .xpe-board_nm_mks{
font-weight:700;
color:#F0EDFB;
}
.xpe-board_pt_mks{
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
color:#BEB8D8;
font-size:0.781rem;
}
@media(max-width:1025px){
.xpe-tour_mks{
grid-template-columns:1fr;
}
}
@media(max-width:557px){
.xpe-tour_h2_mks{
font-size:1.5rem;
}
}
.xpe-banner_mks{
padding:36px 2.5rem;
background:linear-gradient(115deg,#100D1C,#0C0A17);
gap:28px;
border-radius:20px;
overflow:hidden;
border:1px solid #2D2548;
align-items:center;
position:relative;
display:flex;
flex-wrap:wrap;
color:#F0EDFB;
justify-content:space-between;
}
.xpe-banner_glow_mks{
border-radius:50%;
background:radial-gradient(circle,rgba(139, 92, 246, 0.22),transparent 68%);
top:50%;
position:absolute;
height:200px;
width:200px;
right:80px;
transform:translateY(-50%);
}
.xpe-banner_in_mks{
max-width:560px;
position:relative;
}
.xpe-banner_mks .xpe-eyebrow_mks{
color:#C084FC;
}
.xpe-banner_h2_mks{
margin:0.625rem 0;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1.05;
color:#F0EDFB;
font-size:1.875rem;
font-weight:700;
}
.xpe-banner_text_mks{
color:#9E98BF;
font-size:0.875rem;
line-height:1.6;
}
@media(max-width:558px){
.xpe-banner_h2_mks{
font-size:1.5rem;
}
}
.xpe-steps_mks{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.xpe-steps_mks>*{
min-width:0;
}
.xpe-step_mks{
border-radius:0.75rem;
background:#151121;
border:1px solid #2D2548;
padding:24px;
position:relative;
}
.xpe-step_num_mks{
border-radius:0.5rem;
background:#A855F7;
color:#FFFFFF;
width:30px;
height:1.875rem;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
align-items:center;
font-weight:700;
display:flex;
justify-content:center;
margin-bottom:14px;
font-size:13px;
}
.xpe-step_h_mks{
font-size:16px;
font-weight:700;
margin-bottom:7px;
color:#F0EDFB;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.xpe-step_p_mks{
color:#BEB8D8;
line-height:1.55;
font-size:13px;
}
@media(max-width:1026px){
.xpe-steps_mks{
grid-template-columns:1fr;
}
}
.xpe-dw_h2_mks{
color:#F0EDFB;
line-height:1.08;
font-size:26px;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
margin-bottom:10px;
}
.xpe-steps_v_mks{
gap:10px;
grid-template-columns:1fr;
}
.xpe-steps_v_mks .xpe-step_mks{
padding:18px 20px;
}
@media(max-width:562px){
.xpe-dw_h2_mks{
font-size:23px;
}
}
.xpe-app_mks{
gap:2.25rem;
flex-wrap:wrap;
display:flex;
align-items:center;
justify-content:space-between;
}
.xpe-app_copy_mks{
max-width:520px;
}
.xpe-app_h2_mks{
margin:12px 0 0.625rem;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1.05;
color:#F0EDFB;
font-size:28px;
font-weight:700;
}
.xpe-app_text_mks{
font-size:14px;
color:#BEB8D8;
line-height:1.6;
margin-bottom:1.25rem;
}
.xpe-app_btns_mks{
gap:0.75rem;
display:flex;
flex-wrap:wrap;
}
.xpe-store_mks{
background:#0E0B18;
padding:11px 1.125rem;
border-radius:0.75rem;
border:1px solid #2D2548;
gap:0.563rem;
display:inline-flex;
font-weight:700;
font-size:13px;
color:#F0EDFB;
align-items:center;
cursor:pointer;
}
.xpe-store_mks svg{
width:1rem;
height:16px;
}
.xpe-app_qr_wrap_mks{
gap:16px;
display:flex;
align-items:center;
}
.xpe-qr_mks{
padding:11px;
grid-template-columns:repeat(5,1fr);
gap:3px;
grid-template-rows:repeat(5,1fr);
background:#0E0B18;
border-radius:0.75rem;
border:1px solid #2D2548;
height:108px;
display:grid;
width:6.75rem;
}
.xpe-qr_mks i{
background:transparent;
}
.xpe-qr_f_mks{
background:#A855F7;
}
.xpe-app_qr_cap_mks{
font-size:0.75rem;
max-width:5.25rem;
line-height:1.4;
color:#857FA6;
}
.xpe-news_mks{
gap:1.5rem;
border-radius:20px;
border:1px solid #2D2548;
background:linear-gradient(135deg,#100D1C,#0C0A17);
padding:1.625rem 2rem;
display:flex;
flex-wrap:wrap;
align-items:center;
color:#F0EDFB;
justify-content:space-between;
}
.xpe-news_h3_mks{
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:20px;
margin-bottom:4px;
font-weight:700;
color:#F0EDFB;
}
.xpe-news_text_mks{
font-size:0.813rem;
color:#9E98BF;
}
.xpe-news_form_mks{
gap:10px;
flex:1;
min-width:0;
max-width:440px;
display:flex;
}
.xpe-news_form_mks .xpe-input_mks{
min-width:0;
}
@media(max-width:563px){
.xpe-news_form_mks{
width:100%;
}
}
.xpe-input_mks{
padding:0.813rem 16px;
flex:1;
border-radius:8px;
background:rgba(255, 255, 255, 0.07);
border:1px solid rgba(255, 255, 255, 0.12);
color:#9E98BF;
font-size:0.844rem;
}
.xpe-rv_head_mks{
gap:0.75rem;
align-items:flex-end;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
margin-bottom:18px;
}
.xpe-rv_agg_mks{
gap:10px;
display:flex;
align-items:center;
}
.xpe-rv_source_mks{
color:#857FA6;
font-size:12.5px;
}
.xpe-rv_grid_mks{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.xpe-rv_grid_mks>*{
min-width:0;
}
.xpe-review_mks{
border-radius:12px;
border:1px solid #2D2548;
padding:1.5rem;
background:#151121;
}
.xpe-review_mks .xpe-stars_mks{
margin-bottom:0.625rem;
}
.xpe-review_mks p{
font-weight:600;
margin-bottom:14px;
font-size:14.5px;
line-height:1.5;
color:#F0EDFB;
}
.xpe-review_by_mks{
font-size:12.5px;
color:#857FA6;
}
@media(max-width:1025px){
.xpe-rv_grid_mks{
grid-template-columns:1fr;
}
}
.xpe-gd_head_mks{
gap:12px;
justify-content:space-between;
flex-wrap:wrap;
margin-bottom:1rem;
display:flex;
align-items:center;
}
.xpe-ab_h2_mks{
margin:14px 0 16px;
font-weight:700;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1.08;
font-size:32px;
color:#F0EDFB;
}
.xpe-ab_body_mks{
font-size:15px;
line-height:1.65;
color:#BEB8D8;
margin-bottom:0.875rem;
}
.xpe-ab_chips_mks{
gap:10px;
margin-top:0.5rem;
flex-wrap:wrap;
display:flex;
}
.xpe-faq_mks{
gap:0.625rem;
display:flex;
flex-direction:column;
}
.xpe-faq_item_mks{
background:#151121;
padding:18px 1.375rem;
border-radius:0.75rem;
border:1px solid #2D2548;
}
.xpe-faq_q_mks{
gap:1rem;
list-style:none;
justify-content:space-between;
color:#F0EDFB;
cursor:pointer;
display:flex;
align-items:center;
font-weight:600;
font-size:0.969rem;
}
.xpe-faq_q_mks::-webkit-details-marker{
display:none;
}
.xpe-faq_q_t_mks{
gap:0.625rem;
display:flex;
}
.xpe-faq_q_i_mks{
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
color:#A855F7;
font-style:normal;
}
.xpe-faq_pm_mks{
color:#A855F7;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
font-size:20px;
}
.xpe-faq_item_mks[open] .xpe-faq_pm_mks{
transform:rotate(45deg);
}
.xpe-faq_a_mks{
line-height:1.6;
margin-top:0.75rem;
font-size:0.844rem;
color:#BEB8D8;
}
@media(max-width:558px){
.xpe-ab_h2_mks{
font-size:26px;
}
}
.xpe-dispute_mks{
border-radius:0.75rem;
padding:26px 1.875rem;
border:1px dashed #3D3460;
gap:1.75rem;
align-items:center;
flex-wrap:wrap;
display:flex;
justify-content:space-between;
}
.xpe-dispute_in_mks{
max-width:660px;
}
.xpe-dispute_h2_mks{
margin-bottom:0.5rem;
font-size:1.375rem;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#F0EDFB;
font-weight:700;
}
.xpe-dispute_text_mks{
color:#BEB8D8;
font-size:0.844rem;
line-height:1.6;
}
.xpe-rc_mks{
gap:32px;
grid-template-columns:1fr 1fr 1fr;
display:grid;
}
.xpe-rc_mks>*{
min-width:0;
}
.xpe-rc_awards_mks{
gap:11px;
display:flex;
flex-direction:column;
}
.xpe-award_mks{
gap:11px;
display:flex;
align-items:center;
}
.xpe-award_mks svg{
flex:none;
height:18px;
color:#F59E0B;
width:18px;
}
.xpe-award_t_mks{
color:#F0EDFB;
font-weight:700;
font-size:13.5px;
}
.xpe-award_s_mks{
font-size:11.5px;
color:#857FA6;
}
.xpe-rc_press_mks{
gap:0.625rem;
grid-template-columns:1fr 1fr;
display:grid;
}
.xpe-logo_cell_mks{
border:1px solid #2D2548;
border-radius:0.5rem;
align-items:center;
font-size:13px;
height:3rem;
font-weight:700;
display:flex;
justify-content:center;
color:#BEB8D8;
}
.xpe-rc_partner_mks{
border:1px solid #2D2548;
background:#151121;
padding:20px;
border-radius:0.75rem;
}
.xpe-rc_partner_name_mks{
color:#F0EDFB;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:18px;
font-weight:700;
margin-bottom:6px;
}
.xpe-rc_partner_text_mks{
font-size:0.781rem;
color:#BEB8D8;
line-height:1.55;
}
@media(max-width:1026px){
.xpe-rc_mks{
gap:1.375rem;
grid-template-columns:1fr;
}
.xpe-rc_press_mks{
grid-template-columns:repeat(4,1fr);
}
}
.xpe-provs_mks{
gap:12px;
grid-template-columns:repeat(6,1fr);
margin-bottom:28px;
display:grid;
}
.xpe-provs_mks>*{
min-width:0;
}
.xpe-prov_mks{
background:#151121;
padding:12px;
border-radius:0.75rem;
border:1px solid #2D2548;
display:flex;
text-decoration:none;
height:4rem;
align-items:center;
justify-content:center;
}
.xpe-prov_img_mks{
max-width:100%;
object-fit:contain;
max-height:32px;
}
.xpe-resp_mks{
border:1px solid #2D2548;
border-radius:0.75rem;
background:#151121;
padding:1.625rem;
gap:1.5rem;
align-items:center;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.xpe-resp_in_mks{
max-width:35rem;
}
.xpe-resp_h_mks{
font-weight:700;
font-size:1.188rem;
margin-bottom:8px;
color:#F0EDFB;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.xpe-resp_p_mks{
line-height:1.6;
color:#BEB8D8;
font-size:0.844rem;
}
.xpe-resp_badges_mks{
gap:0.875rem;
align-items:center;
flex-wrap:wrap;
display:flex;
}
.xpe-age18_mks{
border-radius:0.5rem;
padding:0.25rem 8px;
border:1.5px solid #EF4444;
font-weight:700;
color:#EF4444;
font-size:13px;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
}
.xpe-resp_org_mks{
color:#857FA6;
font-weight:600;
font-size:13px;
}
@media(max-width:1024px){
.xpe-provs_mks{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:559px){
.xpe-provs_mks{
grid-template-columns:repeat(2,1fr);
}
}
.xpe-op_h2_mks{
margin:10px 0 8px;
font-weight:700;
color:#F0EDFB;
font-family:"Archivo", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:24px;
line-height:1.1;
}
.xpe-op_text_mks{
font-size:0.844rem;
color:#BEB8D8;
line-height:1.6;
}
@media(max-width:563px){
.xpe-op_h2_mks{
font-size:1.375rem;
}
}
.xpe-footer_mks{
background:#09070F;
padding:2.5rem 1.75rem;
border-top:1px solid #211B35;
}
.xpe-footer_grid_mks{
gap:2rem;
grid-template-columns:1.4fr 1fr 1fr 1fr;
margin-bottom:28px;
max-width:87.5rem;
margin-right:auto;
display:grid;
margin-left:auto;
}
.xpe-footer_grid_mks>*{
min-width:0;
}
.xpe-footer_grid_mks h4{
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:0.813rem;
color:#4E4870;
letter-spacing:.12em;
font-size:10px;
text-transform:uppercase;
}
.xpe-fcol_mks{
gap:9px;
display:flex;
color:#BEB8D8;
flex-direction:column;
font-size:0.813rem;
}
.xpe-fcol_mks a{
cursor:pointer;
}
.xpe-ft_about_mks{
font-size:13px;
margin-top:12px;
color:#857FA6;
line-height:1.6;
max-width:260px;
}
.xpe-ft_contact_mks{
margin-top:0.75rem;
font-size:0.781rem;
font-family:"Space Mono", Menlo, Monaco, Consolas, monospace;
overflow-wrap:anywhere;
color:#A855F7;
}
.xpe-footer_bottom_mks{
margin:0 auto;
gap:1rem;
padding-top:20px;
display:flex;
flex-wrap:wrap;
max-width:1400px;
align-items:center;
justify-content:space-between;
border-top:1px solid #211B35;
}
.xpe-footer_bottom_mks p{
max-width:45rem;
line-height:1.6;
color:#4E4870;
font-size:0.688rem;
}
@media(max-width:1024px){
.xpe-footer_grid_mks{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:561px){
.xpe-footer_grid_mks{
grid-template-columns:1fr;
}
}