*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#0d1117;
color:#c4cdd9;
line-height:1.6;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
overflow-wrap:break-word;
-webkit-font-smoothing:antialiased;
font-size:15px;
text-rendering:optimizeLegibility;
}
img{
display:block;
max-width:100%;
}
a{
color:inherit;
text-decoration:none;
}
button{
background:none;
border:none;
font-family:inherit;
cursor:pointer;
}
::-webkit-scrollbar{
height:0.5rem;
width:8px;
}
::-webkit-scrollbar-thumb{
background:rgba(0,0,0,0.52);
border-radius:8px;
}
::-webkit-scrollbar-track{
background:transparent;
}
.hkblayout-kx9{
flex-direction:column;
display:flex;
min-height:100vh;
}
.hkbmain-kx9{
flex:1 1 auto;
width:100%;
min-width:0;
}
.hkbcontainer-kx9{
margin:0 auto;
padding:0 1rem;
width:100%;
max-width:87.5rem;
}
@media(min-width:770px){
.hkbcontainer-kx9{
padding:0 32px;
}
}
@media(min-width:1102px){
.hkbcontainer-kx9{
padding:0 56px;
}
}
.hkbeyebrow-kx9{
overflow-wrap:break-word;
font-size:0.688rem;
letter-spacing:.2em;
font-weight:600;
font-family:"Onest", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
text-transform:uppercase;
color:#3a8fe8;
line-height:1.4;
display:inline-block;
}
.hkbband-kx9{
background:#0a1220;
color:#eef2f8;
}
.hkbband-kx9 .hkbeyebrow-kx9{
color:#5cb8ff;
}
@keyframes zm2-float{
0%,100%{
transform:translateY(0)}
50%{
transform:translateY(-12px)}
}
@keyframes zm2-pulse{
0%,100%{
opacity:.55}
50%{
opacity:1}
}
.hkbtb-kx9{
background:#0d1117;
border-bottom:1px solid rgba(200,220,255,0.13);
position:sticky;
top:0;
z-index:50;
}
.hkbtb_in-kx9{
margin:0 auto;
padding:12px 1rem;
gap:1rem;
display:flex;
justify-content:space-between;
max-width:1400px;
width:100%;
align-items:center;
}
@media(min-width:771px){
.hkbtb_in-kx9{
padding:16px 32px;
}
}
@media(min-width:1101px){
.hkbtb_in-kx9{
padding:18px 3.5rem;
}
}
.hkbtb_left-kx9{
gap:28px;
align-items:center;
display:flex;
min-width:0;
}
.hkbtb_logo-kx9{
gap:0.688rem;
min-width:0;
align-items:center;
display:flex;
}
.hkbtb_logo_mark-kx9{
flex:0 0 auto;
border-radius:0.5rem;
object-fit:cover;
height:34px;
width:34px;
}
.hkbtb_logo_txt-kx9{
flex-direction:column;
display:flex;
min-width:0;
line-height:1;
}
.hkbtb_logo_name-kx9{
overflow:hidden;
font-weight:700;
letter-spacing:.02em;
white-space:nowrap;
text-overflow:ellipsis;
font-size:22px;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
color:#eef2f8;
}
.hkbtb_logo_sub-kx9{
overflow:hidden;
font-weight:600;
color:#3a8fe8;
letter-spacing:.32em;
white-space:nowrap;
text-overflow:ellipsis;
text-transform:uppercase;
margin-top:4px;
font-size:8.5px;
}
.hkbtb_nav-kx9{
display:none;
}
@media(min-width:960px){
.hkbtb_nav-kx9{
gap:1.75rem;
display:flex;
align-items:center;
}
}
.hkbtb_nav_item-kx9{
transition:color .2s ease,border-color .2s ease;
border-bottom:2px solid transparent;
font-weight:600;
white-space:nowrap;
color:#c4cdd9;
font-size:14px;
padding-bottom:3px;
}
.hkbtb_nav_item-kx9:hover{
color:#eef2f8;
}
.hkbtb_nav_item-kx9.hkbstate_active-kx9{
border-color:#3a8fe8;
color:#eef2f8;
}
.hkbtb_right-kx9{
gap:0.875rem;
flex:0 0 auto;
align-items:center;
display:flex;
}
.hkbtb_search-kx9{
transition:color .2s ease;
align-items:center;
display:flex;
color:#c4cdd9;
justify-content:center;
}
.hkbtb_search-kx9:hover{
color:#3a8fe8;
}
.hkbtb_search-kx9 svg{
width:1.125rem;
height:1.125rem;
}
.hkbtb_lang-kx9{
font-weight:600;
letter-spacing:.1em;
color:#8a97a8;
font-size:11px;
text-transform:uppercase;
}
.hkbtb_lang-kx9:hover{
color:#eef2f8;
}
.hkbtb_login-kx9{
font-size:0.875rem;
display:none;
color:#eef2f8;
font-weight:600;
}
@media(min-width:771px){
.hkbtb_login-kx9{
display:inline-block;
}
}
.hkbtb_register-kx9{
background:#3a8fe8;
padding:0.688rem 1.375rem;
transition:background-color .2s ease;
border-radius:999px;
white-space:nowrap;
font-size:14px;
font-weight:700;
color:#080c10;
}
.hkbtb_register-kx9:hover{
background:#5aaaf5;
}
.hkbmob-kx9{
background:#0d1117;
position:fixed;
border-top:1px solid rgba(200,220,255,0.13);
z-index:60;
bottom:0;
right:0;
left:0;
padding-bottom:env(safe-area-inset-bottom);
}
@media(min-width:959px){
.hkbmob-kx9{
display:none;
}
}
.hkbmob_in-kx9{
margin:0 auto;
justify-content:space-around;
align-items:stretch;
max-width:35rem;
display:flex;
}
.hkbmob_item-kx9{
padding:0.563rem 0.25rem;
transition:color .2s ease;
gap:3px;
flex:1 1 0;
flex-direction:column;
min-width:0;
display:flex;
align-items:center;
color:#8a97a8;
}
.hkbmob_item-kx9.hkbstate_active-kx9{
color:#3a8fe8;
}
.hkbmob_ic-kx9{
align-items:center;
justify-content:center;
display:flex;
}
.hkbmob_ic-kx9 svg{
height:1.25rem;
width:20px;
}
.hkbmob_lb-kx9{
overflow:hidden;
font-weight:600;
max-width:100%;
font-size:0.625rem;
white-space:nowrap;
text-overflow:ellipsis;
}
@media(max-width:959px){
body{
padding-bottom:60px;
}
}
.hkbrail-kx9{
min-width:0;
position:relative;
}
.hkbrail_scroll-kx9{
gap:14px;
overflow-x:auto;
display:flex;
padding-bottom:0.875rem;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
}
@media(min-width:765px){
.hkbrail_scroll-kx9{
gap:18px;
}
}
.hkbgc-kx9{
flex:0 0 auto;
display:block;
width:150px;
}
@media(min-width:767px){
.hkbgc-kx9{
width:188px;
}
}
.hkbgc_img-kx9{
overflow:hidden;
background:#141b24;
border-radius:0.875rem;
position:relative;
box-shadow:0 2px 8px rgba(0,0,0,0.45), 0 1px 2px rgba(0,0,0,0.60);
padding-bottom:133.33%;
}
.hkbgc_img-kx9 img{
inset:0;
position:absolute;
width:100%;
object-fit:cover;
height:100%;
}
.hkbgc_cover-kx9{
background:linear-gradient(160deg,transparent 55%,rgba(0,0,0,0.52));
inset:0;
pointer-events:none;
position:absolute;
}
.hkbgc_hover-kx9{
transition:opacity .2s ease;
inset:0;
background:rgba(0,0,0,0.52);
position:absolute;
opacity:0;
align-items:center;
display:flex;
justify-content:center;
}
.hkbgc-kx9:hover .hkbgc_hover-kx9{
opacity:1;
}
.hkbgc_hover_btn-kx9{
border-radius:999px;
background:#3a8fe8;
justify-content:center;
height:2.875rem;
align-items:center;
display:flex;
width:46px;
color:#080c10;
}
.hkbgc_hover_btn-kx9 svg{
width:1.125rem;
height:1.125rem;
}
.hkbgc_info-kx9{
gap:2px;
margin-top:9px;
flex-direction:column;
display:flex;
min-width:0;
}
.hkbgc_name-kx9{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:0.813rem;
font-weight:700;
color:#eef2f8;
}
.hkbgc_prov-kx9{
overflow:hidden;
white-space:nowrap;
color:#8a97a8;
text-overflow:ellipsis;
font-size:0.688rem;
}
.hkbgc_meta-kx9{
font-size:11px;
color:#8a97a8;
}
.hkbtc-kx9{
flex:0 0 auto;
display:block;
width:180px;
}
@media(min-width:769px){
.hkbtc-kx9{
width:14.375rem;
}
}
.hkbtc_img-kx9{
overflow:hidden;
border-radius:14px;
background:#141b24;
padding-bottom:75%;
box-shadow:0 2px 8px rgba(0,0,0,0.45), 0 1px 2px rgba(0,0,0,0.60);
position:relative;
}
.hkbtc_img-kx9 img{
inset:0;
object-fit:cover;
position:absolute;
height:100%;
width:100%;
}
.hkbtc_info-kx9{
gap:2px;
display:flex;
margin-top:9px;
flex-direction:column;
min-width:0;
}
.hkbtc_name-kx9{
overflow:hidden;
color:#eef2f8;
text-overflow:ellipsis;
font-weight:700;
font-size:14px;
white-space:nowrap;
}
.hkbtc_rtp-kx9{
color:#8a97a8;
font-size:11px;
}
.hkblc-kx9{
flex:0 0 auto;
display:block;
width:14.375rem;
}
@media(min-width:771px){
.hkblc-kx9{
width:268px;
}
}
.hkblc_img-kx9{
background:#141b24;
overflow:hidden;
border-radius:14px;
box-shadow:0 2px 0.5rem rgba(0,0,0,0.45), 0 1px 2px rgba(0,0,0,0.60);
position:relative;
padding-bottom:62.5%;
}
.hkblc_img-kx9 img{
inset:0;
object-fit:cover;
height:100%;
width:100%;
position:absolute;
}
.hkblc_live-kx9{
border-radius:999px;
padding:4px 0.563rem;
background:rgba(0,0,0,0.52);
gap:7px;
top:12px;
align-items:center;
position:absolute;
display:flex;
left:12px;
}
.hkblc_live_dot-kx9{
animation:zm2-pulse 1.6s infinite;
background:#f0424a;
border-radius:50%;
height:0.5rem;
width:0.5rem;
}
.hkblc_seats-kx9{
text-transform:uppercase;
letter-spacing:.08em;
color:#eef2f8;
font-size:10px;
font-weight:600;
}
.hkblc_info-kx9{
gap:2px;
margin-top:9px;
min-width:0;
display:flex;
flex-direction:column;
}
.hkblc_name-kx9{
overflow:hidden;
text-overflow:ellipsis;
font-size:15px;
font-weight:700;
color:#eef2f8;
white-space:nowrap;
}
.hkblc_bet-kx9{
color:#8a97a8;
font-size:11px;
}
.hkbpc-kx9{
border-radius:0.875rem;
border:1px solid rgba(200,220,255,0.07);
padding:16px 14px;
gap:8px;
background:#141b24;
min-height:74px;
flex-direction:column;
min-width:0;
display:flex;
justify-content:center;
align-items:center;
}
.hkbpc_logo-kx9{
flex:0 0 auto;
width:auto;
object-fit:contain;
height:1.75rem;
max-width:100%;
}
.hkbpc_name-kx9{
overflow:hidden;
white-space:nowrap;
text-align:center;
text-overflow:ellipsis;
color:#8a97a8;
font-size:0.688rem;
max-width:100%;
}
.hkbgc_tag-kx9{
border-radius:8px;
padding:3px 8px;
letter-spacing:.06em;
font-size:0.625rem;
font-weight:700;
left:0.625rem;
display:inline-block;
z-index:2;
position:absolute;
text-transform:uppercase;
top:10px;
}
.hkbgc_tag_hot-kx9{
background:#f0424a;
color:#eef2f8;
}
.hkbgc_tag_new-kx9{
background:#6db8ff;
color:#080c10;
}
.hkbgc_tag_jp-kx9{
background:#f5b731;
color:#080c10;
}
.hkbgc_tag_live-kx9{
background:#f0424a;
color:#eef2f8;
}
.hkbsh-kx9{
min-width:0;
margin-bottom:18px;
}
.hkbsh_row-kx9{
gap:16px;
align-items:flex-end;
flex-wrap:wrap;
justify-content:space-between;
display:flex;
}
.hkbsh_row-kx9 .hkbsh_l-kx9{
gap:0.375rem;
display:flex;
flex-direction:column;
min-width:0;
}
.hkbsh_stack-kx9{
gap:10px;
flex-direction:column;
align-items:flex-start;
display:flex;
}
.hkbsh_center-kx9{
gap:10px;
align-items:center;
text-align:center;
display:flex;
flex-direction:column;
}
.hkbsh_h2-kx9{
line-height:1.1;
font-size:24px;
overflow-wrap:break-word;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
font-weight:600;
color:#eef2f8;
}
@media(min-width:771px){
.hkbsh_h2-kx9{
font-size:30px;
}
}
.hkbband-kx9 .hkbsh_h2-kx9{
color:#eef2f8;
}
.hkbsh_eb_line-kx9{
gap:10px;
display:inline-flex;
align-items:center;
}
.hkbsh_eb_line-kx9::before{
background:#3a8fe8;
content:"";
height:1px;
width:1.75rem;
display:inline-block;
}
.hkbband-kx9 .hkbsh_eb_line-kx9::before{
background:#5cb8ff;
}
.hkbsh_eb_dot-kx9{
gap:0.5rem;
align-items:center;
display:inline-flex;
}
.hkbsh_eb_dot-kx9::before{
background:#3a8fe8;
border-radius:50%;
height:0.375rem;
content:"";
display:inline-block;
width:6px;
}
.hkbband-kx9 .hkbsh_eb_dot-kx9::before{
background:#5cb8ff;
}
.hkbsh_link-kx9{
gap:6px;
transition:color .2s ease,border-color .2s ease,background-color .2s ease;
color:#eef2f8;
white-space:nowrap;
align-items:center;
font-weight:600;
display:inline-flex;
padding-bottom:2px;
font-size:13px;
border-bottom:1px solid #eef2f8;
}
.hkbsh_link-kx9:hover{
border-color:#3a8fe8;
color:#3a8fe8;
}
.hkbsh_link-kx9 svg{
height:0.875rem;
width:0.875rem;
}
.hkbsh_link_chev-kx9{
padding-bottom:0;
border-bottom:0;
}
.hkbsh_link_btn-kx9{
padding:0.563rem 18px;
border-radius:62.438rem;
background:#3a8fe8;
border-bottom:0;
color:#080c10;
}
.hkbsh_link_btn-kx9:hover{
background:#5aaaf5;
border-color:transparent;
color:#080c10;
}
.hkbband-kx9 .hkbsh_link-kx9{
border-color:#eef2f8;
color:#eef2f8;
}
.hkbband-kx9 .hkbsh_link_btn-kx9{
background:#5cb8ff;
color:#080c10;
}
.hkbsh_rule-kx9{
margin:-2px 0 1.125rem;
background:rgba(200,220,255,0.13);
height:1px;
}
.hkbband-kx9 .hkbsh_rule-kx9{
background:rgba(200,220,255,0.13);
}
.hkbhero-kx9{
padding:32px 0 8px;
}
@media(min-width:766px){
.hkbhero-kx9{
padding:3.5rem 0 24px;
}
}
.hkbhero_in-kx9{
grid-template-columns:1fr;
gap:32px;
align-items:center;
display:grid;
}
@media(min-width:899px){
.hkbhero_in-kx9{
grid-template-columns:1.05fr .95fr;
gap:48px;
}
}
.hkbhero_copy-kx9{
min-width:0;
}
.hkbhero_eyebrow-kx9{
gap:10px;
margin-bottom:22px;
align-items:center;
display:inline-flex;
}
.hkbhero_eyebrow_line-kx9{
background:#3a8fe8;
flex:0 0 auto;
height:1px;
width:1.75rem;
display:inline-block;
}
.hkbhero_h1-kx9{
color:#eef2f8;
font-size:38px;
font-weight:600;
letter-spacing:-.01em;
line-height:1.04;
margin-bottom:1.25rem;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
}
@media(min-width:768px){
.hkbhero_h1-kx9{
font-size:54px;
}
}
@media(min-width:1097px){
.hkbhero_h1-kx9{
font-size:62px;
}
}
.hkbhero_h1-kx9 em{
color:#3a8fe8;
font-style:normal;
}
.hkbhero_sub-kx9{
line-height:1.6;
font-size:1rem;
max-width:480px;
color:#6a7785;
margin-bottom:1.875rem;
}
@media(min-width:767px){
.hkbhero_sub-kx9{
font-size:1.125rem;
}
}
.hkbhero_actions-kx9{
gap:14px;
align-items:center;
display:flex;
margin-bottom:34px;
flex-wrap:wrap;
}
.hkbhero_cta-kx9{
gap:0.625rem;
transition:background-color .2s ease;
background:#3a8fe8;
border-radius:62.438rem;
padding:1rem 1.875rem;
align-items:center;
font-size:15px;
color:#080c10;
font-weight:700;
display:inline-flex;
}
.hkbhero_cta-kx9:hover{
background:#5aaaf5;
}
.hkbhero_cta_ic-kx9{
align-items:center;
display:inline-flex;
}
.hkbhero_cta_ic-kx9 svg{
width:16px;
height:16px;
}
.hkbhero_cta_alt-kx9{
border-radius:62.438rem;
background:transparent;
transition:border-color .2s ease,color .2s ease;
border:1px solid rgba(200,220,255,0.13);
padding:0.938rem 1.625rem;
font-size:15px;
align-items:center;
color:#eef2f8;
font-weight:600;
display:inline-flex;
}
.hkbhero_cta_alt-kx9:hover{
border-color:#3a8fe8;
color:#3a8fe8;
}
.hkbhero_trust-kx9{
gap:1.375rem;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.hkbhero_trust_item-kx9{
gap:9px;
font-size:0.813rem;
align-items:center;
display:flex;
font-weight:600;
color:#c4cdd9;
}
.hkbhero_trust_ic-kx9{
color:#3a8fe8;
align-items:center;
display:inline-flex;
}
.hkbhero_trust_ic-kx9 svg{
width:16px;
height:1rem;
}
.hkbhero_promo-kx9{
border-radius:20px;
background:#141b24;
overflow:hidden;
display:flex;
position:relative;
box-shadow:0 8px 48px rgba(0,0,0,0.55), 0 2px 0.75rem rgba(58,143,232,0.18), 0 1px 3px rgba(0,0,0,0.70);
min-height:18.75rem;
}
.hkbhero_promo_bg-kx9{
inset:0;
position:absolute;
background-size:cover;
background-position:center;
}
.hkbhero_promo_bg-kx9::after{
inset:0;
background:linear-gradient(120deg,#0a1220 0%,rgba(0,0,0,0.52) 55%,transparent 100%);
content:"";
position:absolute;
}
.hkbhero_promo_glow-kx9{
background:radial-gradient(circle,rgba(56,140,255,0.12) 0%,transparent 65%);
border-radius:50%;
right:-20px;
width:16.25rem;
height:260px;
position:absolute;
top:-2.5rem;
pointer-events:none;
}
.hkbhero_promo_ct-kx9{
padding:28px;
max-width:88%;
align-self:flex-end;
position:relative;
z-index:2;
}
.hkbhero_promo_label-kx9{
font-size:10px;
font-weight:700;
display:block;
color:#5cb8ff;
margin-bottom:8px;
letter-spacing:.25em;
text-transform:uppercase;
}
.hkbhero_promo_amount-kx9{
overflow-wrap:break-word;
font-weight:600;
color:#eef2f8;
line-height:1.05;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
font-size:32px;
}
@media(min-width:765px){
.hkbhero_promo_amount-kx9{
font-size:40px;
}
}
.hkbhero_promo_amount-kx9 em{
color:#5cb8ff;
font-style:normal;
}
.hkbhero_rating-kx9{
padding:10px 14px;
border:1px solid rgba(200,220,255,0.07);
background:#141b24;
gap:0.625rem;
border-radius:14px;
display:flex;
z-index:3;
align-items:center;
box-shadow:0 2px 8px rgba(0,0,0,0.45), 0 1px 2px rgba(0,0,0,0.60);
position:absolute;
right:0.875rem;
top:14px;
max-width:min(16.25rem,62%);
}
.hkbhero_rating_score-kx9{
flex:0 0 auto;
font-size:24px;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
font-weight:700;
color:#eef2f8;
}
.hkbhero_rating_txt-kx9{
flex:1 1 auto;
min-width:0;
}
.hkbhero_rating_stars-kx9{
gap:2px;
color:#3a8fe8;
display:flex;
}
.hkbhero_rating_stars-kx9 svg{
height:12px;
width:12px;
}
.hkbhero_rating_cap-kx9{
margin-top:3px;
color:#8a97a8;
font-size:0.688rem;
overflow-wrap:break-word;
line-height:1.35;
display:block;
}
.hkbstat-kx9{
border-bottom:1px solid rgba(200,220,255,0.13);
margin-top:1rem;
border-top:1px solid rgba(200,220,255,0.13);
}
.hkbstat_in-kx9{
grid-template-columns:repeat(2,1fr);
display:grid;
}
@media(min-width:771px){
.hkbstat_in-kx9{
grid-template-columns:repeat(4,1fr);
}
}
.hkbstat_item-kx9{
padding:1.375rem 0.875rem;
min-width:0;
border-bottom:1px solid rgba(200,220,255,0.07);
border-right:1px solid rgba(200,220,255,0.07);
}
.hkbstat_item-kx9:nth-child(2n){
border-right:0;
}
.hkbstat_item-kx9:nth-child(n+3){
border-bottom:0;
}
@media(min-width:770px){
.hkbstat_item-kx9{
border-bottom:0;
}
.hkbstat_item-kx9:nth-child(2n){
border-right:1px solid rgba(200,220,255,0.07);
}
.hkbstat_item-kx9:nth-child(4n){
border-right:0;
}
}
.hkbstat_value-kx9{
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
line-height:1;
font-size:30px;
color:#eef2f8;
font-weight:700;
}
@media(min-width:765px){
.hkbstat_value-kx9{
font-size:34px;
}
}
.hkbstat_label-kx9{
color:#8a97a8;
line-height:1.4;
overflow-wrap:break-word;
margin-top:6px;
font-size:13px;
}
.hkbpr-kx9{
padding:1.875rem 0 6px;
}
.hkbpr_card-kx9{
padding:1.625rem;
gap:0.625rem;
border:1px solid rgba(200,220,255,0.07);
flex:0 0 auto;
border-radius:20px;
background:#141b24;
overflow:hidden;
width:280px;
flex-direction:column;
min-height:12.5rem;
display:flex;
position:relative;
}
@media(min-width:769px){
.hkbpr_card-kx9{
width:300px;
}
}
.hkbpr_card_feat-kx9{
background:linear-gradient(150deg,#0d1e38,#080c10);
border-color:transparent;
color:#eef2f8;
}
.hkbpr_glow-kx9{
border-radius:50%;
background:radial-gradient(circle,rgba(56,140,255,0.12),transparent 70%);
height:8.125rem;
opacity:0;
pointer-events:none;
top:-30px;
position:absolute;
right:-30px;
width:130px;
}
.hkbpr_card_feat-kx9 .hkbpr_glow-kx9{
opacity:1;
}
.hkbpr_label-kx9{
font-weight:700;
position:relative;
color:#3a8fe8;
text-transform:uppercase;
letter-spacing:.16em;
font-size:10px;
}
.hkbpr_card_feat-kx9 .hkbpr_label-kx9{
color:#5cb8ff;
}
.hkbpr_amount-kx9{
font-size:26px;
color:#eef2f8;
position:relative;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
font-weight:600;
line-height:1.08;
overflow-wrap:break-word;
}
.hkbpr_card_feat-kx9 .hkbpr_amount-kx9{
color:#eef2f8;
}
.hkbpr_amount-kx9 em{
font-style:normal;
color:#3a8fe8;
}
.hkbpr_card_feat-kx9 .hkbpr_amount-kx9 em{
color:#5cb8ff;
}
.hkbpr_terms-kx9{
color:#8a97a8;
position:relative;
font-size:0.813rem;
line-height:1.5;
}
.hkbpr_card_feat-kx9 .hkbpr_terms-kx9{
color:#7fa3c8;
}
.hkbpr_cta-kx9{
align-self:flex-start;
margin-top:auto;
position:relative;
}
.hkbpr_card_feat-kx9 .hkbpr_cta-kx9{
padding:9px 18px;
border-radius:62.438rem;
transition:opacity .2s ease;
background:#5cb8ff;
font-weight:700;
color:#080c10;
font-size:0.813rem;
}
.hkbpr_card_feat-kx9 .hkbpr_cta-kx9:hover{
opacity:.9;
}
.hkbpr_card-kx9:not(.hkbpr_card_feat-kx9) .hkbpr_cta-kx9{
transition:color .2s ease,border-color .2s ease;
color:#eef2f8;
font-weight:700;
padding-bottom:2px;
border-bottom:1px solid #eef2f8;
font-size:13px;
}
.hkbpr_card-kx9:not(.hkbpr_card_feat-kx9) .hkbpr_cta-kx9:hover{
border-color:#3a8fe8;
color:#3a8fe8;
}
.hkbgrow-kx9{
padding:26px 0 10px;
}
.hkbrow_seo-kx9{
margin:0.625rem 0 0;
line-height:1.65;
font-size:0.875rem;
max-width:760px;
color:#6a7785;
overflow-wrap:break-word;
}
.hkbrow_seo-kx9 strong{
font-weight:700;
color:#eef2f8;
}
.hkbjp-kx9{
padding:30px 0 10px;
}
.hkbjp_grid-kx9{
grid-template-columns:1fr;
gap:1rem;
display:grid;
}
@media(min-width:770px){
.hkbjp_grid-kx9{
grid-template-columns:1fr 1fr;
}
.hkbjp_card_mega-kx9{
grid-column:1/-1;
}
}
@media(min-width:997px){
.hkbjp_grid-kx9{
grid-template-columns:1.4fr 1fr 1fr;
}
.hkbjp_card_mega-kx9{
grid-column:auto;
}
}
.hkbjp_card-kx9{
border-radius:20px;
border:1px solid rgba(200,220,255,0.07);
padding:1.625rem;
gap:0.75rem;
background:#141b24;
overflow:hidden;
justify-content:space-between;
min-width:0;
min-height:200px;
display:flex;
position:relative;
flex-direction:column;
}
.hkbjp_card_mega-kx9{
background:linear-gradient(135deg,#0d1e38,#080c10);
border-color:transparent;
min-height:210px;
color:#eef2f8;
}
.hkbjp_glow-kx9{
background:radial-gradient(circle,rgba(56,140,255,0.12),transparent 70%);
border-radius:50%;
pointer-events:none;
right:-40px;
position:absolute;
width:12.5rem;
top:-40px;
height:200px;
}
.hkbjp_label-kx9{
gap:0.625rem;
position:relative;
color:#3a8fe8;
justify-content:space-between;
font-size:0.625rem;
text-transform:uppercase;
letter-spacing:.16em;
flex-wrap:wrap;
font-weight:700;
align-items:center;
display:flex;
}
.hkbjp_card_mega-kx9 .hkbjp_label-kx9{
color:#5cb8ff;
}
.hkbjp_drop-kx9{
font-weight:600;
text-transform:none;
letter-spacing:.04em;
color:#8a97a8;
}
.hkbjp_card_mega-kx9 .hkbjp_drop-kx9{
color:#7fa3c8;
}
.hkbjp_amount-kx9{
color:#eef2f8;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
font-weight:700;
line-height:1;
overflow-wrap:break-word;
position:relative;
font-size:2.375rem;
}
.hkbjp_card_mega-kx9 .hkbjp_amount-kx9{
animation:zm2-pulse 2.4s infinite;
font-size:48px;
color:#5cb8ff;
}
@media(min-width:770px){
.hkbjp_card_mega-kx9 .hkbjp_amount-kx9{
font-size:54px;
}
}
.hkbjp_game-kx9{
font-size:0.813rem;
color:#8a97a8;
position:relative;
}
.hkbjp_card_mega-kx9 .hkbjp_game-kx9{
color:#7fa3c8;
}
.hkbjp_cta-kx9{
align-self:flex-start;
position:relative;
}
.hkbjp_card_mega-kx9 .hkbjp_cta-kx9{
padding:10px 20px;
border-radius:62.438rem;
transition:opacity .2s ease;
background:#5cb8ff;
font-size:13px;
color:#080c10;
font-weight:700;
}
.hkbjp_card_mega-kx9 .hkbjp_cta-kx9:hover{
opacity:.9;
}
.hkbjp_card-kx9:not(.hkbjp_card_mega-kx9) .hkbjp_cta-kx9{
transition:color .2s ease,border-color .2s ease;
color:#eef2f8;
font-weight:700;
padding-bottom:2px;
border-bottom:1px solid #eef2f8;
font-size:13px;
}
.hkbjp_card-kx9:not(.hkbjp_card_mega-kx9) .hkbjp_cta-kx9:hover{
border-color:#3a8fe8;
color:#3a8fe8;
}
.hkbjp_seo-kx9{
margin:14px 0 0;
color:#6a7785;
overflow-wrap:break-word;
font-size:14px;
line-height:1.65;
max-width:47.5rem;
}
.hkbjp_seo-kx9 strong{
font-weight:700;
color:#eef2f8;
}
.hkbgf-kx9{
padding:1.5rem 0 0.375rem;
}
.hkbgf_in-kx9{
gap:10px;
flex-wrap:wrap;
display:flex;
}
.hkbgf_chip-kx9{
background:#141b24;
border:1px solid rgba(200,220,255,0.13);
padding:0.625rem 1.125rem;
border-radius:999px;
transition:color .2s ease,border-color .2s ease,background-color .2s ease;
color:#c4cdd9;
font-size:13px;
white-space:nowrap;
font-weight:600;
}
.hkbgf_chip-kx9:hover{
border-color:#3a8fe8;
color:#3a8fe8;
}
.hkbgf_chip-kx9.hkbstate_active-kx9{
background:#3a8fe8;
border-color:transparent;
color:#080c10;
}
.hkbgrow-kx9{
padding:1.625rem 0 10px;
}
.hkbrow_seo-kx9{
margin:0.625rem 0 0;
max-width:47.5rem;
color:#6a7785;
line-height:1.65;
font-size:14px;
overflow-wrap:break-word;
}
.hkbrow_seo-kx9 strong{
font-weight:700;
color:#eef2f8;
}
.hkbgrow-kx9{
padding:1.625rem 0 10px;
}
.hkbrow_seo-kx9{
margin:10px 0 0;
max-width:47.5rem;
line-height:1.65;
color:#6a7785;
font-size:14px;
overflow-wrap:break-word;
}
.hkbrow_seo-kx9 strong{
font-weight:700;
color:#eef2f8;
}
.hkbnl-kx9{
padding:24px 0 0.625rem;
}
.hkbnl_in-kx9{
border-radius:20px;
gap:22px;
padding:1.875rem 32px;
background:#071019;
color:#eef2f8;
flex-direction:column;
display:flex;
}
@media(min-width:766px){
.hkbnl_in-kx9{
gap:28px;
align-items:center;
justify-content:space-between;
flex-direction:row;
}
}
.hkbnl_text_wrap-kx9{
min-width:0;
}
.hkbnl_h3-kx9{
color:#eef2f8;
overflow-wrap:break-word;
font-size:22px;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
margin-bottom:0.313rem;
line-height:1.1;
font-weight:600;
}
@media(min-width:769px){
.hkbnl_h3-kx9{
font-size:1.5rem;
}
}
.hkbnl_text-kx9{
color:#7fa3c8;
line-height:1.5;
font-size:13.5px;
}
.hkbnl_form-kx9{
gap:10px;
flex:1 1 auto;
min-width:0;
max-width:28.75rem;
display:flex;
}
.hkbnl_input-kx9{
border:1px solid rgba(200,220,255,0.13);
border-radius:14px;
overflow:hidden;
flex:1 1 auto;
padding:0.813rem 16px;
background:rgba(200,220,255,0.07);
min-width:0;
text-overflow:ellipsis;
color:#7fa3c8;
white-space:nowrap;
align-items:center;
font-size:0.875rem;
display:flex;
}
.hkbnl_btn-kx9{
background:#5cb8ff;
flex:0 0 auto;
padding:0.813rem 1.5rem;
transition:opacity .2s ease;
border-radius:0.875rem;
color:#080c10;
font-size:0.875rem;
white-space:nowrap;
font-weight:700;
}
.hkbnl_btn-kx9:hover{
opacity:.9;
}
.hkbapp-kx9{
padding:30px 0 0.625rem;
}
.hkbapp_in-kx9{
background:#141b24;
border-radius:1.25rem;
border:1px solid rgba(200,220,255,0.07);
padding:2rem;
gap:28px;
flex-direction:column;
display:flex;
}
@media(min-width:765px){
.hkbapp_in-kx9{
padding:40px 44px;
gap:2.5rem;
align-items:center;
flex-direction:row;
justify-content:space-between;
}
}
.hkbapp_copy-kx9{
min-width:0;
max-width:35rem;
}
.hkbapp_eyebrow-kx9{
margin-bottom:12px;
}
.hkbapp_h2-kx9{
overflow-wrap:break-word;
font-size:1.75rem;
margin-bottom:12px;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
line-height:1.05;
color:#eef2f8;
font-weight:600;
}
@media(min-width:766px){
.hkbapp_h2-kx9{
font-size:34px;
}
}
.hkbapp_text-kx9{
margin-bottom:1.375rem;
line-height:1.6;
font-size:14px;
color:#6a7785;
}
.hkbapp_btns-kx9{
gap:0.75rem;
flex-wrap:wrap;
display:flex;
}
.hkbapp_btn-kx9{
background:#3a8fe8;
border-radius:14px;
gap:10px;
transition:background-color .2s ease;
padding:11px 20px;
align-items:center;
display:inline-flex;
color:#080c10;
}
.hkbapp_btn-kx9:hover{
background:#5aaaf5;
}
.hkbapp_btn_ic-kx9{
display:inline-flex;
align-items:center;
}
.hkbapp_btn_ic-kx9 svg{
height:1.125rem;
width:1.125rem;
}
.hkbapp_btn_lb-kx9{
font-weight:700;
font-size:0.844rem;
}
.hkbapp_qr_wrap-kx9{
flex:0 0 auto;
gap:18px;
align-items:center;
display:flex;
}
.hkbapp_qr-kx9{
border-radius:14px;
flex:0 0 auto;
background-color:#3a8fe8;
width:6.75rem;
height:6.75rem;
background-image:repeating-linear-gradient(0deg,#141b24 0 0.313rem,transparent 0.313rem 0.688rem),repeating-linear-gradient(90deg,#141b24 0 0.313rem,transparent 5px 0.688rem);
}
.hkbapp_qr_cap-kx9{
line-height:1.4;
max-width:5.75rem;
font-size:12.5px;
color:#8a97a8;
}
.hkbvip-kx9{
padding:48px 0;
}
@media(min-width:768px){
.hkbvip-kx9{
padding:64px 0;
}
}
.hkbvip_head-kx9{
gap:14px;
display:flex;
flex-direction:column;
margin-bottom:1.875rem;
}
@media(min-width:883px){
.hkbvip_head-kx9{
gap:24px;
flex-direction:row;
justify-content:space-between;
align-items:flex-end;
}
}
.hkbvip_eyebrow-kx9{
margin-bottom:0.75rem;
}
.hkbvip_h2-kx9{
color:#eef2f8;
font-size:32px;
font-weight:600;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
line-height:1.05;
overflow-wrap:break-word;
}
@media(min-width:769px){
.hkbvip_h2-kx9{
font-size:40px;
}
}
.hkbvip_intro-kx9{
font-size:0.875rem;
color:#7fa3c8;
line-height:1.6;
max-width:420px;
}
.hkbvip_grid-kx9{
grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr));
gap:14px;
display:grid;
}
.hkbvip_card-kx9{
border-radius:0.875rem;
border:1px solid rgba(200,220,255,0.13);
padding:22px 1.125rem;
min-width:0;
}
.hkbvip_card_feat-kx9{
border-color:#5cb8ff;
background:rgba(200,220,255,0.07);
}
.hkbvip_card_ic-kx9{
background:linear-gradient(135deg,#3a8fe8,#6db8ff);
border-radius:8px;
width:2.125rem;
display:block;
height:2.125rem;
margin-bottom:16px;
}
.hkbvip_name-kx9{
overflow-wrap:break-word;
margin-bottom:0.375rem;
color:#eef2f8;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
font-weight:600;
font-size:20px;
}
.hkbvip_perk-kx9{
color:#7fa3c8;
overflow-wrap:break-word;
font-size:0.781rem;
line-height:1.5;
}
.hkbsea-kx9{
padding:1.5rem 0 0.625rem;
}
.hkbsea_in-kx9{
background:linear-gradient(115deg,#0d1e38,#080c10);
overflow:hidden;
border-radius:1.25rem;
padding:36px;
gap:1.375rem;
color:#eef2f8;
flex-direction:column;
display:flex;
position:relative;
}
@media(min-width:823px){
.hkbsea_in-kx9{
gap:2rem;
padding:2.75rem 48px;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
}
.hkbsea_glow-kx9{
border-radius:50%;
background:radial-gradient(circle,rgba(56,140,255,0.12),transparent 68%);
position:absolute;
height:240px;
right:60px;
pointer-events:none;
width:240px;
transform:translateY(-50%);
top:50%;
}
.hkbsea_copy-kx9{
max-width:35rem;
min-width:0;
position:relative;
}
.hkbsea_eyebrow-kx9{
margin-bottom:0.75rem;
}
.hkbsea_h2-kx9{
font-size:30px;
line-height:1.04;
color:#eef2f8;
margin-bottom:12px;
font-weight:600;
overflow-wrap:break-word;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
}
@media(min-width:770px){
.hkbsea_h2-kx9{
font-size:38px;
}
}
.hkbsea_text-kx9{
font-size:15px;
line-height:1.6;
color:#7fa3c8;
}
.hkbsea_cta-kx9{
flex:0 0 auto;
padding:1rem 32px;
background:#5cb8ff;
border-radius:62.438rem;
transition:opacity .2s ease;
position:relative;
font-weight:700;
color:#080c10;
font-size:15px;
}
.hkbsea_cta-kx9:hover{
opacity:.9;
}
.hkbdr-kx9{
padding:2.25rem 0 10px;
}
.hkbdr_in-kx9{
border:1px dashed rgba(200,220,255,0.13);
padding:28px 2rem;
border-radius:14px;
gap:1.25rem;
flex-direction:column;
display:flex;
}
@media(min-width:770px){
.hkbdr_in-kx9{
gap:2rem;
justify-content:space-between;
flex-direction:row;
align-items:center;
}
}
.hkbdr_h2-kx9{
overflow-wrap:break-word;
font-weight:600;
font-size:1.5rem;
margin-bottom:0.5rem;
line-height:1.1;
color:#eef2f8;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
}
@media(min-width:770px){
.hkbdr_h2-kx9{
font-size:26px;
}
}
.hkbdr_text-kx9{
line-height:1.6;
max-width:42.5rem;
font-size:0.875rem;
overflow-wrap:break-word;
color:#6a7785;
}
.hkbdr_text-kx9 b{
font-weight:700;
color:#eef2f8;
}
.hkbdr_cta-kx9{
flex:0 0 auto;
transition:color .2s ease;
font-size:13.5px;
border-bottom:1px solid #3a8fe8;
color:#eef2f8;
padding-bottom:2px;
font-weight:700;
white-space:nowrap;
}
.hkbdr_cta-kx9:hover{
color:#3a8fe8;
}
.hkbet-kx9{
padding:2.25rem 0 10px;
}
.hkbet_in-kx9{
grid-template-columns:1fr;
gap:32px;
align-items:start;
display:grid;
}
@media(min-width:882px){
.hkbet_in-kx9{
grid-template-columns:1.1fr .9fr;
gap:3rem;
}
}
.hkbet_left-kx9{
min-width:0;
}
.hkbet_eyebrow-kx9{
margin-bottom:12px;
}
.hkbet_h2-kx9{
margin-bottom:14px;
font-size:1.75rem;
font-weight:600;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
line-height:1.06;
color:#eef2f8;
overflow-wrap:break-word;
}
@media(min-width:770px){
.hkbet_h2-kx9{
font-size:2rem;
}
}
.hkbet_text-kx9{
font-size:15px;
margin-bottom:1.375rem;
line-height:1.65;
color:#6a7785;
}
.hkbet_stats-kx9{
gap:1.5rem;
flex-wrap:wrap;
display:flex;
}
.hkbet_stat-kx9{
min-width:0;
}
.hkbet_stat_v-kx9{
font-size:26px;
color:#eef2f8;
line-height:1;
font-weight:700;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
}
.hkbet_stat_l-kx9{
font-size:0.781rem;
margin-top:0.25rem;
color:#8a97a8;
}
.hkbet_right-kx9{
gap:0.75rem;
flex-direction:column;
display:flex;
}
.hkbet_member-kx9{
background:#141b24;
gap:1rem;
border-radius:0.875rem;
border:1px solid rgba(200,220,255,0.07);
padding:18px 20px;
align-items:center;
display:flex;
min-width:0;
}
.hkbet_member_av-kx9{
background:linear-gradient(135deg,#0d1e38,#3a8fe8);
border-radius:50%;
flex:0 0 auto;
width:48px;
height:3rem;
}
.hkbet_member_name-kx9{
color:#eef2f8;
overflow-wrap:break-word;
font-size:0.938rem;
font-weight:700;
}
.hkbet_member_role-kx9{
color:#8a97a8;
overflow-wrap:break-word;
font-size:12.5px;
}
.hkbet_updated-kx9{
gap:8px;
border-radius:0.875rem;
background:#0d1117;
padding:14px 1.125rem;
border:1px solid rgba(200,220,255,0.07);
align-items:center;
display:flex;
font-size:0.781rem;
color:#6a7785;
}
.hkbtt-kx9{
padding:3rem 0 10px;
}
@media(min-width:769px){
.hkbtt-kx9{
padding:3.75rem 0 10px;
}
}
.hkbtt_head-kx9{
margin-bottom:34px;
text-align:center;
}
.hkbtt_eyebrow-kx9{
margin-bottom:12px;
}
.hkbtt_h2-kx9{
color:#eef2f8;
line-height:1.05;
font-size:32px;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
font-weight:600;
}
@media(min-width:768px){
.hkbtt_h2-kx9{
font-size:2.625rem;
}
}
.hkbtt_grid-kx9{
grid-template-columns:1fr;
gap:18px;
display:grid;
}
@media(min-width:759px){
.hkbtt_grid-kx9{
grid-template-columns:repeat(3,1fr);
}
}
.hkbtt_card-kx9{
padding:1.875rem;
background:#141b24;
border:1px solid rgba(200,220,255,0.07);
border-radius:14px;
display:flex;
flex-direction:column;
min-width:0;
}
.hkbtt_card_ic-kx9{
margin-bottom:1.125rem;
align-items:center;
display:inline-flex;
color:#3a8fe8;
}
.hkbtt_card_ic-kx9 svg{
height:1.75rem;
width:28px;
}
.hkbtt_card_h-kx9{
color:#eef2f8;
overflow-wrap:break-word;
margin-bottom:8px;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
line-height:1.15;
font-weight:600;
font-size:22px;
}
.hkbtt_card_p-kx9{
color:#6a7785;
margin-bottom:0.875rem;
overflow-wrap:break-word;
line-height:1.6;
font-size:14px;
}
.hkbtt_card_p-kx9 b{
font-weight:700;
color:#eef2f8;
}
.hkbtt_card_link-kx9{
transition:color .2s ease;
font-size:13px;
color:#eef2f8;
align-self:flex-start;
padding-bottom:2px;
margin-top:auto;
border-bottom:1px solid #3a8fe8;
font-weight:700;
}
.hkbtt_card_link-kx9:hover{
color:#3a8fe8;
}
.hkbrc-kx9{
padding:3rem 0 0.625rem;
}
.hkbrc_in-kx9{
grid-template-columns:1fr;
gap:2rem;
display:grid;
}
@media(min-width:759px){
.hkbrc_in-kx9{
gap:2.5rem;
grid-template-columns:repeat(3,1fr);
}
}
.hkbrc_col-kx9{
min-width:0;
}
.hkbrc_label-kx9{
color:#3a8fe8;
letter-spacing:.2em;
text-transform:uppercase;
margin-bottom:1rem;
font-size:0.688rem;
font-weight:600;
}
.hkbrc_awards-kx9{
gap:0.75rem;
display:flex;
flex-direction:column;
}
.hkbrc_award-kx9{
gap:12px;
min-width:0;
display:flex;
align-items:center;
}
.hkbrc_award_ic-kx9{
flex:0 0 auto;
align-items:center;
color:#6db8ff;
display:inline-flex;
}
.hkbrc_award_ic-kx9 svg{
width:18px;
height:1.125rem;
}
.hkbrc_award_t-kx9{
overflow-wrap:break-word;
font-weight:700;
font-size:0.875rem;
color:#eef2f8;
}
.hkbrc_award_s-kx9{
color:#8a97a8;
font-size:12px;
overflow-wrap:break-word;
}
.hkbrc_press-kx9{
gap:0.625rem;
grid-template-columns:1fr 1fr;
display:grid;
}
.hkbrc_press_logo-kx9{
border:1px solid rgba(200,220,255,0.07);
overflow:hidden;
padding:0 0.5rem;
border-radius:0.5rem;
font-size:14px;
color:#6a7785;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
justify-content:center;
display:flex;
white-space:nowrap;
text-overflow:ellipsis;
align-items:center;
text-align:center;
height:52px;
font-weight:700;
}
.hkbrc_partner-kx9{
border:1px solid rgba(200,220,255,0.07);
background:#141b24;
padding:22px;
border-radius:0.875rem;
}
.hkbrc_partner_name-kx9{
overflow-wrap:break-word;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
margin-bottom:0.375rem;
color:#eef2f8;
font-size:1.25rem;
font-weight:600;
}
.hkbrc_partner_text-kx9{
overflow-wrap:break-word;
font-size:13px;
color:#6a7785;
line-height:1.55;
}
.hkbts-kx9{
padding:2.75rem 0;
}
.hkbts_in-kx9{
gap:32px;
grid-template-columns:1fr;
display:grid;
align-items:center;
}
@media(min-width:877px){
.hkbts_in-kx9{
gap:3rem;
grid-template-columns:1.4fr 1fr;
}
}
.hkbts_left-kx9{
min-width:0;
}
.hkbts_h2-kx9{
overflow-wrap:break-word;
margin-bottom:0.75rem;
color:#eef2f8;
font-weight:600;
font-size:1.625rem;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
line-height:1.1;
}
@media(min-width:769px){
.hkbts_h2-kx9{
font-size:1.75rem;
}
}
.hkbts_text-kx9{
max-width:32.5rem;
margin-bottom:22px;
line-height:1.6;
font-size:0.906rem;
color:#7fa3c8;
}
.hkbts_badges-kx9{
gap:1.125rem;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.hkbts_badge-kx9{
font-size:13px;
font-weight:600;
color:#7fa3c8;
}
.hkbts_pay-kx9{
gap:0.75rem;
display:flex;
flex-wrap:wrap;
}
@media(min-width:881px){
.hkbts_pay-kx9{
justify-content:flex-end;
}
}
.hkbts_pay_chip-kx9{
border:1px solid rgba(200,220,255,0.13);
padding:12px 1rem;
background:rgba(200,220,255,0.07);
border-radius:0.875rem;
color:#eef2f8;
font-size:0.875rem;
font-weight:700;
}
.hkbwy-kx9{
padding:48px 0;
}
@media(min-width:770px){
.hkbwy-kx9{
padding:3.5rem 0;
}
}
.hkbwy_in-kx9{
grid-template-columns:1fr;
gap:2rem;
align-items:start;
display:grid;
}
@media(min-width:901px){
.hkbwy_in-kx9{
gap:48px;
grid-template-columns:.8fr 1.2fr;
}
}
.hkbwy_left-kx9{
min-width:0;
}
.hkbwy_eyebrow-kx9{
margin-bottom:14px;
}
.hkbwy_h2-kx9{
overflow-wrap:break-word;
line-height:1.05;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
color:#eef2f8;
font-size:2rem;
margin-bottom:1rem;
font-weight:600;
}
@media(min-width:770px){
.hkbwy_h2-kx9{
font-size:40px;
}
}
.hkbwy_intro-kx9{
color:#6a7785;
font-size:15px;
line-height:1.6;
}
.hkbwy_grid-kx9{
gap:18px;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:557px){
.hkbwy_grid-kx9{
grid-template-columns:1fr 1fr;
}
}
.hkbwy_card-kx9{
border:1px solid rgba(200,220,255,0.07);
padding:26px;
border-radius:0.875rem;
background:#141b24;
min-width:0;
}
.hkbwy_card_ic-kx9{
color:#3a8fe8;
display:inline-flex;
margin-bottom:1rem;
justify-content:center;
align-items:center;
}
.hkbwy_card_ic-kx9 svg{
width:26px;
height:1.625rem;
}
.hkbwy_card_h-kx9{
font-size:1.313rem;
line-height:1.15;
overflow-wrap:break-word;
margin-bottom:8px;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
font-weight:600;
color:#eef2f8;
}
.hkbwy_card_p-kx9{
overflow-wrap:break-word;
line-height:1.55;
font-size:14px;
color:#6a7785;
}
.hkbrv-kx9{
background:#141b24;
padding:48px 0;
border-bottom:1px solid rgba(200,220,255,0.07);
margin-top:24px;
border-top:1px solid rgba(200,220,255,0.07);
}
@media(min-width:770px){
.hkbrv-kx9{
padding:3.5rem 0;
}
}
.hkbrv_head-kx9{
gap:1rem;
display:flex;
margin-bottom:30px;
flex-direction:column;
}
@media(min-width:765px){
.hkbrv_head-kx9{
gap:1.25rem;
justify-content:space-between;
align-items:flex-end;
flex-direction:row;
}
}
.hkbrv_eyebrow-kx9{
margin-bottom:10px;
}
.hkbrv_h2-kx9{
line-height:1.05;
color:#eef2f8;
font-size:30px;
overflow-wrap:break-word;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
font-weight:600;
}
@media(min-width:770px){
.hkbrv_h2-kx9{
font-size:38px;
}
}
.hkbrv_agg-kx9{
gap:12px;
align-items:center;
display:flex;
}
.hkbrv_agg_stars-kx9{
gap:3px;
display:flex;
color:#3a8fe8;
}
.hkbrv_agg_stars-kx9 svg{
width:1.125rem;
height:18px;
}
.hkbrv_source-kx9{
font-size:13px;
color:#6a7785;
}
.hkbrv_grid-kx9{
gap:18px;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:760px){
.hkbrv_grid-kx9{
grid-template-columns:repeat(3,1fr);
}
}
.hkbrv_card-kx9{
background:#0d1117;
border:1px solid rgba(200,220,255,0.07);
border-radius:14px;
padding:26px;
min-width:0;
}
.hkbrv_card_stars-kx9{
gap:2px;
display:flex;
margin-bottom:0.75rem;
color:#3a8fe8;
}
.hkbrv_card_stars-kx9 svg{
height:14px;
width:0.875rem;
}
.hkbrv_card_body-kx9{
font-weight:500;
overflow-wrap:break-word;
color:#eef2f8;
line-height:1.45;
margin-bottom:16px;
font-size:1.125rem;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
}
.hkbrv_card_meta-kx9{
gap:10px;
flex-wrap:wrap;
display:flex;
align-items:center;
}
.hkbrv_card_av-kx9{
flex:0 0 auto;
border-radius:50%;
background:linear-gradient(135deg,#3a8fe8,#6db8ff);
height:2rem;
width:32px;
}
.hkbrv_card_author-kx9{
font-weight:700;
color:#eef2f8;
font-size:13px;
}
.hkbrv_card_loc-kx9{
font-size:12px;
color:#8a97a8;
}
.hkbprov-kx9{
padding:2.5rem 0 1.25rem;
}
.hkbprov_eyebrow-kx9{
display:block;
margin-bottom:1.125rem;
}
.hkbprov_grid-kx9{
gap:12px;
grid-template-columns:repeat(2,1fr);
display:grid;
}
@media(min-width:562px){
.hkbprov_grid-kx9{
grid-template-columns:repeat(3,1fr);
}
}
@media(min-width:898px){
.hkbprov_grid-kx9{
grid-template-columns:repeat(6,1fr);
}
}
.hkbpmt-kx9{
padding:48px 0 0.625rem;
}
.hkbpmt_in-kx9{
grid-template-columns:1fr;
gap:32px;
align-items:start;
display:grid;
}
@media(min-width:882px){
.hkbpmt_in-kx9{
gap:3rem;
grid-template-columns:1fr 1.1fr;
}
}
.hkbpmt_left-kx9{
min-width:0;
}
.hkbpmt_eyebrow-kx9{
margin-bottom:0.75rem;
}
.hkbpmt_h2-kx9{
overflow-wrap:break-word;
color:#eef2f8;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
font-weight:600;
font-size:1.875rem;
margin-bottom:0.75rem;
line-height:1.06;
}
@media(min-width:769px){
.hkbpmt_h2-kx9{
font-size:2rem;
}
}
.hkbpmt_text-kx9{
margin-bottom:1.375rem;
line-height:1.6;
color:#6a7785;
font-size:0.906rem;
}
.hkbpmt_logos-kx9{
grid-template-columns:repeat(2,1fr);
gap:10px;
display:grid;
}
@media(min-width:483px){
.hkbpmt_logos-kx9{
grid-template-columns:repeat(4,1fr);
}
}
.hkbpmt_logo-kx9{
border-radius:0.5rem;
border:1px solid rgba(200,220,255,0.07);
background:#141b24;
overflow:hidden;
padding:0 0.5rem;
display:flex;
height:3.125rem;
text-align:center;
font-size:12.5px;
align-items:center;
justify-content:center;
color:#c4cdd9;
text-overflow:ellipsis;
font-weight:700;
white-space:nowrap;
}
.hkbpmt_table-kx9{
border-radius:0.875rem;
overflow:hidden;
border:1px solid rgba(200,220,255,0.07);
min-width:0;
}
.hkbpmt_thead-kx9{
background:#080c10;
grid-template-columns:1.4fr 1fr 1fr 1fr;
display:grid;
}
.hkbpmt_th-kx9{
overflow:hidden;
padding:0.813rem 0.875rem;
text-overflow:ellipsis;
letter-spacing:.08em;
font-size:10px;
font-weight:700;
white-space:nowrap;
color:#eef2f8;
text-transform:uppercase;
}
.hkbpmt_row-kx9{
grid-template-columns:1.4fr 1fr 1fr 1fr;
border-top:1px solid rgba(200,220,255,0.07);
display:grid;
}
.hkbpmt_row-kx9:nth-child(odd){
background:#141b24;
}
.hkbpmt_td-kx9{
padding:0.875rem;
color:#6a7785;
font-size:13.5px;
min-width:0;
overflow-wrap:break-word;
}
.hkbpmt_row-kx9 .hkbpmt_td-kx9:first-child{
color:#eef2f8;
font-weight:700;
}
.hkbpmt_row-kx9 .hkbpmt_td-kx9:last-child{
color:#2ec98a;
font-weight:700;
}
.hkbhts-kx9{
padding:3rem 0;
}
@media(min-width:771px){
.hkbhts-kx9{
padding:62px 0;
}
}
.hkbhts_head-kx9{
gap:1.125rem;
flex-direction:column;
margin-bottom:34px;
display:flex;
}
@media(min-width:765px){
.hkbhts_head-kx9{
gap:1.5rem;
align-items:flex-end;
flex-direction:row;
justify-content:space-between;
}
}
.hkbhts_eyebrow-kx9{
margin-bottom:0.75rem;
}
.hkbhts_h2-kx9{
font-weight:600;
font-size:30px;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
line-height:1.05;
color:#eef2f8;
}
@media(min-width:766px){
.hkbhts_h2-kx9{
font-size:38px;
}
}
.hkbhts_cta-kx9{
flex:0 0 auto;
background:#5cb8ff;
padding:15px 1.875rem;
border-radius:62.438rem;
transition:opacity .2s ease;
color:#080c10;
font-weight:700;
font-size:0.938rem;
}
.hkbhts_cta-kx9:hover{
opacity:.9;
}
.hkbhts_grid-kx9{
grid-template-columns:1fr;
gap:1.5rem;
display:grid;
}
@media(min-width:758px){
.hkbhts_grid-kx9{
grid-template-columns:repeat(3,1fr);
}
}
.hkbhts_step-kx9{
border-top:1px solid rgba(200,220,255,0.13);
padding-top:1.375rem;
min-width:0;
}
.hkbhts_step_num-kx9{
font-size:2.75rem;
font-weight:700;
line-height:1;
margin-bottom:0.875rem;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
color:#5cb8ff;
}
.hkbhts_step_h-kx9{
font-size:1.188rem;
overflow-wrap:break-word;
color:#eef2f8;
font-weight:700;
margin-bottom:8px;
line-height:1.2;
}
.hkbhts_step_p-kx9{
line-height:1.55;
color:#7fa3c8;
font-size:14px;
overflow-wrap:break-word;
}
.hkbsc-kx9{
padding:3rem 0 10px;
}
.hkbsc_head-kx9{
margin-bottom:1.75rem;
text-align:center;
}
.hkbsc_eyebrow-kx9{
margin-bottom:0.75rem;
}
.hkbsc_h2-kx9{
font-size:30px;
line-height:1.05;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
font-weight:600;
color:#eef2f8;
}
@media(min-width:767px){
.hkbsc_h2-kx9{
font-size:2.25rem;
}
}
.hkbsc_table-kx9{
margin:0 auto;
border-radius:14px;
border:1px solid rgba(200,220,255,0.07);
overflow:hidden;
max-width:900px;
}
.hkbsc_thead-kx9{
background:#080c10;
grid-template-columns:1.6fr 1fr 1fr;
display:grid;
}
.hkbsc_th-kx9{
padding:15px 1.125rem;
color:#7fa3c8;
font-size:13px;
font-weight:700;
text-align:center;
overflow-wrap:break-word;
}
.hkbsc_th-kx9:first-child{
text-align:left;
}
.hkbsc_th_us-kx9{
color:#5cb8ff;
}
.hkbsc_row-kx9{
grid-template-columns:1.6fr 1fr 1fr;
border-top:1px solid rgba(200,220,255,0.07);
display:grid;
}
.hkbsc_row-kx9:nth-child(even){
background:#141b24;
}
.hkbsc_td-kx9{
padding:0.938rem 18px;
font-size:14px;
color:#8a97a8;
text-align:center;
min-width:0;
overflow-wrap:break-word;
}
.hkbsc_td-kx9:first-child{
color:#c4cdd9;
text-align:left;
font-weight:600;
}
.hkbsc_td_us-kx9{
color:#2ec98a;
font-weight:700;
}
.hkbfaq-kx9{
padding:3rem 0;
background:#141b24;
border-top:1px solid rgba(200,220,255,0.07);
margin-top:24px;
border-bottom:1px solid rgba(200,220,255,0.07);
}
@media(min-width:767px){
.hkbfaq-kx9{
padding:62px 0;
}
}
.hkbfaq_head-kx9{
text-align:center;
margin-bottom:34px;
}
.hkbfaq_eyebrow-kx9{
margin-bottom:0.75rem;
}
.hkbfaq_h2-kx9{
line-height:1.05;
color:#eef2f8;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
font-size:32px;
overflow-wrap:break-word;
font-weight:600;
}
@media(min-width:769px){
.hkbfaq_h2-kx9{
font-size:2.375rem;
}
}
.hkbfaq_list-kx9{
gap:0.75rem;
margin:0 auto;
flex-direction:column;
display:flex;
max-width:51.25rem;
}
.hkbfaq_item-kx9{
background:#0d1117;
overflow:hidden;
border-radius:0.875rem;
border:1px solid rgba(200,220,255,0.07);
}
.hkbfaq_q-kx9{
padding:1.25rem 1.5rem;
list-style:none;
gap:20px;
cursor:pointer;
display:flex;
align-items:center;
font-weight:700;
font-size:16px;
color:#eef2f8;
overflow-wrap:break-word;
justify-content:space-between;
}
.hkbfaq_q-kx9::-webkit-details-marker{
display:none;
}
.hkbfaq_q_ic-kx9{
flex:0 0 auto;
transition:transform .2s ease;
display:inline-flex;
color:#3a8fe8;
align-items:center;
}
.hkbfaq_q_ic-kx9 svg{
height:18px;
width:18px;
}
.hkbfaq_item-kx9[open] .hkbfaq_q_ic-kx9{
transform:rotate(180deg);
}
.hkbfaq_a-kx9{
padding:0 1.5rem 1.25rem;
overflow-wrap:break-word;
font-size:14.5px;
color:#6a7785;
line-height:1.6;
}
.hkbgd-kx9{
padding:3rem 0 10px;
}
.hkbgd_head-kx9{
gap:0.875rem;
flex-direction:column;
display:flex;
margin-bottom:1.5rem;
}
@media(min-width:680px){
.hkbgd_head-kx9{
gap:1.25rem;
align-items:flex-end;
flex-direction:row;
justify-content:space-between;
}
}
.hkbgd_eyebrow-kx9{
margin-bottom:0.625rem;
}
.hkbgd_h2-kx9{
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
font-size:28px;
overflow-wrap:break-word;
line-height:1.05;
color:#eef2f8;
font-weight:600;
}
@media(min-width:765px){
.hkbgd_h2-kx9{
font-size:34px;
}
}
.hkbgd_more-kx9{
flex:0 0 auto;
transition:color .2s ease,border-color .2s ease;
padding-bottom:2px;
border-bottom:1px solid #eef2f8;
font-size:13.5px;
font-weight:600;
color:#eef2f8;
}
.hkbgd_more-kx9:hover{
border-color:#3a8fe8;
color:#3a8fe8;
}
.hkbgd_grid-kx9{
grid-template-columns:1fr;
gap:20px;
display:grid;
}
@media(min-width:717px){
.hkbgd_grid-kx9{
grid-template-columns:repeat(3,1fr);
}
}
.hkbgd_card-kx9{
border:1px solid rgba(200,220,255,0.07);
border-radius:0.875rem;
overflow:hidden;
background:#141b24;
display:block;
min-width:0;
}
.hkbgd_card_img-kx9{
background:linear-gradient(140deg,#0d1e38,#3a8fe8);
height:150px;
}
.hkbgd_card_body-kx9{
padding:1.375rem;
}
.hkbgd_card_cat-kx9{
font-size:10px;
font-weight:600;
text-transform:uppercase;
color:#3a8fe8;
letter-spacing:.1em;
}
.hkbgd_card_h-kx9{
margin:0.5rem 0 0.625rem;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
font-size:1.188rem;
font-weight:600;
line-height:1.2;
overflow-wrap:break-word;
color:#eef2f8;
}
.hkbgd_card_meta-kx9{
font-size:0.75rem;
overflow-wrap:break-word;
color:#8a97a8;
}
.hkbsg-kx9{
padding:3rem 0 0.625rem;
}
.hkbsg_eyebrow-kx9{
margin-bottom:12px;
display:block;
}
.hkbsg_h2-kx9{
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
color:#eef2f8;
overflow-wrap:break-word;
line-height:1.05;
font-size:30px;
font-weight:600;
margin-bottom:1.75rem;
}
@media(min-width:768px){
.hkbsg_h2-kx9{
font-size:2.25rem;
}
}
.hkbsg_grid-kx9{
grid-template-columns:1fr;
gap:24px;
display:grid;
}
@media(min-width:721px){
.hkbsg_grid-kx9{
grid-template-columns:repeat(3,1fr);
}
}
.hkbsg_col-kx9{
min-width:0;
}
.hkbsg_col_h-kx9{
overflow-wrap:break-word;
font-size:22px;
line-height:1.15;
font-weight:600;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
margin-bottom:10px;
color:#eef2f8;
}
.hkbsg_col_p-kx9{
line-height:1.65;
overflow-wrap:break-word;
color:#6a7785;
font-size:0.875rem;
}
.hkbsb-kx9{
background:#141b24;
padding:48px 0;
margin-top:1.5rem;
border-top:1px solid rgba(200,220,255,0.07);
border-bottom:1px solid rgba(200,220,255,0.07);
}
@media(min-width:769px){
.hkbsb-kx9{
padding:56px 0;
}
}
.hkbsb_eyebrow-kx9{
margin-bottom:12px;
display:block;
}
.hkbsb_h2-kx9{
line-height:1.05;
color:#eef2f8;
overflow-wrap:break-word;
font-size:1.875rem;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
margin-bottom:1.625rem;
font-weight:600;
}
@media(min-width:769px){
.hkbsb_h2-kx9{
font-size:2.25rem;
}
}
.hkbsb_grid-kx9{
gap:1rem;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:561px){
.hkbsb_grid-kx9{
grid-template-columns:1fr 1fr;
}
}
@media(min-width:959px){
.hkbsb_grid-kx9{
grid-template-columns:repeat(4,1fr);
}
}
.hkbsb_card-kx9{
background:#0d1117;
padding:1.5rem;
border-radius:0.875rem;
border:1px solid rgba(200,220,255,0.07);
min-width:0;
}
.hkbsb_card_h-kx9{
overflow-wrap:break-word;
color:#eef2f8;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
font-size:1.188rem;
font-weight:600;
margin-bottom:0.5rem;
line-height:1.15;
}
.hkbsb_card_p-kx9{
font-size:13.5px;
overflow-wrap:break-word;
color:#6a7785;
line-height:1.6;
}
.hkbsb_rtp-kx9{
gap:24px;
padding:26px 1.75rem;
border-radius:14px;
background:#0d1117;
border:1px solid rgba(200,220,255,0.07);
grid-template-columns:1fr;
display:grid;
align-items:center;
margin-top:18px;
}
@media(min-width:762px){
.hkbsb_rtp-kx9{
grid-template-columns:1fr 1fr;
gap:2.5rem;
}
}
.hkbsb_rtp_h-kx9{
margin-bottom:8px;
line-height:1.15;
font-weight:600;
color:#eef2f8;
font-size:20px;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
}
.hkbsb_rtp_p-kx9{
color:#6a7785;
overflow-wrap:break-word;
font-size:13.5px;
line-height:1.6;
}
.hkbsb_rtp_stats-kx9{
gap:16px;
display:flex;
}
.hkbsb_stat-kx9{
flex:1 1 0;
background:#141b24;
border-radius:0.5rem;
padding:1.125rem;
text-align:center;
min-width:0;
}
.hkbsb_stat_v-kx9{
font-size:1.625rem;
color:#2ec98a;
overflow-wrap:break-word;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
font-weight:700;
}
.hkbsb_stat_l-kx9{
margin-top:0.25rem;
color:#8a97a8;
font-size:0.719rem;
}
.hkblh-kx9{
padding:2.5rem 0 20px;
}
.hkblh_in-kx9{
border-top:1px solid rgba(200,220,255,0.13);
padding-top:2.125rem;
}
.hkblh_eyebrow-kx9{
display:block;
margin-bottom:22px;
}
.hkblh_grid-kx9{
grid-template-columns:1fr 1fr;
gap:28px;
display:grid;
}
@media(min-width:603px){
.hkblh_grid-kx9{
grid-template-columns:repeat(3,1fr);
}
}
@media(min-width:958px){
.hkblh_grid-kx9{
grid-template-columns:repeat(5,1fr);
}
}
.hkblh_col-kx9{
min-width:0;
}
.hkblh_col_h-kx9{
font-size:13px;
color:#eef2f8;
font-weight:700;
margin-bottom:12px;
overflow-wrap:break-word;
}
.hkblh_links-kx9{
gap:8px;
flex-direction:column;
display:flex;
}
.hkblh_link-kx9{
transition:color .2s ease;
color:#6a7785;
font-size:13px;
overflow-wrap:break-word;
}
.hkblh_link-kx9:hover{
color:#3a8fe8;
}
.hkbel-kx9{
padding:48px 0;
}
@media(min-width:769px){
.hkbel-kx9{
padding:3.5rem 0;
}
}
.hkbel_in-kx9{
gap:2.5rem;
grid-template-columns:1fr;
display:grid;
align-items:start;
}
@media(min-width:901px){
.hkbel_in-kx9{
grid-template-columns:1fr 1fr;
gap:3.5rem;
}
}
.hkbel_left-kx9{
min-width:0;
}
.hkbel_eyebrow-kx9{
margin-bottom:0.875rem;
}
.hkbel_h2-kx9{
line-height:1.08;
color:#eef2f8;
font-size:2rem;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
margin-bottom:22px;
overflow-wrap:break-word;
font-weight:600;
}
@media(min-width:770px){
.hkbel_h2-kx9{
font-size:2.375rem;
}
}
.hkbel_body-kx9 p{
color:#c4cdd9;
overflow-wrap:break-word;
margin-bottom:18px;
font-size:1rem;
line-height:1.7;
}
.hkbel_dropcap-kx9{
padding:0.375rem 0.75rem 0 0;
line-height:.8;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
color:#3a8fe8;
font-size:62px;
float:left;
font-weight:700;
}
.hkbel_right-kx9{
min-width:0;
}
.hkbel_quote-kx9{
border-radius:1.25rem;
background:linear-gradient(150deg,#0d1e38,#080c10);
padding:36px;
position:relative;
color:#eef2f8;
margin-bottom:24px;
}
.hkbel_quote_mark-kx9{
color:#5cb8ff;
display:inline-flex;
align-items:center;
margin-bottom:0.375rem;
}
.hkbel_quote_mark-kx9 svg{
width:34px;
height:34px;
}
.hkbel_quote_text-kx9{
overflow-wrap:break-word;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
color:#eef2f8;
font-size:22px;
margin-bottom:22px;
font-weight:500;
line-height:1.4;
}
.hkbel_quote_meta-kx9{
gap:12px;
align-items:center;
display:flex;
}
.hkbel_quote_av-kx9{
border-radius:50%;
flex:0 0 auto;
background:linear-gradient(135deg,#3a8fe8,#6db8ff);
height:2.375rem;
width:38px;
}
.hkbel_quote_author-kx9{
font-weight:700;
color:#eef2f8;
font-size:0.875rem;
}
.hkbel_quote_meta_sub-kx9{
font-size:0.75rem;
color:#7fa3c8;
}
.hkbel_explain-kx9{
border-radius:0.875rem;
overflow:hidden;
border:1px solid rgba(200,220,255,0.07);
}
.hkbel_explain_card-kx9{
padding:1.375rem 24px;
}
.hkbel_explain_card-kx9+.hkbel_explain_card-kx9{
border-top:1px solid rgba(200,220,255,0.07);
}
.hkbel_explain_h-kx9{
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
font-weight:600;
overflow-wrap:break-word;
margin-bottom:8px;
font-size:1.25rem;
line-height:1.15;
color:#eef2f8;
}
.hkbel_explain_p-kx9{
overflow-wrap:break-word;
font-size:0.875rem;
line-height:1.55;
color:#6a7785;
}
.hkbft-kx9{
background:#080c10;
margin-top:40px;
color:#7fa3c8;
}
.hkbft_in-kx9{
gap:32px;
grid-template-columns:1fr;
padding:48px 0 1.75rem;
display:grid;
}
@media(min-width:603px){
.hkbft_in-kx9{
grid-template-columns:1fr 1fr;
}
}
@media(min-width:899px){
.hkbft_in-kx9{
grid-template-columns:1.4fr 1fr 1fr 1fr;
}
}
.hkbft_brand-kx9{
min-width:0;
}
.hkbft_logo-kx9{
overflow-wrap:break-word;
font-weight:700;
font-size:26px;
font-family:"Merriweather", Georgia, 'Times New Roman', serif;
color:#eef2f8;
}
.hkbft_tagline-kx9{
max-width:17.5rem;
color:#7fa3c8;
font-size:13.5px;
margin-top:0.875rem;
line-height:1.6;
}
.hkbft_contact-kx9{
transition:color .2s ease;
margin-top:12px;
max-width:17.5rem;
display:inline-block;
overflow-wrap:anywhere;
color:#5cb8ff;
font-size:0.813rem;
}
.hkbft_contact-kx9:hover{
color:#eef2f8;
}
.hkbft_col-kx9{
min-width:0;
}
.hkbft_col_h-kx9{
text-transform:uppercase;
letter-spacing:.08em;
margin-bottom:0.875rem;
font-size:0.813rem;
overflow-wrap:break-word;
color:#eef2f8;
font-weight:700;
}
.hkbft_col_links-kx9{
gap:10px;
display:flex;
flex-direction:column;
}
.hkbft_link-kx9{
transition:color .2s ease;
overflow-wrap:break-word;
font-size:0.844rem;
color:#7fa3c8;
}
.hkbft_link-kx9:hover{
color:#eef2f8;
}
.hkbft_bot-kx9{
padding:1.375rem 0 40px;
gap:16px;
display:flex;
flex-direction:column;
border-top:1px solid rgba(200,220,255,0.13);
}
@media(min-width:769px){
.hkbft_bot-kx9{
gap:20px;
align-items:center;
justify-content:space-between;
flex-direction:row;
}
}
.hkbft_legal-kx9{
color:#444f5c;
overflow-wrap:break-word;
font-size:0.719rem;
line-height:1.6;
max-width:760px;
}
.hkbft_legal-kx9 b{
font-weight:700;
color:#7fa3c8;
}
.hkbft_age-kx9{
border-radius:0.5rem;
border:1.5px solid #5cb8ff;
flex:0 0 auto;
padding:0.25rem 9px;
color:#5cb8ff;
font-weight:700;
font-size:0.813rem;
}