*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#090E12;
font-size:0.938rem;
line-height:1.55;
font-family:"Rubik", 'Helvetica Neue', Arial, sans-serif;
text-rendering:optimizeLegibility;
color:#A8BFC4;
-webkit-font-smoothing:antialiased;
overflow-wrap:break-word;
}
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{
width:0.5rem;
height:8px;
}
::-webkit-scrollbar-thumb{
background:rgba(6, 11, 14, 0.72);
border-radius:8px;
}
::-webkit-scrollbar-track{
background:transparent;
}
.jhashell-1f7{
grid-template-columns:248px 1fr;
min-height:100vh;
display:grid;
}
.jhamain-1f7{
min-width:0;
}
.jhawrap-1f7{
margin:0 auto;
max-width:1400px;
width:100%;
}
.jhacontainer-1f7{
margin:0 auto;
padding:0 1rem;
width:100%;
max-width:87.5rem;
}
@media(min-width:765px){
.jhacontainer-1f7{
padding:0 1.75rem;
}
}
.jhasection-1f7{
padding:1.5rem 28px;
}
.jhasection_pt-1f7{
padding-top:2.125rem;
}
.jhaband_soft-1f7{
background:#0E1519;
}
.jhaeyebrow-1f7{
font-size:0.656rem;
text-transform:uppercase;
font-weight:600;
font-family:"Rubik", 'Helvetica Neue', Arial, sans-serif;
letter-spacing:.14em;
color:#00CDD8;
line-height:1.4;
display:inline-block;
overflow-wrap:break-word;
}
.jhadrawer_cb-1f7{
display:none;
}
.jhaoverlay-1f7{
display:none;
}
@media(max-width:1027px){
.jhashell-1f7{
grid-template-columns:1fr;
}
.jhamain-1f7{
padding-bottom:78px;
}
.jhadrawer_cb-1f7:checked~.jhaoverlay-1f7{
inset:0;
background:rgba(6, 11, 14, 0.72);
z-index:70;
display:block;
position:fixed;
}
}
@media(max-width:559px){
.jhasection-1f7{
padding:18px 1rem;
}
.jhasection_pt-1f7{
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 ---------- */
.jhaside-1f7{
padding:22px 18px;
gap:22px;
background:#0B1216;
align-self:start;
flex-direction:column;
overflow-y:auto;
height:100vh;
position:sticky;
display:flex;
border-right:1px solid #162229;
top:0;
}
.jhabrand-1f7{
gap:0.625rem;
align-items:center;
display:flex;
}
.jhalogo-1f7{
font-weight:700;
letter-spacing:-.02em;
color:#E8F4F6;
font-size:1.313rem;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.jhaside_cta-1f7{
border-radius:13px;
padding:1rem;
border:1px solid #1C2E36;
background:rgba(0, 205, 216, 0.11);
}
.jhaside_cta_h-1f7{
color:#E8F4F6;
margin-bottom:6px;
font-size:1.063rem;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.15;
font-weight:700;
}
.jhaside_cta_p-1f7{
color:#A8BFC4;
font-size:0.75rem;
margin-bottom:0.75rem;
line-height:1.45;
}
.jhanav-1f7{
gap:3px;
display:flex;
flex-direction:column;
}
.jhanav_label-1f7{
padding:6px 0.625rem;
text-transform:uppercase;
font-size:9.5px;
letter-spacing:.14em;
color:#3D5F66;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.jhanav_item-1f7{
gap:0.688rem;
border-radius:0.5rem;
padding:0.625rem;
color:#A8BFC4;
align-items:center;
font-size:0.875rem;
font-weight:500;
display:flex;
}
.jhanav_item-1f7 svg{
width:17px;
height:1.063rem;
}
.jhanav_item-1f7:hover{
background:rgba(0, 205, 216, 0.11);
color:#E8F4F6;
}
.jhanav_item_on-1f7{
background:rgba(0, 205, 216, 0.11);
color:#00CDD8;
font-weight:600;
}
.jhaside_foot-1f7{
border-radius:13px;
padding:0.75rem;
background:#0E1519;
border:1px solid #1C2E36;
margin-top:auto;
}
.jhaside_foot-1f7 p{
color:#A8BFC4;
margin-top:0.25rem;
line-height:1.4;
font-size:12.5px;
}
/* ---------- topbar ---------- */
.jhatop-1f7{
padding:14px 1.75rem;
background:#0B1216;
gap:16px;
align-items:center;
border-bottom:1px solid #162229;
display:flex;
z-index:40;
position:sticky;
top:0;
}
.jhatop_brand-1f7{
gap:0.563rem;
align-items:center;
display:none;
}
.jhasearch-1f7{
background:#0E1519;
padding:11px 14px;
border-radius:13px;
flex:1;
gap:0.625rem;
border:1px solid #1C2E36;
max-width:27.5rem;
align-items:center;
color:#6A8F96;
font-size:0.844rem;
display:flex;
}
.jhasearch-1f7 svg{
flex:none;
height:1rem;
width:16px;
}
.jhatop_actions-1f7{
gap:12px;
display:flex;
align-items:center;
margin-left:auto;
}
.jhalang-1f7{
color:#A8BFC4;
font-size:0.75rem;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.jhaburger-1f7{
border:1px solid #1C2E36;
background:#0E1519;
border-radius:0.5rem;
justify-content:center;
height:2.5rem;
width:2.5rem;
display:none;
align-items:center;
color:#E8F4F6;
}
/* ---------- bottom-nav (mobile) ---------- */
.jhabotnav-1f7{
display:none;
}
@media(max-width:1025px){
.jhaside-1f7{
transition:transform .25s ease;
top:0;
z-index:80;
height:100vh;
left:0;
width:17.5rem;
transform:translateX(-100%);
position:fixed;
}
.jhadrawer_cb-1f7:checked~.jhashell-1f7 .jhaside-1f7{
transform:translateX(0);
}
.jhatop-1f7{
gap:0.75rem;
padding:14px 1rem;
flex-wrap:wrap;
position:static;
}
.jhatop_brand-1f7{
display:flex;
}
.jhasearch-1f7{
display:none;
}
.jhaburger-1f7{
display:flex;
}
.jhatop_actions-1f7{
gap:0.625rem;
margin-left:0;
align-items:stretch;
width:100%;
}
.jhatop_actions-1f7 .jhalang-1f7{
display:none;
}
.jhatop_actions-1f7 .jhabtn-1f7{
padding:11px 10px;
flex:1;
text-align:center;
}
.jhabotnav-1f7{
grid-template-columns:repeat(3,1fr);
padding:8px 0.375rem calc(0.5rem + env(safe-area-inset-bottom));
background:#0B1216;
right:0;
bottom:0;
border-top:1px solid #1C2E36;
transform:translateZ(0);
left:0;
display:grid;
position:fixed;
z-index:65;
}
.jhabn-1f7{
gap:0.25rem;
padding:0.375rem 2px 0;
justify-content:flex-end;
font-size:0.625rem;
color:#A8BFC4;
font-weight:600;
flex-direction:column;
display:flex;
align-items:center;
min-width:0;
}
.jhabn-1f7 svg{
flex:none;
width:1.375rem;
height:1.375rem;
}
.jhabn-1f7 span{
overflow:hidden;
text-align:center;
max-width:100%;
white-space:nowrap;
text-overflow:ellipsis;
}
.jhabn_on-1f7{
color:#00CDD8;
}
.jhabn_center-1f7{
position:relative;
}
.jhabn_fab-1f7{
border-radius:50%;
background:#00DDE8;
color:#060D0F;
box-shadow:0 8px 2rem rgba(0, 0, 0, 0.64), 0 2px 0.625rem rgba(0, 221, 232, 0.16);
height:50px;
display:flex;
width:3.125rem;
position:absolute;
align-items:center;
transform:translateX(-50%);
top:-20px;
left:50%;
justify-content:center;
}
.jhabn_fab-1f7 svg{
height:24px;
width:24px;
}
.jhabn_center-1f7 span{
color:#00CDD8;
}
}
.jhabtn-1f7{
border-radius:8px;
padding:11px 1.375rem;
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-size:14px;
cursor:pointer;
display:inline-flex;
font-family:"Rubik", 'Helvetica Neue', Arial, sans-serif;
justify-content:center;
align-items:center;
font-weight:700;
}
.jhabtn_pri-1f7{
background:#00DDE8;
box-shadow:0 0 18px rgba(0, 221, 232, 0.42), 0 2px 0.5rem rgba(0, 0, 0, 0.40);
color:#060D0F;
}
.jhabtn_pri-1f7:hover{
background:#00C4CF;
}
.jhabtn_ghost-1f7{
background:rgba(0, 205, 216, 0.11);
font-weight:600;
color:#E8F4F6;
}
.jhabtn_line-1f7{
border:1px solid #254450;
background:transparent;
color:#E8F4F6;
font-weight:600;
}
.jhabtn_lg-1f7{
border-radius:13px;
padding:16px 1.875rem;
font-size:15px;
}
.jhaband-1f7 .jhabtn_line-1f7{
border-color:rgba(255, 255, 255, 0.12);
color:#E8F4F6;
}
.jhaband-1f7 .jhabtn_ghost-1f7{
background:rgba(255, 255, 255, 0.07);
color:#E8F4F6;
}
.jhalink_m-1f7{
gap:5px;
align-items:center;
text-decoration:none;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#00CDD8;
display:inline-flex;
cursor:pointer;
font-size:12px;
}
.jhalink_m-1f7 svg{
height:0.875rem;
width:0.875rem;
}
.jhaband-1f7 .jhalink_m-1f7{
color:#00DDE8;
}
.jhadot-1f7{
border-radius:50%;
background:#00CDD8;
flex:none;
width:7px;
height:7px;
}
.jhadot_live-1f7{
background:#E8363A;
animation:zm3-pulse 1.4s infinite;
}
.jhastars-1f7{
gap:2px;
color:#00CDD8;
display:inline-flex;
}
.jhastars-1f7 svg{
height:0.938rem;
width:0.938rem;
}
.jhachip-1f7{
padding:7px 0.75rem;
gap:0.375rem;
background:#0E1519;
border:1px solid #1C2E36;
border-radius:0.5rem;
font-size:0.688rem;
color:#A8BFC4;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
display:inline-flex;
align-items:center;
}
.jhachip_on-1f7{
background:rgba(0, 205, 216, 0.11);
border-color:transparent;
color:#00CDD8;
}
.jhagc-1f7{
min-width:0;
color:inherit;
cursor:pointer;
text-decoration:none;
display:block;
}
.jhagc_thumb-1f7{
border-radius:0.813rem;
overflow:hidden;
border:1px solid #1C2E36;
background-size:cover;
position:relative;
aspect-ratio:1;
background-position:center;
display:block;
}
.jhagc_thumb_portrait-1f7{
aspect-ratio:3/4;
}
.jhagc_thumb_wide-1f7{
aspect-ratio:16/11;
}
.jhagc_cap-1f7{
background:linear-gradient(transparent,rgba(6, 11, 14, 0.72));
padding:9px;
position:absolute;
bottom:0;
left:0;
right:0;
}
.jhagc_name-1f7{
display:block;
font-size:0.781rem;
color:#E8F4F6;
font-weight:700;
}
.jhagc_meta-1f7{
font-size:11px;
color:#7BB8C2;
}
.jhagc_badge-1f7{
border-radius:8px;
padding:2px 6px;
background:#00CDD8;
font-weight:700;
top:0.5rem;
position:absolute;
font-size:8px;
color:#080E10;
right:0.5rem;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.jhagc_badge_hot-1f7{
background:#E8363A;
color:#E8F4F6;
}
.jhagc_badge_live-1f7{
background:#E8363A;
color:#E8F4F6;
right:auto;
left:8px;
}
.jhagc_mult-1f7{
inset:0;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
position:absolute;
color:#00CDD8;
font-size:1.75rem;
}
.jhapc-1f7{
border-radius:13px;
background:#0E1519;
border:1px solid #1C2E36;
height:4rem;
display:flex;
font-weight:700;
color:#A8BFC4;
justify-content:center;
font-size:14px;
align-items:center;
}
.jharail-1f7{
min-width:0;
}
.jharail_scroll-1f7{
gap:14px;
display:grid;
}
.jharail_scroll-1f7>*{
min-width:0;
}
.jhag6-1f7{
grid-template-columns:repeat(6,1fr);
}
.jhag7-1f7{
grid-template-columns:repeat(7,1fr);
}
.jhag4-1f7{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1025px){
.jhag6-1f7,.jhag7-1f7{
grid-template-columns:none;
scroll-snap-type:x mandatory;
padding-bottom:0.375rem;
grid-auto-columns:120px;
grid-auto-flow:column;
overflow-x:auto;
}
.jhag6-1f7>*,.jhag7-1f7>*{
scroll-snap-align:start;
}
.jhag4-1f7{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:558px){
.jhag4-1f7{
grid-template-columns:none;
grid-auto-flow:column;
overflow-x:auto;
grid-auto-columns:150px;
}
}
.jhapanel-1f7{
padding:28px 32px;
background:#0E1519;
border:1px solid #1C2E36;
border-radius:1.25rem;
}
.jhasplit-1f7{
gap:2.25rem;
align-items:start;
display:grid;
}
.jhasplit-1f7>*{
min-width:0;
}
.jhasplit_a-1f7{
grid-template-columns:.85fr 1.15fr;
}
.jhasplit_b-1f7{
grid-template-columns:1fr 1.1fr;
}
.jhasplit_c-1f7{
grid-template-columns:1.1fr .9fr;
}
.jhapgrid-1f7{
gap:2.5rem;
grid-template-columns:.9fr 1.1fr;
align-items:center;
display:grid;
}
.jhapgrid-1f7>*{
min-width:0;
}
.jhalead-1f7{
margin-bottom:14px;
font-size:15px;
color:#A8BFC4;
line-height:1.65;
}
.jhafeat-1f7{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.jhafeat-1f7>*{
min-width:0;
}
.jhafeat2-1f7{
grid-template-columns:1fr 1fr;
}
.jhafeat_card-1f7{
background:#0E1519;
padding:1.625rem;
border-radius:1.25rem;
border:1px solid #1C2E36;
}
.jhafeat_card-1f7 svg{
height:26px;
width:26px;
margin-bottom:1rem;
color:#00CDD8;
}
.jhafeat_card-1f7 h3{
font-weight:700;
color:#E8F4F6;
margin-bottom:0.5rem;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:18px;
}
.jhafeat_card-1f7 p{
line-height:1.6;
font-size:0.813rem;
color:#A8BFC4;
}
.jhafeat_card-1f7 b{
color:#E8F4F6;
}
.jhabig-1f7{
gap:22px;
display:flex;
flex-wrap:wrap;
}
.jhabig_n-1f7{
font-weight:700;
color:#00CDD8;
font-size:26px;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.jhabig_l-1f7{
color:#6A8F96;
font-size:0.75rem;
}
.jhaperson-1f7{
gap:14px;
border-radius:13px;
padding:16px 18px;
border:1px solid #1C2E36;
background:#0E1519;
display:flex;
align-items:center;
}
.jhaavatar-1f7{
background:linear-gradient(135deg,#00DDE8,#0099A8);
border-radius:50%;
flex:none;
height:2.75rem;
width:2.75rem;
}
.jhaperson_name-1f7{
color:#E8F4F6;
font-weight:700;
font-size:0.875rem;
}
.jhaperson_role-1f7{
font-size:0.75rem;
color:#6A8F96;
}
.jhakv-1f7{
border:1px solid #1C2E36;
grid-template-columns:1fr 1fr;
background:#1C2E36;
gap:1px;
border-radius:0.813rem;
overflow:hidden;
display:grid;
}
.jhakv-1f7>div{
background:#090E12;
padding:16px 1.125rem;
min-width:0;
}
.jhakv_k-1f7{
font-size:0.594rem;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#00CDD8;
margin-bottom:0.313rem;
text-transform:uppercase;
}
.jhakv_v-1f7{
font-weight:700;
font-size:0.844rem;
color:#E8F4F6;
}
@media(max-width:1025px){
.jhasplit_a-1f7,.jhasplit_b-1f7,.jhasplit_c-1f7,.jhapgrid-1f7{
grid-template-columns:1fr;
gap:1.5rem;
}
.jhafeat-1f7,.jhafeat2-1f7{
grid-template-columns:1fr;
}
.jhakv-1f7{
grid-template-columns:1fr;
}
}
.jhash-1f7{
min-width:0;
margin-bottom:16px;
}
.jhash_row-1f7{
gap:0.75rem;
align-items:flex-end;
justify-content:space-between;
flex-wrap:wrap;
display:flex;
}
.jhash_row-1f7 .jhash_l-1f7{
gap:6px;
display:flex;
flex-direction:column;
min-width:0;
}
.jhash_stack-1f7{
gap:0.625rem;
flex-direction:column;
display:flex;
align-items:flex-start;
}
.jhash_center-1f7{
gap:0.625rem;
flex-direction:column;
display:flex;
text-align:center;
align-items:center;
}
.jhash_h2-1f7{
gap:0.563rem;
color:#E8F4F6;
line-height:1.1;
font-weight:700;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
overflow-wrap:break-word;
align-items:center;
display:flex;
font-size:20px;
}
@media(min-width:770px){
.jhash_h2-1f7{
font-size:1.5rem;
}
}
.jhaband-1f7 .jhash_h2-1f7{
color:#E8F4F6;
}
.jhaeb_mono-1f7{
text-transform:none;
letter-spacing:.08em;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.jhaeb_mono-1f7::before{
content:"// ";
}
.jhaeb_upper-1f7{
text-transform:uppercase;
letter-spacing:.14em;
}
.jhaeb_pill-1f7{
border-radius:62.438rem;
background:rgba(0, 205, 216, 0.11);
padding:0.313rem 0.688rem;
text-transform:uppercase;
letter-spacing:.12em;
}
.jhaeb_line-1f7{
gap:0.625rem;
align-items:center;
display:inline-flex;
}
.jhaeb_line-1f7::before{
background:#00CDD8;
display:inline-block;
width:24px;
height:1px;
content:"";
}
.jhaband-1f7 .jhaeb_line-1f7::before{
background:#00DDE8;
}
.jhaband-1f7 .jhaeb_pill-1f7{
background:rgba(255, 255, 255, 0.07);
}
.jhash_link-1f7{
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;
display:inline-flex;
font-weight:600;
align-items:center;
font-size:13px;
padding-bottom:2px;
border-bottom:1px solid #E8F4F6;
white-space:nowrap;
color:#E8F4F6;
}
.jhash_link-1f7:hover{
border-color:#00CDD8;
color:#00CDD8;
}
.jhash_link-1f7 svg{
width:0.875rem;
height:14px;
}
.jhash_link_chev-1f7{
padding-bottom:0;
border-bottom:0;
color:#00CDD8;
font-size:12px;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.jhash_link_btn-1f7{
padding:9px 1.125rem;
border-radius:999px;
background:#00DDE8;
color:#060D0F;
border-bottom:0;
}
.jhash_link_btn-1f7:hover{
background:#00C4CF;
border-color:transparent;
}
.jhaband-1f7 .jhash_link-1f7{
border-color:#E8F4F6;
color:#E8F4F6;
}
.jhaband-1f7 .jhash_link_chev-1f7{
color:#00DDE8;
}
.jhash_rule-1f7{
margin:-2px 0 16px;
background:#1C2E36;
height:1px;
}
.jhaband-1f7 .jhash_rule-1f7{
background:rgba(255, 255, 255, 0.12);
}
.jhaseo_grid3-1f7{
grid-template-columns:repeat(3,1fr);
gap:1.25rem;
display:grid;
}
.jhaseo_grid4-1f7{
gap:0.813rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.jhaseo_grid3-1f7>*,.jhaseo_grid4-1f7>*{
min-width:0;
}
.jhaseo_card-1f7{
background:#0E1519;
border-radius:13px;
border:1px solid #1C2E36;
padding:24px;
}
.jhaseo_card-1f7 h3{
font-size:1.125rem;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#E8F4F6;
font-weight:700;
margin-bottom:8px;
}
.jhaseo_card-1f7 p{
font-size:13px;
color:#A8BFC4;
line-height:1.6;
}
.jhaseo_card_sm-1f7{
padding:20px;
}
.jhaseo_card_sm-1f7 h3{
font-size:1rem;
}
.jhaseo_card_sm-1f7 p{
font-size:12.5px;
line-height:1.55;
}
.jhaseo_rtp_row-1f7{
grid-template-columns:1fr 1fr;
gap:36px;
margin-top:16px;
align-items:center;
display:grid;
}
.jhartp-1f7{
gap:0.875rem;
min-width:0;
display:flex;
}
.jhartp-1f7>div{
background:#090E12;
padding:16px;
flex:1;
border-radius:0.813rem;
text-align:center;
min-width:0;
}
.jhartp_n-1f7{
white-space:nowrap;
font-weight:700;
font-size:1.625rem;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#00CDD8;
}
.jhartp_l-1f7{
margin-top:4px;
color:#6A8F96;
font-size:11px;
}
.jhacmp-1f7{
border-radius:0.813rem;
overflow:hidden;
border:1px solid #1C2E36;
max-width:760px;
}
.jhacmp_row-1f7{
grid-template-columns:1.6fr 1fr 1fr;
display:grid;
font-size:0.813rem;
}
.jhacmp_row-1f7>div{
padding:13px 14px;
min-width:0;
text-align:center;
}
.jhacmp_row-1f7>div:first-child{
font-weight:600;
text-align:left;
color:#E8F4F6;
padding-left:22px;
}
.jhacmp_th-1f7{
background:#090E12;
font-weight:700;
font-size:12.5px;
}
.jhacmp_row-1f7:not(.jhacmp_th-1f7){
background:#0E1519;
border-top:1px solid #162229;
color:#A8BFC4;
}
.jhacmp_zebra-1f7{
background:#121B21;
}
.jhaguide-1f7{
border-radius:0.813rem;
border:1px solid #1C2E36;
overflow:hidden;
background:#0E1519;
cursor:pointer;
}
.jhaguide_cover-1f7{
height:8.125rem;
}
.jhaguide_body-1f7{
padding:20px;
}
.jhaguide_body-1f7 h3{
margin:7px 0 9px;
color:#E8F4F6;
line-height:1.25;
font-size:1rem;
font-weight:700;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.jhaguide_meta-1f7{
font-size:11.5px;
color:#6A8F96;
}
.jhahub-1f7{
gap:1.75rem;
grid-template-columns:repeat(5,1fr);
border-top:1px solid #162229;
padding-top:1.75rem;
display:grid;
}
.jhahub-1f7>*{
min-width:0;
}
.jhahub-1f7 h4{
font-weight:700;
color:#E8F4F6;
font-size:13px;
margin-bottom:0.688rem;
}
.jhahub_col-1f7{
gap:8px;
color:#A8BFC4;
flex-direction:column;
font-size:13px;
display:flex;
}
.jhahub_col-1f7 a{
cursor:pointer;
}
@media(max-width:1027px){
.jhaseo_grid3-1f7{
grid-template-columns:1fr;
}
.jhaseo_grid4-1f7{
grid-template-columns:repeat(2,1fr);
}
.jhaseo_rtp_row-1f7{
gap:20px;
grid-template-columns:1fr;
}
.jhahub-1f7{
grid-template-columns:repeat(2,1fr);
gap:1.375rem;
}
}
@media(max-width:561px){
.jhahub-1f7{
grid-template-columns:1fr;
}
}
.jhatk-1f7{
overflow:hidden;
background:#060B0E;
align-items:center;
display:flex;
border-bottom:1px solid #162229;
}
.jhatk_tag-1f7{
background:#0E1519;
padding:11px 18px;
gap:0.5rem;
flex:none;
border-right:1px solid #162229;
align-items:center;
color:#E8363A;
display:flex;
font-weight:600;
text-transform:uppercase;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
letter-spacing:.1em;
font-size:0.656rem;
}
.jhatk_rail-1f7{
overflow:hidden;
flex:1;
}
.jhatk_track-1f7{
padding:11px 14px;
animation:zm3-marquee 26s linear infinite;
gap:1.75rem;
color:#A8BFC4;
display:flex;
font-size:0.75rem;
width:max-content;
white-space:nowrap;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.jhatk_track-1f7 b{
color:#00CDD8;
}
.jhahero-1f7{
padding:46px 3rem;
border-radius:1.25rem;
background:linear-gradient(120deg,#071318,#06101A);
border:1px solid #1C2E36;
overflow:hidden;
color:#E8F4F6;
position:relative;
}
.jhahero_glow-1f7{
background:radial-gradient(circle,rgba(0, 220, 230, 0.22),transparent 70%);
border-radius:50%;
position:absolute;
height:340px;
top:-3.75rem;
width:21.25rem;
right:-60px;
}
.jhahero_in-1f7{
position:relative;
max-width:37.5rem;
}
.jhahero-1f7 .jhaeyebrow-1f7{
color:#00DDE8;
}
.jhapill_row-1f7{
background:rgba(255, 255, 255, 0.07);
border-radius:62.438rem;
border:1px solid rgba(255, 255, 255, 0.12);
padding:6px 0.813rem;
gap:0.5rem;
font-size:0.656rem;
display:inline-flex;
align-items:center;
text-transform:uppercase;
margin-bottom:22px;
color:#00DDE8;
letter-spacing:.1em;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.jhahero_h1-1f7{
margin:18px 0;
font-size:54px;
letter-spacing:-.02em;
line-height:1.02;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#E8F4F6;
overflow-wrap:break-word;
font-weight:700;
}
.jhahero_h1-1f7 em{
color:#00DDE8;
font-style:normal;
}
.jhahero_sub-1f7{
color:#7BB8C2;
line-height:1.55;
margin-bottom:1.75rem;
max-width:30rem;
font-size:17px;
}
.jhahero_cta-1f7{
gap:14px;
align-items:center;
display:flex;
flex-wrap:wrap;
margin-bottom:1.625rem;
}
.jhahero_trust-1f7{
gap:14px;
display:flex;
flex-wrap:wrap;
align-items:center;
}
.jhahero_rating_txt-1f7{
font-size:13px;
color:#7BB8C2;
}
@media(max-width:1021px){
.jhahero-1f7{
padding:2rem 1.5rem;
}
.jhahero_h1-1f7{
font-size:38px;
}
}
@media(max-width:561px){
.jhahero_h1-1f7{
font-size:1.875rem;
}
}
.jhatabs-1f7{
gap:0.563rem;
flex-wrap:wrap;
display:flex;
}
.jhatab-1f7{
border-radius:8px;
padding:10px 1.125rem;
border:1px solid #1C2E36;
background:#0E1519;
cursor:pointer;
font-size:13px;
font-weight:600;
color:#A8BFC4;
}
.jhatab_on-1f7{
background:#00DDE8;
border-color:transparent;
color:#060D0F;
font-weight:700;
}
.jhastat-1f7{
grid-template-columns:repeat(4,1fr);
gap:14px;
display:grid;
}
.jhastat-1f7>*{
min-width:0;
}
.jhastat_item-1f7{
padding:18px 20px;
background:#0E1519;
border-radius:13px;
border:1px solid #1C2E36;
}
.jhastat_k-1f7{
color:#6A8F96;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
margin-bottom:7px;
letter-spacing:.12em;
font-size:9.5px;
text-transform:uppercase;
}
.jhastat_v-1f7{
gap:8px;
display:flex;
overflow-wrap:anywhere;
min-width:0;
font-size:24px;
color:#E8F4F6;
font-weight:700;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
align-items:center;
}
.jhastat_v_accent-1f7{
color:#00CDD8;
}
@media(max-width:1026px){
.jhastat-1f7{
grid-template-columns:repeat(2,1fr);
}
}
.jhawlc-1f7{
background:linear-gradient(120deg,#071318,#06101A);
overflow:hidden;
gap:24px;
border:1px solid #1C2E36;
border-radius:20px;
grid-template-columns:1.2fr .8fr;
padding:36px 40px;
align-items:center;
position:relative;
color:#E8F4F6;
display:grid;
}
.jhawlc-1f7>*{
min-width:0;
}
.jhawlc-1f7 .jhaeyebrow-1f7{
color:#00DDE8;
}
.jhawlc_glow-1f7{
background:radial-gradient(circle,rgba(0, 220, 230, 0.22),transparent 70%);
border-radius:50%;
top:-2.5rem;
width:16.25rem;
position:absolute;
height:260px;
right:-40px;
}
.jhawlc_in-1f7{
position:relative;
}
.jhawlc_h2-1f7{
margin:10px 0 8px;
color:#E8F4F6;
overflow-wrap:break-word;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:34px;
font-weight:700;
line-height:1.03;
}
.jhawlc_h2-1f7 em{
color:#00DDE8;
font-style:normal;
}
.jhawlc_sub-1f7{
margin-bottom:1.125rem;
max-width:26.25rem;
line-height:1.55;
color:#7BB8C2;
font-size:14px;
}
.jhawlc_terms-1f7{
gap:10px;
display:flex;
position:relative;
flex-direction:column;
}
.jhaterm-1f7{
background:rgba(255, 255, 255, 0.07);
border:1px solid rgba(255, 255, 255, 0.12);
gap:11px;
border-radius:0.813rem;
padding:13px 15px;
display:flex;
align-items:center;
}
.jhaterm-1f7 svg{
flex:none;
height:20px;
width:1.25rem;
color:#00DDE8;
}
.jhaterm_k-1f7{
letter-spacing:.1em;
color:#7BB8C2;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
text-transform:uppercase;
font-size:9.5px;
}
.jhaterm_v-1f7{
margin-top:2px;
font-size:14px;
color:#E8F4F6;
font-weight:700;
}
@media(max-width:1022px){
.jhawlc-1f7{
grid-template-columns:1fr;
}
}
@media(max-width:562px){
.jhawlc_h2-1f7{
font-size:1.625rem;
}
}
.jhajp-1f7{
gap:0.875rem;
grid-template-columns:1.5fr 1fr 1fr;
display:grid;
}
.jhajp-1f7>*{
min-width:0;
}
.jhajp_hero-1f7{
gap:14px;
overflow:hidden;
border-radius:1.25rem;
border:1px solid #1C2E36;
padding:26px;
background:linear-gradient(135deg,#071318,#06101A);
flex-direction:column;
color:#E8F4F6;
position:relative;
min-height:180px;
display:flex;
justify-content:space-between;
}
.jhajp_glow-1f7{
background:radial-gradient(circle,rgba(0, 220, 230, 0.22),transparent 70%);
border-radius:50%;
height:11.25rem;
position:absolute;
width:180px;
top:-40px;
right:-2.5rem;
}
.jhajp_k_row-1f7{
gap:0.625rem;
display:flex;
position:relative;
justify-content:space-between;
align-items:center;
}
.jhajp_k-1f7{
font-size:0.625rem;
letter-spacing:.12em;
color:#6A8F96;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
text-transform:uppercase;
}
.jhajp_hero-1f7 .jhajp_k-1f7{
color:#7BB8C2;
}
.jhajp_amt-1f7{
line-height:1;
font-size:2.625rem;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#00DDE8;
font-weight:700;
position:relative;
}
.jhajp_sub-1f7{
margin-top:5px;
color:#7BB8C2;
font-size:0.75rem;
}
.jhajp_cell-1f7{
padding:1.375rem;
border:1px solid #1C2E36;
border-radius:1.25rem;
background:#0E1519;
display:flex;
flex-direction:column;
min-height:180px;
justify-content:space-between;
}
.jhajp_cell-1f7 .jhajp_amt-1f7{
font-size:30px;
color:#E8F4F6;
}
.jhajp_cell-1f7 .jhajp_sub-1f7{
color:#6A8F96;
}
@media(max-width:1023px){
.jhajp-1f7{
grid-template-columns:1fr;
}
}
@media(max-width:563px){
.jhajp_amt-1f7{
font-size:32px;
}
}
.jhaapp-1f7{
gap:2.25rem;
justify-content:space-between;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.jhaapp_copy-1f7{
max-width:520px;
}
.jhaapp_h2-1f7{
margin:0.75rem 0 0.625rem;
line-height:1.05;
color:#E8F4F6;
font-weight:700;
font-size:28px;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.jhaapp_text-1f7{
line-height:1.6;
font-size:0.875rem;
margin-bottom:20px;
color:#A8BFC4;
}
.jhaapp_btns-1f7{
gap:12px;
flex-wrap:wrap;
display:flex;
}
.jhastore-1f7{
border-radius:13px;
border:1px solid #1C2E36;
gap:9px;
padding:11px 18px;
background:#090E12;
color:#E8F4F6;
font-size:13px;
cursor:pointer;
display:inline-flex;
font-weight:700;
align-items:center;
}
.jhastore-1f7 svg{
height:1rem;
width:16px;
}
.jhaapp_qr_wrap-1f7{
gap:1rem;
display:flex;
align-items:center;
}
.jhaqr-1f7{
border:1px solid #1C2E36;
grid-template-columns:repeat(5,1fr);
gap:3px;
background:#090E12;
border-radius:13px;
padding:11px;
grid-template-rows:repeat(5,1fr);
width:6.75rem;
height:108px;
display:grid;
}
.jhaqr-1f7 i{
background:transparent;
}
.jhaqr_f-1f7{
background:#00CDD8;
}
.jhaapp_qr_cap-1f7{
line-height:1.4;
font-size:0.75rem;
max-width:5.25rem;
color:#6A8F96;
}
.jhapay_logos-1f7{
grid-template-columns:repeat(4,1fr);
gap:0.563rem;
display:grid;
}
.jhapay_logos-1f7>*{
min-width:0;
}
.jhapay-1f7{
border:1px solid #1C2E36;
border-radius:8px;
height:3rem;
align-items:center;
justify-content:center;
color:#A8BFC4;
display:flex;
font-size:0.75rem;
font-weight:700;
}
.jhatable-1f7{
border:1px solid #1C2E36;
overflow:hidden;
border-radius:13px;
}
.jhatrow-1f7{
grid-template-columns:1.3fr 1fr 1fr 1fr;
display:grid;
font-size:13px;
}
.jhatrow-1f7>div{
padding:0.813rem 0.875rem;
min-width:0;
}
.jhatrow-1f7>div:first-child{
font-weight:700;
color:#E8F4F6;
padding-left:1rem;
}
.jhatrow_th-1f7{
background:#090E12;
text-transform:uppercase;
letter-spacing:.06em;
color:#6A8F96;
font-size:9.5px;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.jhatrow-1f7:not(.jhatrow_th-1f7){
background:#0E1519;
border-top:1px solid #162229;
color:#A8BFC4;
}
.jhatrow_zebra-1f7{
background:#121B21;
}
.jhapos-1f7{
color:#00CDD8;
font-weight:700;
}
@media(max-width:1023px){
.jhapay_logos-1f7{
grid-template-columns:repeat(2,1fr);
}
}
.jhadw_h2-1f7{
font-size:26px;
font-weight:700;
margin-bottom:10px;
color:#E8F4F6;
line-height:1.08;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.jhasteps_v-1f7{
grid-template-columns:1fr;
gap:10px;
}
.jhasteps_v-1f7 .jhastep-1f7{
padding:1.125rem 20px;
}
@media(max-width:563px){
.jhadw_h2-1f7{
font-size:23px;
}
}
.jhasupp-1f7{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.jhasupp-1f7>*{
min-width:0;
}
.jhasupp_card-1f7{
border-radius:13px;
padding:24px;
border:1px solid #1C2E36;
background:#0E1519;
}
.jhasupp_card-1f7 svg{
height:24px;
width:1.5rem;
margin-bottom:14px;
color:#00CDD8;
}
.jhasupp_card-1f7 h3{
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:16px;
color:#E8F4F6;
margin-bottom:6px;
font-weight:700;
}
.jhasupp_card-1f7 p{
line-height:1.55;
color:#A8BFC4;
font-size:13px;
}
@media(max-width:1025px){
.jhasupp-1f7{
grid-template-columns:1fr;
}
}
.jhapromo_grid-1f7{
grid-template-columns:repeat(3,1fr);
gap:1rem;
display:grid;
}
.jhapromo_grid-1f7>*{
min-width:0;
}
.jhapromo-1f7{
padding:1.5rem;
overflow:hidden;
border-radius:20px;
background:#0E1519;
border:1px solid #1C2E36;
min-height:150px;
position:relative;
}
.jhapromo_h-1f7{
font-size:26px;
color:#E8F4F6;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.05;
font-weight:700;
margin-top:6px;
}
.jhapromo_h-1f7 em{
font-style:normal;
color:#00CDD8;
}
.jhapromo_p-1f7{
margin-top:0.5rem;
line-height:1.5;
color:#A8BFC4;
font-size:0.781rem;
}
.jhapromo_feat-1f7{
background:linear-gradient(135deg,#071318,#06101A);
border-color:#1C2E36;
}
.jhapromo_feat-1f7 .jhapromo_h-1f7{
color:#E8F4F6;
}
.jhapromo_feat-1f7 .jhapromo_h-1f7 em{
color:#00DDE8;
}
.jhapromo_feat-1f7 .jhapromo_p-1f7{
color:#7BB8C2;
}
.jhapromo_feat-1f7 .jhaeyebrow-1f7{
color:#00DDE8;
}
@media(max-width:1024px){
.jhapromo_grid-1f7{
grid-template-columns:1fr;
}
}
.jhagm-1f7{
gap:1rem;
grid-template-columns:1.3fr 1fr;
display:grid;
}
.jhagm-1f7>*{
min-width:0;
}
.jhagm_panel-1f7{
border:1px solid #1C2E36;
border-radius:20px;
padding:28px;
background:#0E1519;
}
.jhagm_h2-1f7{
margin:0.625rem 0 0.5rem;
color:#E8F4F6;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
font-size:24px;
}
.jhagm_text-1f7{
line-height:1.6;
max-width:440px;
color:#A8BFC4;
font-size:0.844rem;
margin-bottom:1.25rem;
}
.jhagm_level-1f7{
gap:0.875rem;
align-items:center;
margin-bottom:16px;
display:flex;
}
.jhagm_lv-1f7{
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:1.5rem;
color:#00CDD8;
font-weight:700;
}
.jhagm_bar_wrap-1f7{
flex:1;
min-width:0;
}
.jhagm_bar_meta-1f7{
justify-content:space-between;
display:flex;
color:#6A8F96;
font-size:0.625rem;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
margin-bottom:5px;
}
.jhabar-1f7{
border-radius:999px;
overflow:hidden;
background:#090E12;
height:8px;
}
.jhabar_fill-1f7{
border-radius:999px;
background:linear-gradient(90deg,#00DDE8,#0099A8);
display:block;
height:100%;
}
.jhagm_missions-1f7{
gap:0.563rem;
display:flex;
flex-wrap:wrap;
}
.jhagm_refer-1f7{
border-radius:20px;
background:linear-gradient(150deg,#071318,#06101A);
overflow:hidden;
padding:28px;
border:1px solid #1C2E36;
display:flex;
position:relative;
justify-content:space-between;
flex-direction:column;
color:#E8F4F6;
}
.jhagm_refer-1f7 .jhaeyebrow-1f7{
color:#00DDE8;
}
.jhagm_ref_h2-1f7{
margin:10px 0 8px;
font-weight:700;
color:#E8F4F6;
font-size:1.5rem;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.1;
}
.jhagm_ref_h2-1f7 em{
color:#00DDE8;
font-style:normal;
}
.jhagm_ref_text-1f7{
line-height:1.55;
margin-bottom:1.125rem;
font-size:0.813rem;
color:#7BB8C2;
}
@media(max-width:1023px){
.jhagm-1f7{
grid-template-columns:1fr;
}
}
.jhabanner-1f7{
background:linear-gradient(115deg,#071318,#06101A);
gap:1.75rem;
overflow:hidden;
padding:2.25rem 2.5rem;
border-radius:1.25rem;
border:1px solid #1C2E36;
justify-content:space-between;
color:#E8F4F6;
align-items:center;
display:flex;
position:relative;
flex-wrap:wrap;
}
.jhabanner_glow-1f7{
background:radial-gradient(circle,rgba(0, 220, 230, 0.22),transparent 68%);
border-radius:50%;
right:80px;
position:absolute;
height:200px;
transform:translateY(-50%);
top:50%;
width:200px;
}
.jhabanner_in-1f7{
position:relative;
max-width:560px;
}
.jhabanner-1f7 .jhaeyebrow-1f7{
color:#00DDE8;
}
.jhabanner_h2-1f7{
margin:10px 0;
color:#E8F4F6;
font-size:1.875rem;
font-weight:700;
line-height:1.05;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.jhabanner_text-1f7{
font-size:0.875rem;
color:#7BB8C2;
line-height:1.6;
}
@media(max-width:559px){
.jhabanner_h2-1f7{
font-size:1.5rem;
}
}
.jhavip_head-1f7{
gap:0.75rem;
justify-content:space-between;
flex-wrap:wrap;
margin-bottom:1.125rem;
display:flex;
align-items:flex-end;
}
.jhavip_intro-1f7{
color:#A8BFC4;
max-width:420px;
font-size:13px;
}
.jhavip-1f7{
gap:12px;
grid-template-columns:repeat(5,1fr);
display:grid;
}
.jhavip-1f7>*{
min-width:0;
}
.jhatier-1f7{
padding:1.25rem;
border-radius:0.813rem;
border:1px solid #1C2E36;
background:#0E1519;
}
.jhatier_on-1f7{
background:rgba(0, 205, 216, 0.11);
border-color:#00CDD8;
}
.jhatier_medal-1f7{
border-radius:0.5rem;
background:linear-gradient(135deg,#00DDE8,#0099A8);
height:1.875rem;
margin-bottom:0.875rem;
width:30px;
}
.jhatier_name-1f7{
color:#E8F4F6;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
margin-bottom:0.313rem;
font-size:0.938rem;
font-weight:700;
}
.jhatier_tx-1f7{
line-height:1.5;
font-size:11.5px;
color:#6A8F96;
}
@media(max-width:1026px){
.jhavip-1f7{
grid-template-columns:repeat(2,1fr);
}
}
.jhatour-1f7{
grid-template-columns:1.05fr 1fr;
border:1px solid #1C2E36;
border-radius:1.25rem;
overflow:hidden;
display:grid;
}
.jhatour-1f7>*{
min-width:0;
}
.jhatour_l-1f7{
background:linear-gradient(135deg,#071318,#06101A);
padding:2.125rem;
overflow:hidden;
position:relative;
color:#E8F4F6;
}
.jhatour_h2-1f7{
margin:12px 0 0.625rem;
font-size:30px;
color:#E8F4F6;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:700;
line-height:1.05;
}
.jhatour_h2-1f7 em{
font-style:normal;
color:#00DDE8;
}
.jhatour_text-1f7{
color:#7BB8C2;
line-height:1.6;
max-width:340px;
font-size:13.5px;
margin-bottom:20px;
}
.jhatour_meta-1f7{
gap:18px;
margin-bottom:1.25rem;
align-items:flex-end;
flex-wrap:wrap;
display:flex;
}
.jhatour_cap-1f7{
font-size:0.594rem;
color:#7BB8C2;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
margin-bottom:5px;
text-transform:uppercase;
}
.jhacount-1f7{
gap:0.375rem;
display:flex;
}
.jhacount-1f7 span{
padding:0.25rem 0.563rem;
background:rgba(255, 255, 255, 0.07);
border-radius:8px;
border:1px solid rgba(255, 255, 255, 0.12);
font-size:1.375rem;
font-weight:700;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.jhatour_units-1f7{
font-size:10px;
color:#7BB8C2;
}
.jhaboard-1f7{
padding:1.75rem 1.875rem;
background:#0E1519;
}
.jhaboard_head-1f7{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:0.875rem;
}
.jhaboard_title-1f7{
color:#E8F4F6;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:16px;
font-weight:700;
}
.jhaboard_upd-1f7{
font-size:10px;
text-transform:uppercase;
color:#6A8F96;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.jhaboard_list-1f7{
gap:2px;
flex-direction:column;
display:flex;
}
.jhaboard_row-1f7{
border-radius:0.5rem;
gap:12px;
padding:10px 0.75rem;
display:flex;
align-items:center;
}
.jhaboard_top1-1f7{
background:rgba(0, 205, 216, 0.11);
}
.jhaboard_rk-1f7{
font-size:14px;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
font-weight:700;
width:1.25rem;
color:#6A8F96;
}
.jhaboard_top1-1f7 .jhaboard_rk-1f7{
color:#00CDD8;
}
.jhaboard_nm-1f7{
flex:1;
min-width:0;
font-weight:600;
font-size:0.844rem;
color:#A8BFC4;
}
.jhaboard_top1-1f7 .jhaboard_nm-1f7{
color:#E8F4F6;
font-weight:700;
}
.jhaboard_pt-1f7{
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#A8BFC4;
font-size:0.781rem;
}
@media(max-width:1025px){
.jhatour-1f7{
grid-template-columns:1fr;
}
}
@media(max-width:561px){
.jhatour_h2-1f7{
font-size:24px;
}
}
.jhanews-1f7{
border-radius:20px;
background:linear-gradient(135deg,#071318,#06101A);
padding:26px 2rem;
gap:1.5rem;
border:1px solid #1C2E36;
align-items:center;
display:flex;
color:#E8F4F6;
justify-content:space-between;
flex-wrap:wrap;
}
.jhanews_h3-1f7{
font-weight:700;
margin-bottom:4px;
font-size:20px;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#E8F4F6;
}
.jhanews_text-1f7{
font-size:0.813rem;
color:#7BB8C2;
}
.jhanews_form-1f7{
gap:0.625rem;
flex:1;
min-width:0;
display:flex;
max-width:440px;
}
.jhanews_form-1f7 .jhainput-1f7{
min-width:0;
}
@media(max-width:563px){
.jhanews_form-1f7{
width:100%;
}
}
.jhainput-1f7{
background:rgba(255, 255, 255, 0.07);
flex:1;
border:1px solid rgba(255, 255, 255, 0.12);
padding:13px 16px;
border-radius:0.5rem;
font-size:13.5px;
color:#7BB8C2;
}
.jhasteps-1f7{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.jhasteps-1f7>*{
min-width:0;
}
.jhastep-1f7{
background:#0E1519;
padding:24px;
border-radius:13px;
border:1px solid #1C2E36;
position:relative;
}
.jhastep_num-1f7{
background:#00DDE8;
border-radius:0.5rem;
width:30px;
height:1.875rem;
font-size:13px;
display:flex;
color:#080E10;
justify-content:center;
font-weight:700;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
margin-bottom:14px;
align-items:center;
}
.jhastep_h-1f7{
margin-bottom:0.438rem;
color:#E8F4F6;
font-weight:700;
font-size:16px;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.jhastep_p-1f7{
color:#A8BFC4;
font-size:0.813rem;
line-height:1.55;
}
@media(max-width:1025px){
.jhasteps-1f7{
grid-template-columns:1fr;
}
}
.jhaab_h2-1f7{
margin:14px 0 1rem;
font-weight:700;
color:#E8F4F6;
line-height:1.08;
font-size:32px;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.jhaab_body-1f7{
margin-bottom:0.875rem;
line-height:1.65;
font-size:15px;
color:#A8BFC4;
}
.jhaab_chips-1f7{
gap:10px;
display:flex;
flex-wrap:wrap;
margin-top:8px;
}
.jhafaq-1f7{
gap:10px;
display:flex;
flex-direction:column;
}
.jhafaq_item-1f7{
background:#0E1519;
padding:18px 22px;
border-radius:13px;
border:1px solid #1C2E36;
}
.jhafaq_q-1f7{
gap:16px;
list-style:none;
color:#E8F4F6;
align-items:center;
display:flex;
cursor:pointer;
font-size:15.5px;
justify-content:space-between;
font-weight:600;
}
.jhafaq_q-1f7::-webkit-details-marker{
display:none;
}
.jhafaq_q_t-1f7{
gap:0.625rem;
display:flex;
}
.jhafaq_q_i-1f7{
color:#00CDD8;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
font-style:normal;
}
.jhafaq_pm-1f7{
color:#00CDD8;
font-size:1.25rem;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.jhafaq_item-1f7[open] .jhafaq_pm-1f7{
transform:rotate(45deg);
}
.jhafaq_a-1f7{
line-height:1.6;
margin-top:12px;
color:#A8BFC4;
font-size:0.844rem;
}
@media(max-width:558px){
.jhaab_h2-1f7{
font-size:26px;
}
}
.jhagd_head-1f7{
gap:12px;
justify-content:space-between;
margin-bottom:16px;
display:flex;
flex-wrap:wrap;
align-items:center;
}
.jhaet_h2-1f7{
margin:10px 0 14px;
font-size:1.75rem;
line-height:1.08;
color:#E8F4F6;
font-weight:700;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
}
.jhaet_right-1f7{
gap:0.625rem;
flex-direction:column;
display:flex;
}
.jhaet_updated-1f7{
padding:0.875rem 18px;
background:#090E12;
border-radius:13px;
border:1px solid #1C2E36;
gap:10px;
display:flex;
align-items:center;
font-size:12px;
color:#A8BFC4;
}
.jhaet_updated-1f7 svg{
flex:none;
color:#00CDD8;
width:0.938rem;
height:0.938rem;
}
.jhaet_updated-1f7 b{
color:#E8F4F6;
}
@media(max-width:559px){
.jhaet_h2-1f7{
font-size:1.5rem;
}
}
.jhaop_h2-1f7{
margin:10px 0 0.5rem;
font-weight:700;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
line-height:1.1;
font-size:24px;
color:#E8F4F6;
}
.jhaop_text-1f7{
color:#A8BFC4;
line-height:1.6;
font-size:13.5px;
}
@media(max-width:558px){
.jhaop_h2-1f7{
font-size:22px;
}
}
.jhaprovs-1f7{
grid-template-columns:repeat(6,1fr);
gap:12px;
margin-bottom:1.75rem;
display:grid;
}
.jhaprovs-1f7>*{
min-width:0;
}
.jhaprov-1f7{
border:1px solid #1C2E36;
background:#0E1519;
border-radius:0.813rem;
padding:0.75rem;
height:4rem;
align-items:center;
justify-content:center;
text-decoration:none;
display:flex;
}
.jhaprov_img-1f7{
object-fit:contain;
max-height:32px;
max-width:100%;
}
.jharesp-1f7{
padding:26px;
gap:1.5rem;
border-radius:0.813rem;
background:#0E1519;
border:1px solid #1C2E36;
flex-wrap:wrap;
justify-content:space-between;
display:flex;
align-items:center;
}
.jharesp_in-1f7{
max-width:35rem;
}
.jharesp_h-1f7{
margin-bottom:0.5rem;
font-weight:700;
font-size:1.188rem;
font-family:"Plus Jakarta Sans", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
color:#E8F4F6;
}
.jharesp_p-1f7{
font-size:0.844rem;
color:#A8BFC4;
line-height:1.6;
}
.jharesp_badges-1f7{
gap:14px;
flex-wrap:wrap;
align-items:center;
display:flex;
}
.jhaage18-1f7{
padding:4px 8px;
border-radius:0.5rem;
border:1.5px solid #E8363A;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#E8363A;
font-weight:700;
font-size:13px;
}
.jharesp_org-1f7{
font-weight:600;
color:#6A8F96;
font-size:0.813rem;
}
@media(max-width:1023px){
.jhaprovs-1f7{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:561px){
.jhaprovs-1f7{
grid-template-columns:repeat(2,1fr);
}
}
.jhafooter-1f7{
padding:2.5rem 1.75rem;
background:#060B0E;
border-top:1px solid #162229;
}
.jhafooter_grid-1f7{
gap:2rem;
grid-template-columns:1.4fr 1fr 1fr 1fr;
max-width:87.5rem;
display:grid;
margin-bottom:1.75rem;
margin-right:auto;
margin-left:auto;
}
.jhafooter_grid-1f7>*{
min-width:0;
}
.jhafooter_grid-1f7 h4{
text-transform:uppercase;
letter-spacing:.12em;
margin-bottom:0.813rem;
color:#3D5F66;
font-size:0.625rem;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.jhafcol-1f7{
gap:9px;
display:flex;
font-size:13px;
flex-direction:column;
color:#A8BFC4;
}
.jhafcol-1f7 a{
cursor:pointer;
}
.jhaft_about-1f7{
margin-top:0.75rem;
color:#6A8F96;
font-size:0.813rem;
line-height:1.6;
max-width:16.25rem;
}
.jhaft_contact-1f7{
margin-top:0.75rem;
font-family:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
overflow-wrap:anywhere;
color:#00CDD8;
font-size:0.781rem;
}
.jhafooter_bottom-1f7{
margin:0 auto;
gap:16px;
display:flex;
align-items:center;
flex-wrap:wrap;
border-top:1px solid #162229;
max-width:1400px;
justify-content:space-between;
padding-top:20px;
}
.jhafooter_bottom-1f7 p{
font-size:0.688rem;
line-height:1.6;
max-width:720px;
color:#3D5F66;
}
@media(max-width:1023px){
.jhafooter_grid-1f7{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:561px){
.jhafooter_grid-1f7{
grid-template-columns:1fr;
}
}