*{
padding:0;
margin:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#F4F6FA;
font-size:0.938rem;
text-rendering:optimizeLegibility;
line-height:1.6;
-webkit-font-smoothing:antialiased;
font-family:"PT Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#1E2340;
overflow-wrap:break-word;
}
img{
display:block;
max-width:100%;
}
a{
text-decoration:none;
color:inherit;
}
button{
border:none;
background:none;
cursor:pointer;
font-family:inherit;
}
::-webkit-scrollbar{
height:0.5rem;
width:0.5rem;
}
::-webkit-scrollbar-thumb{
background:rgba(0,0,0,0.52);
border-radius:8px;
}
::-webkit-scrollbar-track{
background:transparent;
}
.spu-layout_tog{
display:flex;
min-height:100vh;
flex-direction:column;
}
.spu-main_tog{
flex:1 1 auto;
min-width:0;
width:100%;
}
.spu-container_tog{
padding:0 16px;
margin:0 auto;
max-width:87.5rem;
width:100%;
}
@media(min-width:769px){
.spu-container_tog{
padding:0 2rem;
}
}
@media(min-width:1099px){
.spu-container_tog{
padding:0 56px;
}
}
.spu-eyebrow_tog{
font-size:11px;
color:#3D6FE8;
letter-spacing:.2em;
font-family:"PT Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:600;
display:inline-block;
line-height:1.4;
text-transform:uppercase;
overflow-wrap:break-word;
}
.spu-band_tog{
background:#0E1220;
color:#EEF1FF;
}
.spu-band_tog .spu-eyebrow_tog{
color:#7EAAFF;
}
@keyframes zm2-float{
0%,100%{
transform:translateY(0)}
50%{
transform:translateY(-12px)}
}
@keyframes zm2-pulse{
0%,100%{
opacity:.55}
50%{
opacity:1}
}
.spu-tb_tog{
background:#F4F6FA;
position:sticky;
z-index:50;
border-bottom:1px solid rgba(14,18,32,0.14);
top:0;
}
.spu-tb_in_tog{
margin:0 auto;
gap:1rem;
padding:12px 1rem;
width:100%;
align-items:center;
max-width:87.5rem;
display:flex;
justify-content:space-between;
}
@media(min-width:770px){
.spu-tb_in_tog{
padding:1rem 2rem;
}
}
@media(min-width:1099px){
.spu-tb_in_tog{
padding:1.125rem 3.5rem;
}
}
.spu-tb_left_tog{
gap:28px;
display:flex;
align-items:center;
min-width:0;
}
.spu-tb_logo_tog{
gap:0.688rem;
min-width:0;
display:flex;
align-items:center;
}
.spu-tb_logo_mark_tog{
border-radius:8px;
flex:0 0 auto;
object-fit:cover;
width:2.125rem;
height:34px;
}
.spu-tb_logo_txt_tog{
line-height:1;
min-width:0;
display:flex;
flex-direction:column;
}
.spu-tb_logo_name_tog{
overflow:hidden;
font-weight:700;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
text-overflow:ellipsis;
font-size:22px;
white-space:nowrap;
color:#0D1021;
letter-spacing:.02em;
}
.spu-tb_logo_sub_tog{
overflow:hidden;
color:#3D6FE8;
text-transform:uppercase;
letter-spacing:.32em;
font-size:0.531rem;
text-overflow:ellipsis;
white-space:nowrap;
font-weight:600;
margin-top:0.25rem;
}
.spu-tb_nav_tog{
display:none;
}
@media(min-width:957px){
.spu-tb_nav_tog{
gap:1.75rem;
display:flex;
align-items:center;
}
}
.spu-tb_nav_item_tog{
transition:color .22s ease,border-color .22s ease;
font-size:0.875rem;
color:#1E2340;
border-bottom:2px solid transparent;
padding-bottom:3px;
font-weight:600;
white-space:nowrap;
}
.spu-tb_nav_item_tog:hover{
color:#0D1021;
}
.spu-tb_nav_item_tog.spu-state_active_tog{
border-color:#3D6FE8;
color:#0D1021;
}
.spu-tb_right_tog{
gap:14px;
flex:0 0 auto;
display:flex;
align-items:center;
}
.spu-tb_search_tog{
transition:color .22s ease;
color:#1E2340;
justify-content:center;
display:flex;
align-items:center;
}
.spu-tb_search_tog:hover{
color:#3D6FE8;
}
.spu-tb_search_tog svg{
width:18px;
height:18px;
}
.spu-tb_lang_tog{
font-weight:600;
color:#4A5175;
letter-spacing:.1em;
text-transform:uppercase;
font-size:0.688rem;
}
.spu-tb_lang_tog:hover{
color:#0D1021;
}
.spu-tb_login_tog{
font-size:0.875rem;
display:none;
color:#0D1021;
font-weight:600;
}
@media(min-width:771px){
.spu-tb_login_tog{
display:inline-block;
}
}
.spu-tb_register_tog{
border-radius:62.438rem;
padding:11px 1.375rem;
background:#0D1021;
transition:background-color .22s ease;
font-weight:700;
font-size:14px;
white-space:nowrap;
color:#EEF1FF;
}
.spu-tb_register_tog:hover{
background:#1E2340;
}
.spu-mob_tog{
background:#F4F6FA;
border-top:1px solid rgba(14,18,32,0.14);
z-index:60;
position:fixed;
right:0;
bottom:0;
left:0;
padding-bottom:env(safe-area-inset-bottom);
}
@media(min-width:962px){
.spu-mob_tog{
display:none;
}
}
.spu-mob_in_tog{
margin:0 auto;
align-items:stretch;
max-width:35rem;
display:flex;
justify-content:space-around;
}
.spu-mob_item_tog{
transition:color .22s ease;
padding:9px 4px;
gap:3px;
flex:1 1 0;
color:#4A5175;
flex-direction:column;
min-width:0;
align-items:center;
display:flex;
}
.spu-mob_item_tog.spu-state_active_tog{
color:#3D6FE8;
}
.spu-mob_ic_tog{
align-items:center;
justify-content:center;
display:flex;
}
.spu-mob_ic_tog svg{
height:20px;
width:1.25rem;
}
.spu-mob_lb_tog{
overflow:hidden;
white-space:nowrap;
max-width:100%;
font-weight:600;
text-overflow:ellipsis;
font-size:10px;
}
@media(max-width:958px){
body{
padding-bottom:60px;
}
}
.spu-rail_tog{
min-width:0;
position:relative;
}
.spu-rail_scroll_tog{
gap:14px;
padding-bottom:14px;
display:flex;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
}
@media(min-width:765px){
.spu-rail_scroll_tog{
gap:1.125rem;
}
}
.spu-gc_tog{
flex:0 0 auto;
display:block;
width:150px;
}
@media(min-width:771px){
.spu-gc_tog{
width:11.75rem;
}
}
.spu-gc_img_tog{
overflow:hidden;
border-radius:0.875rem;
background:#FFFFFF;
position:relative;
padding-bottom:133.33%;
box-shadow:0 2px 0.375rem rgba(14,18,32,0.07), 0 0.5rem 1.5rem rgba(14,18,32,0.06);
}
.spu-gc_img_tog img{
inset:0;
object-fit:cover;
position:absolute;
width:100%;
height:100%;
}
.spu-gc_cover_tog{
background:linear-gradient(160deg,transparent 55%,rgba(0,0,0,0.52));
inset:0;
position:absolute;
pointer-events:none;
}
.spu-gc_hover_tog{
transition:opacity .22s ease;
background:rgba(0,0,0,0.52);
inset:0;
opacity:0;
align-items:center;
position:absolute;
display:flex;
justify-content:center;
}
.spu-gc_tog:hover .spu-gc_hover_tog{
opacity:1;
}
.spu-gc_hover_btn_tog{
background:#0D1021;
border-radius:62.438rem;
display:flex;
justify-content:center;
color:#EEF1FF;
align-items:center;
width:2.875rem;
height:46px;
}
.spu-gc_hover_btn_tog svg{
width:1.125rem;
height:18px;
}
.spu-gc_info_tog{
gap:2px;
margin-top:0.563rem;
flex-direction:column;
min-width:0;
display:flex;
}
.spu-gc_name_tog{
overflow:hidden;
font-size:13px;
white-space:nowrap;
font-weight:700;
text-overflow:ellipsis;
color:#0D1021;
}
.spu-gc_prov_tog{
overflow:hidden;
color:#4A5175;
font-size:0.688rem;
white-space:nowrap;
text-overflow:ellipsis;
}
.spu-gc_meta_tog{
font-size:0.688rem;
color:#4A5175;
}
.spu-tc_tog{
flex:0 0 auto;
width:180px;
display:block;
}
@media(min-width:766px){
.spu-tc_tog{
width:230px;
}
}
.spu-tc_img_tog{
overflow:hidden;
border-radius:0.875rem;
background:#FFFFFF;
box-shadow:0 2px 6px rgba(14,18,32,0.07), 0 0.5rem 1.5rem rgba(14,18,32,0.06);
position:relative;
padding-bottom:75%;
}
.spu-tc_img_tog img{
inset:0;
height:100%;
width:100%;
object-fit:cover;
position:absolute;
}
.spu-tc_info_tog{
gap:2px;
display:flex;
min-width:0;
margin-top:9px;
flex-direction:column;
}
.spu-tc_name_tog{
overflow:hidden;
color:#0D1021;
font-size:0.875rem;
white-space:nowrap;
text-overflow:ellipsis;
font-weight:700;
}
.spu-tc_rtp_tog{
font-size:0.688rem;
color:#4A5175;
}
.spu-lc_tog{
flex:0 0 auto;
width:14.375rem;
display:block;
}
@media(min-width:770px){
.spu-lc_tog{
width:268px;
}
}
.spu-lc_img_tog{
overflow:hidden;
border-radius:0.875rem;
background:#FFFFFF;
padding-bottom:62.5%;
position:relative;
box-shadow:0 2px 6px rgba(14,18,32,0.07), 0 8px 24px rgba(14,18,32,0.06);
}
.spu-lc_img_tog img{
inset:0;
height:100%;
object-fit:cover;
width:100%;
position:absolute;
}
.spu-lc_live_tog{
border-radius:999px;
background:rgba(0,0,0,0.52);
gap:7px;
padding:4px 0.563rem;
position:absolute;
top:0.75rem;
align-items:center;
left:0.75rem;
display:flex;
}
.spu-lc_live_dot_tog{
background:#E03B3B;
border-radius:50%;
animation:zm2-pulse 1.6s infinite;
height:0.5rem;
width:8px;
}
.spu-lc_seats_tog{
color:#EEF1FF;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
font-size:10px;
}
.spu-lc_info_tog{
gap:2px;
min-width:0;
margin-top:0.563rem;
display:flex;
flex-direction:column;
}
.spu-lc_name_tog{
overflow:hidden;
color:#0D1021;
text-overflow:ellipsis;
font-weight:700;
font-size:15px;
white-space:nowrap;
}
.spu-lc_bet_tog{
font-size:11px;
color:#4A5175;
}
.spu-pc_tog{
padding:1rem 14px;
border:1px solid rgba(14,18,32,0.08);
border-radius:14px;
background:#FFFFFF;
gap:8px;
justify-content:center;
flex-direction:column;
min-width:0;
align-items:center;
min-height:4.625rem;
display:flex;
}
.spu-pc_logo_tog{
flex:0 0 auto;
max-width:100%;
object-fit:contain;
height:28px;
width:auto;
}
.spu-pc_name_tog{
overflow:hidden;
max-width:100%;
text-align:center;
white-space:nowrap;
color:#4A5175;
text-overflow:ellipsis;
font-size:11px;
}
.spu-gc_tag_tog{
border-radius:8px;
padding:3px 0.5rem;
z-index:2;
text-transform:uppercase;
font-size:10px;
font-weight:700;
display:inline-block;
top:10px;
position:absolute;
letter-spacing:.06em;
left:10px;
}
.spu-gc_tag_hot_tog{
background:#E03B3B;
color:#EEF1FF;
}
.spu-gc_tag_new_tog{
background:#6B9BFF;
color:#0D1021;
}
.spu-gc_tag_jp_tog{
background:#E8A020;
color:#0D1021;
}
.spu-gc_tag_live_tog{
background:#E03B3B;
color:#EEF1FF;
}
.spu-sh_tog{
margin-bottom:18px;
min-width:0;
}
.spu-sh_row_tog{
gap:16px;
align-items:flex-end;
flex-wrap:wrap;
justify-content:space-between;
display:flex;
}
.spu-sh_row_tog .spu-sh_l_tog{
gap:6px;
min-width:0;
flex-direction:column;
display:flex;
}
.spu-sh_stack_tog{
gap:10px;
align-items:flex-start;
flex-direction:column;
display:flex;
}
.spu-sh_center_tog{
gap:0.625rem;
text-align:center;
flex-direction:column;
display:flex;
align-items:center;
}
.spu-sh_h2_tog{
line-height:1.1;
color:#0D1021;
font-size:1.5rem;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-weight:600;
overflow-wrap:break-word;
}
@media(min-width:768px){
.spu-sh_h2_tog{
font-size:1.875rem;
}
}
.spu-band_tog .spu-sh_h2_tog{
color:#EEF1FF;
}
.spu-sh_eb_line_tog{
gap:0.625rem;
display:inline-flex;
align-items:center;
}
.spu-sh_eb_line_tog::before{
background:#3D6FE8;
width:1.75rem;
content:"";
display:inline-block;
height:1px;
}
.spu-band_tog .spu-sh_eb_line_tog::before{
background:#7EAAFF;
}
.spu-sh_eb_dot_tog{
gap:0.5rem;
display:inline-flex;
align-items:center;
}
.spu-sh_eb_dot_tog::before{
border-radius:50%;
background:#3D6FE8;
height:0.375rem;
width:0.375rem;
content:"";
display:inline-block;
}
.spu-band_tog .spu-sh_eb_dot_tog::before{
background:#7EAAFF;
}
.spu-sh_link_tog{
transition:color .22s ease,border-color .22s ease,background-color .22s ease;
gap:6px;
border-bottom:1px solid #0D1021;
white-space:nowrap;
padding-bottom:2px;
font-size:0.813rem;
display:inline-flex;
font-weight:600;
align-items:center;
color:#0D1021;
}
.spu-sh_link_tog:hover{
border-color:#3D6FE8;
color:#3D6FE8;
}
.spu-sh_link_tog svg{
width:0.875rem;
height:14px;
}
.spu-sh_link_chev_tog{
padding-bottom:0;
border-bottom:0;
}
.spu-sh_link_btn_tog{
border-radius:999px;
background:#0D1021;
padding:9px 18px;
border-bottom:0;
color:#EEF1FF;
}
.spu-sh_link_btn_tog:hover{
background:#1E2340;
border-color:transparent;
color:#EEF1FF;
}
.spu-band_tog .spu-sh_link_tog{
border-color:#EEF1FF;
color:#EEF1FF;
}
.spu-band_tog .spu-sh_link_btn_tog{
background:#7EAAFF;
color:#0D1021;
}
.spu-sh_rule_tog{
margin:-2px 0 18px;
background:rgba(14,18,32,0.14);
height:1px;
}
.spu-band_tog .spu-sh_rule_tog{
background:rgba(180,200,255,0.14);
}
.spu-hero_tog{
padding:2rem 0 0.5rem;
}
@media(min-width:769px){
.spu-hero_tog{
padding:3.5rem 0 24px;
}
}
.spu-hero_in_tog{
gap:2rem;
grid-template-columns:1fr;
align-items:center;
display:grid;
}
@media(min-width:898px){
.spu-hero_in_tog{
gap:48px;
grid-template-columns:1.05fr .95fr;
}
}
.spu-hero_copy_tog{
min-width:0;
}
.spu-hero_eyebrow_tog{
gap:0.625rem;
margin-bottom:22px;
display:inline-flex;
align-items:center;
}
.spu-hero_eyebrow_line_tog{
flex:0 0 auto;
background:#3D6FE8;
height:1px;
display:inline-block;
width:28px;
}
.spu-hero_h1_tog{
color:#0D1021;
overflow-wrap:break-word;
font-weight:600;
letter-spacing:-.01em;
font-size:38px;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
line-height:1.04;
margin-bottom:20px;
}
@media(min-width:770px){
.spu-hero_h1_tog{
font-size:3.375rem;
}
}
@media(min-width:1101px){
.spu-hero_h1_tog{
font-size:62px;
}
}
.spu-hero_h1_tog em{
color:#3D6FE8;
font-style:normal;
}
.spu-hero_sub_tog{
line-height:1.6;
max-width:30rem;
margin-bottom:1.875rem;
color:#6B739E;
font-size:16px;
}
@media(min-width:766px){
.spu-hero_sub_tog{
font-size:1.125rem;
}
}
.spu-hero_actions_tog{
gap:0.875rem;
flex-wrap:wrap;
margin-bottom:34px;
align-items:center;
display:flex;
}
.spu-hero_cta_tog{
gap:0.625rem;
border-radius:999px;
transition:background-color .22s ease;
padding:16px 1.875rem;
background:#0D1021;
align-items:center;
font-weight:700;
display:inline-flex;
font-size:15px;
color:#EEF1FF;
}
.spu-hero_cta_tog:hover{
background:#1E2340;
}
.spu-hero_cta_ic_tog{
align-items:center;
display:inline-flex;
}
.spu-hero_cta_ic_tog svg{
height:16px;
width:1rem;
}
.spu-hero_cta_alt_tog{
border-radius:999px;
padding:0.938rem 26px;
transition:border-color .22s ease,color .22s ease;
border:1px solid rgba(14,18,32,0.14);
background:transparent;
font-weight:600;
color:#0D1021;
display:inline-flex;
align-items:center;
font-size:0.938rem;
}
.spu-hero_cta_alt_tog:hover{
border-color:#3D6FE8;
color:#3D6FE8;
}
.spu-hero_trust_tog{
gap:1.375rem;
align-items:center;
flex-wrap:wrap;
display:flex;
}
.spu-hero_trust_item_tog{
gap:0.563rem;
font-weight:600;
font-size:0.813rem;
color:#1E2340;
display:flex;
align-items:center;
}
.spu-hero_trust_ic_tog{
color:#3D6FE8;
align-items:center;
display:inline-flex;
}
.spu-hero_trust_ic_tog svg{
height:16px;
width:16px;
}
.spu-hero_promo_tog{
border-radius:20px;
overflow:hidden;
background:#FFFFFF;
box-shadow:0 12px 48px rgba(14,18,32,0.14), 0 3px 0.75rem rgba(14,18,32,0.10);
min-height:300px;
position:relative;
display:flex;
}
.spu-hero_promo_bg_tog{
inset:0;
background-position:center;
position:absolute;
background-size:cover;
}
.spu-hero_promo_bg_tog::after{
inset:0;
background:linear-gradient(120deg,#0E1220 0%,rgba(0,0,0,0.52) 55%,transparent 100%);
content:"";
position:absolute;
}
.spu-hero_promo_glow_tog{
background:radial-gradient(circle,rgba(82,130,255,0.18) 0%,transparent 65%);
border-radius:50%;
top:-40px;
position:absolute;
right:-1.25rem;
width:260px;
pointer-events:none;
height:260px;
}
.spu-hero_promo_ct_tog{
padding:1.75rem;
z-index:2;
max-width:88%;
align-self:flex-end;
position:relative;
}
.spu-hero_promo_label_tog{
font-size:0.625rem;
text-transform:uppercase;
letter-spacing:.25em;
color:#7EAAFF;
margin-bottom:0.5rem;
display:block;
font-weight:700;
}
.spu-hero_promo_amount_tog{
overflow-wrap:break-word;
font-size:32px;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
color:#EEF1FF;
line-height:1.05;
font-weight:600;
}
@media(min-width:769px){
.spu-hero_promo_amount_tog{
font-size:2.5rem;
}
}
.spu-hero_promo_amount_tog em{
font-style:normal;
color:#7EAAFF;
}
.spu-hero_rating_tog{
gap:10px;
border:1px solid rgba(14,18,32,0.08);
border-radius:14px;
background:#FFFFFF;
padding:10px 0.875rem;
display:flex;
top:0.875rem;
max-width:min(16.25rem,62%);
z-index:3;
align-items:center;
right:0.875rem;
box-shadow:0 2px 0.375rem rgba(14,18,32,0.07), 0 8px 24px rgba(14,18,32,0.06);
position:absolute;
}
.spu-hero_rating_score_tog{
flex:0 0 auto;
color:#0D1021;
font-weight:700;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-size:1.5rem;
}
.spu-hero_rating_txt_tog{
flex:1 1 auto;
min-width:0;
}
.spu-hero_rating_stars_tog{
gap:2px;
color:#3D6FE8;
display:flex;
}
.spu-hero_rating_stars_tog svg{
width:0.75rem;
height:0.75rem;
}
.spu-hero_rating_cap_tog{
display:block;
line-height:1.35;
margin-top:3px;
color:#4A5175;
overflow-wrap:break-word;
font-size:0.688rem;
}
.spu-stat_tog{
border-bottom:1px solid rgba(14,18,32,0.14);
margin-top:1rem;
border-top:1px solid rgba(14,18,32,0.14);
}
.spu-stat_in_tog{
grid-template-columns:repeat(2,1fr);
display:grid;
}
@media(min-width:769px){
.spu-stat_in_tog{
grid-template-columns:repeat(4,1fr);
}
}
.spu-stat_item_tog{
padding:22px 14px;
border-right:1px solid rgba(14,18,32,0.08);
min-width:0;
border-bottom:1px solid rgba(14,18,32,0.08);
}
.spu-stat_item_tog:nth-child(2n){
border-right:0;
}
.spu-stat_item_tog:nth-child(n+3){
border-bottom:0;
}
@media(min-width:769px){
.spu-stat_item_tog{
border-bottom:0;
}
.spu-stat_item_tog:nth-child(2n){
border-right:1px solid rgba(14,18,32,0.08);
}
.spu-stat_item_tog:nth-child(4n){
border-right:0;
}
}
.spu-stat_value_tog{
overflow-wrap:break-word;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-size:1.875rem;
font-weight:700;
line-height:1;
color:#0D1021;
}
@media(min-width:768px){
.spu-stat_value_tog{
font-size:34px;
}
}
.spu-stat_label_tog{
line-height:1.4;
overflow-wrap:break-word;
margin-top:6px;
font-size:0.813rem;
color:#4A5175;
}
.spu-grow_tog{
padding:26px 0 0.625rem;
}
.spu-row_seo_tog{
margin:0.625rem 0 0;
line-height:1.65;
font-size:14px;
max-width:760px;
overflow-wrap:break-word;
color:#6B739E;
}
.spu-row_seo_tog strong{
color:#0D1021;
font-weight:700;
}
.spu-jp_tog{
padding:1.875rem 0 10px;
}
.spu-jp_grid_tog{
grid-template-columns:1fr;
gap:1rem;
display:grid;
}
@media(min-width:766px){
.spu-jp_grid_tog{
grid-template-columns:1fr 1fr;
}
.spu-jp_card_mega_tog{
grid-column:1/-1;
}
}
@media(min-width:1001px){
.spu-jp_grid_tog{
grid-template-columns:1.4fr 1fr 1fr;
}
.spu-jp_card_mega_tog{
grid-column:auto;
}
}
.spu-jp_card_tog{
border:1px solid rgba(14,18,32,0.08);
background:#FFFFFF;
gap:12px;
border-radius:1.25rem;
padding:1.625rem;
overflow:hidden;
display:flex;
min-height:200px;
flex-direction:column;
justify-content:space-between;
min-width:0;
position:relative;
}
.spu-jp_card_mega_tog{
border-color:transparent;
background:linear-gradient(135deg,#111828,#080C14);
color:#EEF1FF;
min-height:13.125rem;
}
.spu-jp_glow_tog{
background:radial-gradient(circle,rgba(82,130,255,0.18),transparent 70%);
border-radius:50%;
pointer-events:none;
right:-40px;
position:absolute;
height:12.5rem;
top:-2.5rem;
width:200px;
}
.spu-jp_label_tog{
gap:0.625rem;
color:#3D6FE8;
letter-spacing:.16em;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
display:flex;
font-size:0.625rem;
position:relative;
font-weight:700;
text-transform:uppercase;
}
.spu-jp_card_mega_tog .spu-jp_label_tog{
color:#7EAAFF;
}
.spu-jp_drop_tog{
font-weight:600;
color:#4A5175;
letter-spacing:.04em;
text-transform:none;
}
.spu-jp_card_mega_tog .spu-jp_drop_tog{
color:#8F9BBF;
}
.spu-jp_amount_tog{
overflow-wrap:break-word;
line-height:1;
font-size:2.375rem;
color:#0D1021;
font-weight:700;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
position:relative;
}
.spu-jp_card_mega_tog .spu-jp_amount_tog{
animation:zm2-pulse 2.4s infinite;
color:#7EAAFF;
font-size:3rem;
}
@media(min-width:769px){
.spu-jp_card_mega_tog .spu-jp_amount_tog{
font-size:3.375rem;
}
}
.spu-jp_game_tog{
font-size:0.813rem;
color:#4A5175;
position:relative;
}
.spu-jp_card_mega_tog .spu-jp_game_tog{
color:#8F9BBF;
}
.spu-jp_cta_tog{
align-self:flex-start;
position:relative;
}
.spu-jp_card_mega_tog .spu-jp_cta_tog{
padding:10px 1.25rem;
transition:opacity .22s ease;
border-radius:62.438rem;
background:#7EAAFF;
font-weight:700;
font-size:0.813rem;
color:#0D1021;
}
.spu-jp_card_mega_tog .spu-jp_cta_tog:hover{
opacity:.9;
}
.spu-jp_card_tog:not(.spu-jp_card_mega_tog) .spu-jp_cta_tog{
transition:color .22s ease,border-color .22s ease;
color:#0D1021;
border-bottom:1px solid #0D1021;
padding-bottom:2px;
font-weight:700;
font-size:13px;
}
.spu-jp_card_tog:not(.spu-jp_card_mega_tog) .spu-jp_cta_tog:hover{
border-color:#3D6FE8;
color:#3D6FE8;
}
.spu-jp_seo_tog{
margin:14px 0 0;
color:#6B739E;
overflow-wrap:break-word;
font-size:0.875rem;
line-height:1.65;
max-width:760px;
}
.spu-jp_seo_tog strong{
color:#0D1021;
font-weight:700;
}
.spu-gf_tog{
padding:24px 0 0.375rem;
}
.spu-gf_in_tog{
gap:0.625rem;
display:flex;
flex-wrap:wrap;
}
.spu-gf_chip_tog{
transition:color .22s ease,border-color .22s ease,background-color .22s ease;
border:1px solid rgba(14,18,32,0.14);
background:#FFFFFF;
border-radius:999px;
padding:10px 18px;
white-space:nowrap;
font-size:13px;
font-weight:600;
color:#1E2340;
}
.spu-gf_chip_tog:hover{
border-color:#3D6FE8;
color:#3D6FE8;
}
.spu-gf_chip_tog.spu-state_active_tog{
background:#0D1021;
border-color:transparent;
color:#EEF1FF;
}
.spu-grow_tog{
padding:26px 0 0.625rem;
}
.spu-row_seo_tog{
margin:0.625rem 0 0;
color:#6B739E;
font-size:14px;
overflow-wrap:break-word;
max-width:760px;
line-height:1.65;
}
.spu-row_seo_tog strong{
color:#0D1021;
font-weight:700;
}
.spu-vip_tog{
padding:3rem 0;
}
@media(min-width:767px){
.spu-vip_tog{
padding:64px 0;
}
}
.spu-vip_head_tog{
gap:0.875rem;
flex-direction:column;
display:flex;
margin-bottom:30px;
}
@media(min-width:881px){
.spu-vip_head_tog{
gap:24px;
align-items:flex-end;
justify-content:space-between;
flex-direction:row;
}
}
.spu-vip_eyebrow_tog{
margin-bottom:12px;
}
.spu-vip_h2_tog{
line-height:1.05;
color:#EEF1FF;
overflow-wrap:break-word;
font-weight:600;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-size:2rem;
}
@media(min-width:768px){
.spu-vip_h2_tog{
font-size:40px;
}
}
.spu-vip_intro_tog{
line-height:1.6;
max-width:420px;
color:#8F9BBF;
font-size:14px;
}
.spu-vip_grid_tog{
gap:14px;
grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr));
display:grid;
}
.spu-vip_card_tog{
border-radius:0.875rem;
padding:22px 18px;
border:1px solid rgba(180,200,255,0.14);
min-width:0;
}
.spu-vip_card_feat_tog{
background:rgba(220,228,255,0.08);
border-color:#7EAAFF;
}
.spu-vip_card_ic_tog{
background:linear-gradient(135deg,#3D6FE8,#6B9BFF);
border-radius:0.5rem;
display:block;
margin-bottom:16px;
height:2.125rem;
width:2.125rem;
}
.spu-vip_name_tog{
color:#EEF1FF;
overflow-wrap:break-word;
margin-bottom:6px;
font-size:20px;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-weight:600;
}
.spu-vip_perk_tog{
color:#8F9BBF;
font-size:0.781rem;
line-height:1.5;
overflow-wrap:break-word;
}
.spu-gm_tog{
padding:30px 0 10px;
}
.spu-gm_in_tog{
grid-template-columns:1fr;
gap:1.125rem;
display:grid;
}
@media(min-width:881px){
.spu-gm_in_tog{
grid-template-columns:1.25fr 1fr;
}
}
.spu-gm_left_tog{
background:#FFFFFF;
padding:2rem;
border:1px solid rgba(14,18,32,0.08);
border-radius:20px;
min-width:0;
}
.spu-gm_eyebrow_tog{
margin-bottom:0.625rem;
}
.spu-gm_h2_tog{
font-weight:600;
margin-bottom:8px;
color:#0D1021;
line-height:1.06;
font-size:26px;
overflow-wrap:break-word;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
}
@media(min-width:768px){
.spu-gm_h2_tog{
font-size:1.75rem;
}
}
.spu-gm_text_tog{
max-width:480px;
margin-bottom:1.375rem;
font-size:0.875rem;
line-height:1.6;
color:#6B739E;
}
.spu-gm_level_tog{
font-weight:700;
color:#3D6FE8;
margin-bottom:0.5rem;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-size:1.375rem;
}
.spu-gm_bar_tog{
border-radius:62.438rem;
background:rgba(14,18,32,0.14);
overflow:hidden;
height:8px;
margin-bottom:6px;
}
.spu-gm_bar_fill_tog{
background:linear-gradient(90deg,#3D6FE8,#6B9BFF);
border-radius:62.438rem;
height:100%;
}
.spu-gm_bar_meta_tog{
gap:10px;
color:#4A5175;
font-size:11px;
justify-content:space-between;
margin-bottom:18px;
display:flex;
}
.spu-gm_missions_tog{
gap:0.625rem;
flex-wrap:wrap;
display:flex;
}
.spu-gm_mission_tog{
border-radius:999px;
border:1px solid rgba(14,18,32,0.14);
padding:9px 15px;
gap:7px;
background:#F4F6FA;
font-size:12.5px;
display:inline-flex;
color:#1E2340;
align-items:center;
font-weight:600;
}
.spu-gm_mission_ic_tog{
color:#3D6FE8;
display:inline-flex;
align-items:center;
}
.spu-gm_mission_ic_tog svg{
height:13px;
width:0.813rem;
}
.spu-gm_right_tog{
background:linear-gradient(150deg,#111828,#080C14);
padding:2rem;
overflow:hidden;
border-radius:20px;
position:relative;
color:#EEF1FF;
display:flex;
flex-direction:column;
}
.spu-gm_glow_tog{
background:radial-gradient(circle,rgba(82,130,255,0.18),transparent 70%);
border-radius:50%;
width:150px;
position:absolute;
top:-30px;
height:150px;
right:-30px;
pointer-events:none;
}
.spu-gm_ref_eyebrow_tog{
margin-bottom:10px;
position:relative;
}
.spu-gm_ref_h2_tog{
line-height:1.1;
color:#EEF1FF;
overflow-wrap:break-word;
font-size:1.625rem;
position:relative;
margin-bottom:0.5rem;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-weight:600;
}
.spu-gm_ref_text_tog{
line-height:1.55;
margin-bottom:1.25rem;
position:relative;
font-size:13.5px;
color:#8F9BBF;
}
.spu-gm_ref_cta_tog{
border-radius:62.438rem;
padding:11px 1.375rem;
background:#7EAAFF;
transition:opacity .22s ease;
margin-top:auto;
color:#0D1021;
font-weight:700;
position:relative;
font-size:0.844rem;
align-self:flex-start;
}
.spu-gm_ref_cta_tog:hover{
opacity:.9;
}
.spu-trn_tog{
padding:1.875rem 0 10px;
}
.spu-trn_in_tog{
border-radius:20px;
grid-template-columns:1fr;
overflow:hidden;
background:#FFFFFF;
border:1px solid rgba(14,18,32,0.08);
display:grid;
}
@media(min-width:877px){
.spu-trn_in_tog{
grid-template-columns:1.05fr 1fr;
}
}
.spu-trn_banner_tog{
background:linear-gradient(150deg,#111828,#080C14);
padding:34px;
overflow:hidden;
position:relative;
color:#EEF1FF;
}
.spu-trn_glow_tog{
border-radius:50%;
background:radial-gradient(circle,rgba(82,130,255,0.18),transparent 70%);
height:12.5rem;
pointer-events:none;
right:-40px;
bottom:-40px;
width:12.5rem;
position:absolute;
}
.spu-trn_eyebrow_tog{
margin-bottom:14px;
position:relative;
}
.spu-trn_h2_tog{
line-height:1.06;
font-weight:600;
font-size:1.875rem;
margin-bottom:12px;
position:relative;
color:#EEF1FF;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
}
@media(min-width:769px){
.spu-trn_h2_tog{
font-size:2.25rem;
}
}
.spu-trn_text_tog{
max-width:420px;
color:#8F9BBF;
position:relative;
line-height:1.6;
font-size:0.875rem;
margin-bottom:1.375rem;
}
.spu-trn_timer_tog{
gap:0.5rem;
margin-bottom:24px;
flex-wrap:wrap;
align-items:center;
position:relative;
display:flex;
}
.spu-trn_timer_cap_tog{
color:#8F9BBF;
font-size:0.688rem;
}
.spu-trn_timer_box_tog{
padding:0.25rem 0.75rem;
border-radius:8px;
background:rgba(220,228,255,0.08);
font-size:1.5rem;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
color:#EEF1FF;
font-weight:700;
}
.spu-trn_cta_tog{
transition:opacity .22s ease;
border-radius:999px;
padding:13px 1.625rem;
background:#7EAAFF;
color:#0D1021;
display:inline-block;
font-weight:700;
position:relative;
font-size:14px;
}
.spu-trn_cta_tog:hover{
opacity:.9;
}
.spu-trn_lb_tog{
padding:1.625rem 1.75rem;
}
.spu-trn_lb_head_tog{
gap:10px;
justify-content:space-between;
align-items:center;
display:flex;
margin-bottom:0.75rem;
}
.spu-trn_lb_title_tog{
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-size:20px;
font-weight:600;
color:#0D1021;
}
.spu-trn_lb_upd_tog{
font-size:0.688rem;
text-transform:uppercase;
letter-spacing:.08em;
color:#4A5175;
}
.spu-trn_lb_row_tog{
border-radius:8px;
gap:0.875rem;
padding:11px 12px;
align-items:center;
display:flex;
}
.spu-trn_lb_row_tog:nth-child(2){
background:rgba(61,111,232,0.10);
}
.spu-trn_lb_rank_tog{
flex:0 0 auto;
font-weight:700;
font-size:16px;
width:22px;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
color:#3D6FE8;
}
.spu-trn_lb_av_tog{
background:linear-gradient(135deg,#3D6FE8,#6B9BFF);
border-radius:50%;
flex:0 0 auto;
width:30px;
height:30px;
}
.spu-trn_lb_name_tog{
flex:1 1 auto;
overflow:hidden;
min-width:0;
font-size:0.875rem;
white-space:nowrap;
text-overflow:ellipsis;
color:#0D1021;
font-weight:600;
}
.spu-trn_lb_amount_tog{
flex:0 0 auto;
font-size:0.813rem;
font-weight:700;
color:#0D1021;
}
.spu-nl_tog{
padding:1.5rem 0 0.625rem;
}
.spu-nl_in_tog{
padding:30px 32px;
background:#121829;
border-radius:1.25rem;
gap:1.375rem;
flex-direction:column;
display:flex;
color:#EEF1FF;
}
@media(min-width:768px){
.spu-nl_in_tog{
gap:1.75rem;
justify-content:space-between;
align-items:center;
flex-direction:row;
}
}
.spu-nl_text_wrap_tog{
min-width:0;
}
.spu-nl_h3_tog{
line-height:1.1;
overflow-wrap:break-word;
font-size:22px;
font-weight:600;
margin-bottom:5px;
color:#EEF1FF;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
}
@media(min-width:770px){
.spu-nl_h3_tog{
font-size:1.5rem;
}
}
.spu-nl_text_tog{
font-size:13.5px;
line-height:1.5;
color:#8F9BBF;
}
.spu-nl_form_tog{
flex:1 1 auto;
gap:10px;
min-width:0;
display:flex;
max-width:28.75rem;
}
.spu-nl_input_tog{
overflow:hidden;
border-radius:0.875rem;
flex:1 1 auto;
background:rgba(220,228,255,0.08);
border:1px solid rgba(180,200,255,0.14);
padding:13px 1rem;
display:flex;
font-size:14px;
text-overflow:ellipsis;
white-space:nowrap;
color:#8F9BBF;
align-items:center;
min-width:0;
}
.spu-nl_btn_tog{
background:#7EAAFF;
flex:0 0 auto;
border-radius:0.875rem;
padding:13px 24px;
transition:opacity .22s ease;
white-space:nowrap;
color:#0D1021;
font-weight:700;
font-size:0.875rem;
}
.spu-nl_btn_tog:hover{
opacity:.9;
}
.spu-app_tog{
padding:30px 0 0.625rem;
}
.spu-app_in_tog{
padding:2rem;
gap:28px;
background:#FFFFFF;
border:1px solid rgba(14,18,32,0.08);
border-radius:20px;
display:flex;
flex-direction:column;
}
@media(min-width:770px){
.spu-app_in_tog{
gap:40px;
padding:2.5rem 44px;
flex-direction:row;
justify-content:space-between;
align-items:center;
}
}
.spu-app_copy_tog{
min-width:0;
max-width:35rem;
}
.spu-app_eyebrow_tog{
margin-bottom:12px;
}
.spu-app_h2_tog{
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
margin-bottom:12px;
font-size:28px;
color:#0D1021;
font-weight:600;
line-height:1.05;
overflow-wrap:break-word;
}
@media(min-width:768px){
.spu-app_h2_tog{
font-size:34px;
}
}
.spu-app_text_tog{
margin-bottom:1.375rem;
line-height:1.6;
color:#6B739E;
font-size:0.875rem;
}
.spu-app_btns_tog{
gap:12px;
display:flex;
flex-wrap:wrap;
}
.spu-app_btn_tog{
transition:background-color .22s ease;
background:#0D1021;
gap:10px;
border-radius:14px;
padding:0.688rem 1.25rem;
align-items:center;
display:inline-flex;
color:#EEF1FF;
}
.spu-app_btn_tog:hover{
background:#1E2340;
}
.spu-app_btn_ic_tog{
display:inline-flex;
align-items:center;
}
.spu-app_btn_ic_tog svg{
height:18px;
width:18px;
}
.spu-app_btn_lb_tog{
font-weight:700;
font-size:13.5px;
}
.spu-app_qr_wrap_tog{
flex:0 0 auto;
gap:18px;
align-items:center;
display:flex;
}
.spu-app_qr_tog{
flex:0 0 auto;
border-radius:14px;
height:108px;
background-color:#0D1021;
width:108px;
background-image:repeating-linear-gradient(0deg,#FFFFFF 0 5px,transparent 5px 11px),repeating-linear-gradient(90deg,#FFFFFF 0 5px,transparent 0.313rem 0.688rem);
}
.spu-app_qr_cap_tog{
font-size:0.781rem;
line-height:1.4;
color:#4A5175;
max-width:5.75rem;
}
.spu-rv_tog{
padding:3rem 0;
background:#FFFFFF;
border-bottom:1px solid rgba(14,18,32,0.08);
margin-top:24px;
border-top:1px solid rgba(14,18,32,0.08);
}
@media(min-width:768px){
.spu-rv_tog{
padding:3.5rem 0;
}
}
.spu-rv_head_tog{
gap:1rem;
margin-bottom:1.875rem;
display:flex;
flex-direction:column;
}
@media(min-width:766px){
.spu-rv_head_tog{
gap:20px;
justify-content:space-between;
flex-direction:row;
align-items:flex-end;
}
}
.spu-rv_eyebrow_tog{
margin-bottom:0.625rem;
}
.spu-rv_h2_tog{
line-height:1.05;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
color:#0D1021;
overflow-wrap:break-word;
font-size:1.875rem;
font-weight:600;
}
@media(min-width:771px){
.spu-rv_h2_tog{
font-size:38px;
}
}
.spu-rv_agg_tog{
gap:12px;
display:flex;
align-items:center;
}
.spu-rv_agg_stars_tog{
gap:3px;
display:flex;
color:#3D6FE8;
}
.spu-rv_agg_stars_tog svg{
height:18px;
width:18px;
}
.spu-rv_source_tog{
font-size:0.813rem;
color:#6B739E;
}
.spu-rv_grid_tog{
grid-template-columns:1fr;
gap:18px;
display:grid;
}
@media(min-width:760px){
.spu-rv_grid_tog{
grid-template-columns:repeat(3,1fr);
}
}
.spu-rv_card_tog{
border-radius:14px;
padding:1.625rem;
border:1px solid rgba(14,18,32,0.08);
background:#F4F6FA;
min-width:0;
}
.spu-rv_card_stars_tog{
gap:2px;
color:#3D6FE8;
margin-bottom:12px;
display:flex;
}
.spu-rv_card_stars_tog svg{
height:0.875rem;
width:0.875rem;
}
.spu-rv_card_body_tog{
line-height:1.45;
font-size:1.125rem;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
font-weight:500;
color:#0D1021;
margin-bottom:16px;
}
.spu-rv_card_meta_tog{
gap:10px;
flex-wrap:wrap;
display:flex;
align-items:center;
}
.spu-rv_card_av_tog{
background:linear-gradient(135deg,#3D6FE8,#6B9BFF);
flex:0 0 auto;
border-radius:50%;
width:2rem;
height:2rem;
}
.spu-rv_card_author_tog{
color:#0D1021;
font-size:0.813rem;
font-weight:700;
}
.spu-rv_card_loc_tog{
color:#4A5175;
font-size:0.75rem;
}
.spu-tt_tog{
padding:3rem 0 10px;
}
@media(min-width:770px){
.spu-tt_tog{
padding:60px 0 10px;
}
}
.spu-tt_head_tog{
text-align:center;
margin-bottom:34px;
}
.spu-tt_eyebrow_tog{
margin-bottom:12px;
}
.spu-tt_h2_tog{
line-height:1.05;
color:#0D1021;
overflow-wrap:break-word;
font-weight:600;
font-size:2rem;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
}
@media(min-width:768px){
.spu-tt_h2_tog{
font-size:2.625rem;
}
}
.spu-tt_grid_tog{
gap:1.125rem;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:760px){
.spu-tt_grid_tog{
grid-template-columns:repeat(3,1fr);
}
}
.spu-tt_card_tog{
padding:30px;
border-radius:0.875rem;
background:#FFFFFF;
border:1px solid rgba(14,18,32,0.08);
flex-direction:column;
min-width:0;
display:flex;
}
.spu-tt_card_ic_tog{
margin-bottom:1.125rem;
color:#3D6FE8;
align-items:center;
display:inline-flex;
}
.spu-tt_card_ic_tog svg{
width:28px;
height:1.75rem;
}
.spu-tt_card_h_tog{
font-weight:600;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
line-height:1.15;
margin-bottom:8px;
color:#0D1021;
font-size:22px;
overflow-wrap:break-word;
}
.spu-tt_card_p_tog{
margin-bottom:14px;
color:#6B739E;
line-height:1.6;
overflow-wrap:break-word;
font-size:0.875rem;
}
.spu-tt_card_p_tog b{
color:#0D1021;
font-weight:700;
}
.spu-tt_card_link_tog{
transition:color .22s ease;
padding-bottom:2px;
font-size:13px;
color:#0D1021;
margin-top:auto;
align-self:flex-start;
font-weight:700;
border-bottom:1px solid #3D6FE8;
}
.spu-tt_card_link_tog:hover{
color:#3D6FE8;
}
.spu-et_tog{
padding:2.25rem 0 10px;
}
.spu-et_in_tog{
gap:32px;
grid-template-columns:1fr;
align-items:start;
display:grid;
}
@media(min-width:881px){
.spu-et_in_tog{
grid-template-columns:1.1fr .9fr;
gap:48px;
}
}
.spu-et_left_tog{
min-width:0;
}
.spu-et_eyebrow_tog{
margin-bottom:0.75rem;
}
.spu-et_h2_tog{
color:#0D1021;
line-height:1.06;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
overflow-wrap:break-word;
font-weight:600;
font-size:28px;
margin-bottom:14px;
}
@media(min-width:768px){
.spu-et_h2_tog{
font-size:2rem;
}
}
.spu-et_text_tog{
font-size:0.938rem;
margin-bottom:1.375rem;
line-height:1.65;
color:#6B739E;
}
.spu-et_stats_tog{
gap:24px;
flex-wrap:wrap;
display:flex;
}
.spu-et_stat_tog{
min-width:0;
}
.spu-et_stat_v_tog{
line-height:1;
color:#0D1021;
font-weight:700;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-size:1.625rem;
}
.spu-et_stat_l_tog{
font-size:0.781rem;
color:#4A5175;
margin-top:0.25rem;
}
.spu-et_right_tog{
gap:0.75rem;
flex-direction:column;
display:flex;
}
.spu-et_member_tog{
gap:1rem;
padding:1.125rem 20px;
border-radius:14px;
border:1px solid rgba(14,18,32,0.08);
background:#FFFFFF;
display:flex;
align-items:center;
min-width:0;
}
.spu-et_member_av_tog{
background:linear-gradient(135deg,#111828,#3D6FE8);
border-radius:50%;
flex:0 0 auto;
height:3rem;
width:3rem;
}
.spu-et_member_name_tog{
overflow-wrap:break-word;
color:#0D1021;
font-weight:700;
font-size:0.938rem;
}
.spu-et_member_role_tog{
overflow-wrap:break-word;
font-size:12.5px;
color:#4A5175;
}
.spu-et_updated_tog{
border-radius:14px;
padding:0.875rem 1.125rem;
border:1px solid rgba(14,18,32,0.08);
gap:0.5rem;
background:#F4F6FA;
align-items:center;
color:#6B739E;
font-size:12.5px;
display:flex;
}
.spu-wy_tog{
padding:3rem 0;
}
@media(min-width:765px){
.spu-wy_tog{
padding:56px 0;
}
}
.spu-wy_in_tog{
grid-template-columns:1fr;
gap:2rem;
display:grid;
align-items:start;
}
@media(min-width:900px){
.spu-wy_in_tog{
grid-template-columns:.8fr 1.2fr;
gap:3rem;
}
}
.spu-wy_left_tog{
min-width:0;
}
.spu-wy_eyebrow_tog{
margin-bottom:0.875rem;
}
.spu-wy_h2_tog{
line-height:1.05;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-size:2rem;
color:#0D1021;
overflow-wrap:break-word;
font-weight:600;
margin-bottom:1rem;
}
@media(min-width:767px){
.spu-wy_h2_tog{
font-size:2.5rem;
}
}
.spu-wy_intro_tog{
font-size:15px;
color:#6B739E;
line-height:1.6;
}
.spu-wy_grid_tog{
grid-template-columns:1fr;
gap:1.125rem;
display:grid;
}
@media(min-width:559px){
.spu-wy_grid_tog{
grid-template-columns:1fr 1fr;
}
}
.spu-wy_card_tog{
border-radius:0.875rem;
background:#FFFFFF;
border:1px solid rgba(14,18,32,0.08);
padding:1.625rem;
min-width:0;
}
.spu-wy_card_ic_tog{
align-items:center;
display:inline-flex;
justify-content:center;
margin-bottom:16px;
color:#3D6FE8;
}
.spu-wy_card_ic_tog svg{
width:1.625rem;
height:26px;
}
.spu-wy_card_h_tog{
margin-bottom:0.5rem;
color:#0D1021;
font-size:1.313rem;
line-height:1.15;
overflow-wrap:break-word;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-weight:600;
}
.spu-wy_card_p_tog{
font-size:14px;
line-height:1.55;
color:#6B739E;
overflow-wrap:break-word;
}
.spu-hts_tog{
padding:48px 0;
}
@media(min-width:765px){
.spu-hts_tog{
padding:62px 0;
}
}
.spu-hts_head_tog{
gap:18px;
flex-direction:column;
margin-bottom:2.125rem;
display:flex;
}
@media(min-width:765px){
.spu-hts_head_tog{
gap:24px;
justify-content:space-between;
align-items:flex-end;
flex-direction:row;
}
}
.spu-hts_eyebrow_tog{
margin-bottom:0.75rem;
}
.spu-hts_h2_tog{
color:#EEF1FF;
font-weight:600;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
line-height:1.05;
overflow-wrap:break-word;
font-size:1.875rem;
}
@media(min-width:771px){
.spu-hts_h2_tog{
font-size:38px;
}
}
.spu-hts_cta_tog{
transition:opacity .22s ease;
padding:0.938rem 1.875rem;
flex:0 0 auto;
background:#7EAAFF;
border-radius:62.438rem;
font-size:15px;
font-weight:700;
color:#0D1021;
}
.spu-hts_cta_tog:hover{
opacity:.9;
}
.spu-hts_grid_tog{
gap:24px;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:762px){
.spu-hts_grid_tog{
grid-template-columns:repeat(3,1fr);
}
}
.spu-hts_step_tog{
min-width:0;
border-top:1px solid rgba(180,200,255,0.14);
padding-top:1.375rem;
}
.spu-hts_step_num_tog{
color:#7EAAFF;
font-weight:700;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
line-height:1;
font-size:2.75rem;
margin-bottom:0.875rem;
}
.spu-hts_step_h_tog{
color:#EEF1FF;
margin-bottom:8px;
line-height:1.2;
overflow-wrap:break-word;
font-size:19px;
font-weight:700;
}
.spu-hts_step_p_tog{
color:#8F9BBF;
overflow-wrap:break-word;
font-size:0.875rem;
line-height:1.55;
}
.spu-prov_tog{
padding:2.5rem 0 1.25rem;
}
.spu-prov_eyebrow_tog{
margin-bottom:18px;
display:block;
}
.spu-prov_grid_tog{
grid-template-columns:repeat(2,1fr);
gap:0.75rem;
display:grid;
}
@media(min-width:558px){
.spu-prov_grid_tog{
grid-template-columns:repeat(3,1fr);
}
}
@media(min-width:902px){
.spu-prov_grid_tog{
grid-template-columns:repeat(6,1fr);
}
}
.spu-ts_tog{
padding:44px 0;
}
.spu-ts_in_tog{
grid-template-columns:1fr;
gap:32px;
display:grid;
align-items:center;
}
@media(min-width:880px){
.spu-ts_in_tog{
gap:3rem;
grid-template-columns:1.4fr 1fr;
}
}
.spu-ts_left_tog{
min-width:0;
}
.spu-ts_h2_tog{
color:#EEF1FF;
font-weight:600;
line-height:1.1;
overflow-wrap:break-word;
margin-bottom:0.75rem;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-size:1.625rem;
}
@media(min-width:771px){
.spu-ts_h2_tog{
font-size:1.75rem;
}
}
.spu-ts_text_tog{
line-height:1.6;
color:#8F9BBF;
margin-bottom:1.375rem;
font-size:14.5px;
max-width:32.5rem;
}
.spu-ts_badges_tog{
gap:1.125rem;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.spu-ts_badge_tog{
font-size:0.813rem;
color:#8F9BBF;
font-weight:600;
}
.spu-ts_pay_tog{
gap:12px;
display:flex;
flex-wrap:wrap;
}
@media(min-width:882px){
.spu-ts_pay_tog{
justify-content:flex-end;
}
}
.spu-ts_pay_chip_tog{
border-radius:14px;
background:rgba(220,228,255,0.08);
padding:12px 16px;
border:1px solid rgba(180,200,255,0.14);
font-size:0.875rem;
font-weight:700;
color:#EEF1FF;
}
.spu-sc_tog{
padding:48px 0 10px;
}
.spu-sc_head_tog{
margin-bottom:1.75rem;
text-align:center;
}
.spu-sc_eyebrow_tog{
margin-bottom:0.75rem;
}
.spu-sc_h2_tog{
overflow-wrap:break-word;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
line-height:1.05;
font-weight:600;
color:#0D1021;
font-size:1.875rem;
}
@media(min-width:768px){
.spu-sc_h2_tog{
font-size:36px;
}
}
.spu-sc_table_tog{
margin:0 auto;
overflow:hidden;
border-radius:0.875rem;
border:1px solid rgba(14,18,32,0.08);
max-width:900px;
}
.spu-sc_thead_tog{
grid-template-columns:1.6fr 1fr 1fr;
background:#1A1E2E;
display:grid;
}
.spu-sc_th_tog{
padding:0.938rem 18px;
text-align:center;
overflow-wrap:break-word;
color:#8F9BBF;
font-size:13px;
font-weight:700;
}
.spu-sc_th_tog:first-child{
text-align:left;
}
.spu-sc_th_us_tog{
color:#7EAAFF;
}
.spu-sc_row_tog{
grid-template-columns:1.6fr 1fr 1fr;
border-top:1px solid rgba(14,18,32,0.08);
display:grid;
}
.spu-sc_row_tog:nth-child(even){
background:#FFFFFF;
}
.spu-sc_td_tog{
padding:0.938rem 18px;
min-width:0;
color:#4A5175;
text-align:center;
font-size:0.875rem;
overflow-wrap:break-word;
}
.spu-sc_td_tog:first-child{
font-weight:600;
color:#1E2340;
text-align:left;
}
.spu-sc_td_us_tog{
color:#1EA87A;
font-weight:700;
}
.spu-faq_tog{
padding:3rem 0;
background:#FFFFFF;
margin-top:1.5rem;
border-bottom:1px solid rgba(14,18,32,0.08);
border-top:1px solid rgba(14,18,32,0.08);
}
@media(min-width:766px){
.spu-faq_tog{
padding:62px 0;
}
}
.spu-faq_head_tog{
text-align:center;
margin-bottom:34px;
}
.spu-faq_eyebrow_tog{
margin-bottom:12px;
}
.spu-faq_h2_tog{
color:#0D1021;
font-size:2rem;
overflow-wrap:break-word;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-weight:600;
line-height:1.05;
}
@media(min-width:766px){
.spu-faq_h2_tog{
font-size:2.375rem;
}
}
.spu-faq_list_tog{
gap:12px;
margin:0 auto;
flex-direction:column;
max-width:820px;
display:flex;
}
.spu-faq_item_tog{
border-radius:0.875rem;
overflow:hidden;
border:1px solid rgba(14,18,32,0.08);
background:#F4F6FA;
}
.spu-faq_q_tog{
list-style:none;
gap:20px;
padding:1.25rem 24px;
font-weight:700;
cursor:pointer;
color:#0D1021;
font-size:1rem;
overflow-wrap:break-word;
align-items:center;
justify-content:space-between;
display:flex;
}
.spu-faq_q_tog::-webkit-details-marker{
display:none;
}
.spu-faq_q_ic_tog{
transition:transform .22s ease;
flex:0 0 auto;
align-items:center;
color:#3D6FE8;
display:inline-flex;
}
.spu-faq_q_ic_tog svg{
width:1.125rem;
height:1.125rem;
}
.spu-faq_item_tog[open] .spu-faq_q_ic_tog{
transform:rotate(180deg);
}
.spu-faq_a_tog{
padding:0 24px 20px;
font-size:0.906rem;
line-height:1.6;
color:#6B739E;
overflow-wrap:break-word;
}
.spu-lh_tog{
padding:40px 0 20px;
}
.spu-lh_in_tog{
border-top:1px solid rgba(14,18,32,0.14);
padding-top:2.125rem;
}
.spu-lh_eyebrow_tog{
display:block;
margin-bottom:1.375rem;
}
.spu-lh_grid_tog{
grid-template-columns:1fr 1fr;
gap:1.75rem;
display:grid;
}
@media(min-width:598px){
.spu-lh_grid_tog{
grid-template-columns:repeat(3,1fr);
}
}
@media(min-width:960px){
.spu-lh_grid_tog{
grid-template-columns:repeat(5,1fr);
}
}
.spu-lh_col_tog{
min-width:0;
}
.spu-lh_col_h_tog{
color:#0D1021;
margin-bottom:12px;
font-size:13px;
font-weight:700;
overflow-wrap:break-word;
}
.spu-lh_links_tog{
gap:8px;
flex-direction:column;
display:flex;
}
.spu-lh_link_tog{
transition:color .22s ease;
color:#6B739E;
font-size:13px;
overflow-wrap:break-word;
}
.spu-lh_link_tog:hover{
color:#3D6FE8;
}
.spu-sb_tog{
background:#FFFFFF;
padding:48px 0;
border-bottom:1px solid rgba(14,18,32,0.08);
margin-top:1.5rem;
border-top:1px solid rgba(14,18,32,0.08);
}
@media(min-width:767px){
.spu-sb_tog{
padding:3.5rem 0;
}
}
.spu-sb_eyebrow_tog{
margin-bottom:12px;
display:block;
}
.spu-sb_h2_tog{
color:#0D1021;
font-size:1.875rem;
margin-bottom:1.625rem;
overflow-wrap:break-word;
font-weight:600;
line-height:1.05;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
}
@media(min-width:769px){
.spu-sb_h2_tog{
font-size:2.25rem;
}
}
.spu-sb_grid_tog{
grid-template-columns:1fr;
gap:16px;
display:grid;
}
@media(min-width:561px){
.spu-sb_grid_tog{
grid-template-columns:1fr 1fr;
}
}
@media(min-width:962px){
.spu-sb_grid_tog{
grid-template-columns:repeat(4,1fr);
}
}
.spu-sb_card_tog{
border:1px solid rgba(14,18,32,0.08);
background:#F4F6FA;
border-radius:0.875rem;
padding:24px;
min-width:0;
}
.spu-sb_card_h_tog{
margin-bottom:0.5rem;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-weight:600;
font-size:1.188rem;
line-height:1.15;
overflow-wrap:break-word;
color:#0D1021;
}
.spu-sb_card_p_tog{
line-height:1.6;
overflow-wrap:break-word;
font-size:0.844rem;
color:#6B739E;
}
.spu-sb_rtp_tog{
background:#F4F6FA;
border:1px solid rgba(14,18,32,0.08);
gap:1.5rem;
border-radius:0.875rem;
padding:1.625rem 1.75rem;
grid-template-columns:1fr;
display:grid;
margin-top:1.125rem;
align-items:center;
}
@media(min-width:757px){
.spu-sb_rtp_tog{
grid-template-columns:1fr 1fr;
gap:2.5rem;
}
}
.spu-sb_rtp_h_tog{
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
color:#0D1021;
font-size:1.25rem;
margin-bottom:0.5rem;
font-weight:600;
line-height:1.15;
overflow-wrap:break-word;
}
.spu-sb_rtp_p_tog{
color:#6B739E;
font-size:0.844rem;
overflow-wrap:break-word;
line-height:1.6;
}
.spu-sb_rtp_stats_tog{
gap:1rem;
display:flex;
}
.spu-sb_stat_tog{
padding:18px;
background:#FFFFFF;
border-radius:8px;
flex:1 1 0;
text-align:center;
min-width:0;
}
.spu-sb_stat_v_tog{
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-weight:700;
font-size:1.625rem;
color:#1EA87A;
overflow-wrap:break-word;
}
.spu-sb_stat_l_tog{
margin-top:0.25rem;
color:#4A5175;
font-size:0.719rem;
}
.spu-el_tog{
padding:48px 0;
}
@media(min-width:769px){
.spu-el_tog{
padding:56px 0;
}
}
.spu-el_in_tog{
gap:2.5rem;
grid-template-columns:1fr;
display:grid;
align-items:start;
}
@media(min-width:900px){
.spu-el_in_tog{
grid-template-columns:1fr 1fr;
gap:56px;
}
}
.spu-el_left_tog{
min-width:0;
}
.spu-el_eyebrow_tog{
margin-bottom:0.875rem;
}
.spu-el_h2_tog{
margin-bottom:22px;
line-height:1.08;
font-weight:600;
font-size:2rem;
overflow-wrap:break-word;
color:#0D1021;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
}
@media(min-width:770px){
.spu-el_h2_tog{
font-size:38px;
}
}
.spu-el_body_tog p{
font-size:16px;
line-height:1.7;
overflow-wrap:break-word;
color:#1E2340;
margin-bottom:18px;
}
.spu-el_dropcap_tog{
padding:6px 0.75rem 0 0;
font-weight:700;
float:left;
color:#3D6FE8;
font-size:62px;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
line-height:.8;
}
.spu-el_right_tog{
min-width:0;
}
.spu-el_quote_tog{
border-radius:20px;
background:linear-gradient(150deg,#111828,#080C14);
padding:36px;
margin-bottom:1.5rem;
color:#EEF1FF;
position:relative;
}
.spu-el_quote_mark_tog{
margin-bottom:6px;
display:inline-flex;
align-items:center;
color:#7EAAFF;
}
.spu-el_quote_mark_tog svg{
width:34px;
height:2.125rem;
}
.spu-el_quote_text_tog{
margin-bottom:1.375rem;
overflow-wrap:break-word;
color:#EEF1FF;
font-size:1.375rem;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
line-height:1.4;
font-weight:500;
}
.spu-el_quote_meta_tog{
gap:0.75rem;
display:flex;
align-items:center;
}
.spu-el_quote_av_tog{
border-radius:50%;
background:linear-gradient(135deg,#3D6FE8,#6B9BFF);
flex:0 0 auto;
height:2.375rem;
width:2.375rem;
}
.spu-el_quote_author_tog{
color:#EEF1FF;
font-weight:700;
font-size:0.875rem;
}
.spu-el_quote_meta_sub_tog{
color:#8F9BBF;
font-size:12px;
}
.spu-el_explain_tog{
border:1px solid rgba(14,18,32,0.08);
overflow:hidden;
border-radius:14px;
}
.spu-el_explain_card_tog{
padding:1.375rem 1.5rem;
}
.spu-el_explain_card_tog+.spu-el_explain_card_tog{
border-top:1px solid rgba(14,18,32,0.08);
}
.spu-el_explain_h_tog{
font-size:20px;
overflow-wrap:break-word;
font-weight:600;
color:#0D1021;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
line-height:1.15;
margin-bottom:0.5rem;
}
.spu-el_explain_p_tog{
line-height:1.55;
color:#6B739E;
font-size:0.875rem;
overflow-wrap:break-word;
}
.spu-sg_tog{
padding:3rem 0 10px;
}
.spu-sg_eyebrow_tog{
display:block;
margin-bottom:0.75rem;
}
.spu-sg_h2_tog{
line-height:1.05;
color:#0D1021;
font-weight:600;
margin-bottom:28px;
font-size:1.875rem;
overflow-wrap:break-word;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
}
@media(min-width:767px){
.spu-sg_h2_tog{
font-size:2.25rem;
}
}
.spu-sg_grid_tog{
gap:1.5rem;
grid-template-columns:1fr;
display:grid;
}
@media(min-width:718px){
.spu-sg_grid_tog{
grid-template-columns:repeat(3,1fr);
}
}
.spu-sg_col_tog{
min-width:0;
}
.spu-sg_col_h_tog{
font-size:1.375rem;
color:#0D1021;
overflow-wrap:break-word;
margin-bottom:10px;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-weight:600;
line-height:1.15;
}
.spu-sg_col_p_tog{
color:#6B739E;
font-size:14px;
overflow-wrap:break-word;
line-height:1.65;
}
.spu-ft_tog{
background:#1A1E2E;
margin-top:2.5rem;
color:#8F9BBF;
}
.spu-ft_in_tog{
padding:3rem 0 1.75rem;
grid-template-columns:1fr;
gap:2rem;
display:grid;
}
@media(min-width:603px){
.spu-ft_in_tog{
grid-template-columns:1fr 1fr;
}
}
@media(min-width:901px){
.spu-ft_in_tog{
grid-template-columns:1.4fr 1fr 1fr 1fr;
}
}
.spu-ft_brand_tog{
min-width:0;
}
.spu-ft_logo_tog{
font-size:1.625rem;
color:#EEF1FF;
overflow-wrap:break-word;
font-family:"PT Serif", Georgia, 'Times New Roman', serif;
font-weight:700;
}
.spu-ft_tagline_tog{
max-width:17.5rem;
line-height:1.6;
margin-top:0.875rem;
color:#8F9BBF;
font-size:0.844rem;
}
.spu-ft_contact_tog{
transition:color .22s ease;
margin-top:12px;
color:#7EAAFF;
display:inline-block;
max-width:17.5rem;
overflow-wrap:anywhere;
font-size:13px;
}
.spu-ft_contact_tog:hover{
color:#EEF1FF;
}
.spu-ft_col_tog{
min-width:0;
}
.spu-ft_col_h_tog{
margin-bottom:14px;
text-transform:uppercase;
overflow-wrap:break-word;
letter-spacing:.08em;
font-size:13px;
font-weight:700;
color:#EEF1FF;
}
.spu-ft_col_links_tog{
gap:10px;
display:flex;
flex-direction:column;
}
.spu-ft_link_tog{
transition:color .22s ease;
color:#8F9BBF;
overflow-wrap:break-word;
font-size:0.844rem;
}
.spu-ft_link_tog:hover{
color:#EEF1FF;
}
.spu-ft_bot_tog{
gap:1rem;
padding:22px 0 40px;
flex-direction:column;
display:flex;
border-top:1px solid rgba(180,200,255,0.14);
}
@media(min-width:769px){
.spu-ft_bot_tog{
gap:1.25rem;
justify-content:space-between;
flex-direction:row;
align-items:center;
}
}
.spu-ft_legal_tog{
color:#9BA3C4;
line-height:1.6;
overflow-wrap:break-word;
font-size:0.719rem;
max-width:47.5rem;
}
.spu-ft_legal_tog b{
font-weight:700;
color:#8F9BBF;
}
.spu-ft_age_tog{
border-radius:0.5rem;
border:1.5px solid #7EAAFF;
flex:0 0 auto;
padding:0.25rem 0.563rem;
font-size:0.813rem;
font-weight:700;
color:#7EAAFF;
}