@charset "UTF-8";

#page_content{flex:auto;display:flex;flex-direction:column;justify-content:center;position:relative;background:linear-gradient(180deg,hsl(var(--CPT-THM-H) 15% 50%/50%),transparent) no-repeat center/cover;
	&::after{content:'';display:block;position:absolute;inset:0;z-index:0;width:min(1920px,100%);max-height:var(--VHeight);margin-inline:auto;background:url('../images/art/page_bg-b92fada734.svg') no-repeat top center;-webkit-mask-image:linear-gradient(180deg,rgba(0 0 0 / 75%),rgba(0 0 0 / 0));mask-image:linear-gradient(180deg,rgba(0 0 0 / 75%),rgba(0 0 0 / 0));}
	&>.inner{width:min(var(--MaxContentWidth),100%);margin-inline:auto;padding:var(--spacing);box-sizing:border-box;position:relative;z-index:1;}
	@media only screen and (max-width:480px){background:var(--background-color-L3);
		&::after{content:unset;}
	}
}


/* site_upgrade */
#site_upgrade{max-width:60em;margin-inline:auto;padding:calc(var(--spacing) * 2);box-sizing:border-box;background-color:var(--background-color-L1);border-radius:1em;text-align:center;display:flex;flex-direction:column;gap:var(--spacing);
	&>div{max-width:30em;margin-inline:auto;}
	.img{width:min(25em,75%);
		&>img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:contain;}
	}
	.msg{display:flex;flex-direction:column;gap:1em;
		& h1{font-size:var(--SiteFS-XXL);font-weight:var(--SiteFW-EB);text-transform:uppercase;}
		& p{margin:unset;}
	}
	.btc{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1em;}
	.sns{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1em;
		& h3{font-size:var(--SiteFS);font-weight:var(--SiteFW);color:var(--body-text-color-a50);}
		.sns_list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1px;--CPT-US:3em;
			.btw:not(:hover){--color:var(--body-text-color-a50);--background-color:transparent;--border-color:transparent;}
		}
	}
	@media only screen and (max-width:480px){padding:unset;border-radius:unset;background-color:unset;}
}

/* 404 & error page */
#message_box{max-width:50em;margin-inline:auto;padding:calc(var(--spacing) * 1.5);box-sizing:border-box;background-color:var(--background-color-L1);border-radius:1em;text-align:center;display:flex;flex-direction:column;gap:var(--spacing);
	&>div{max-width:30em;margin-inline:auto;}
	.img{width:min(25em,100%);
		&>img{display:block;width:100%;height:100%;aspect-ratio:5/3;object-fit:contain;}
	}
	.msg{display:flex;flex-direction:column;gap:1em;
		& h2{font-size:var(--SiteFS-XL);font-weight:var(--SiteFW-EB);}
		& p{margin:unset;}
	}
	.btc{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1em;}
	@media only screen and (max-width:480px){padding:unset;border-radius:unset;background-color:unset;}
}

/* invoice download */
#invoice_details{display:grid;grid-template-columns:auto 1fr;gap:1em var(--spacing);padding:var(--spacing);box-sizing:border-box;text-align:start;background-color:var(--background-color-L3);box-shadow:var(--body-text-color-a10) 0 0 0 1px inset;border-radius:.5em;overflow:hidden;width:min(30em,100%);
	.T{}
	.C{font-weight:var(--SiteFW-EB);}
}

/* change currency */
#change_currency{display:flex;flex-direction:column;gap:var(--spacing);--CPT-US:4em;text-align:start;width:min(30em, 100%);
	&::before{content:attr(icon);font-size:2em;margin:-.5em auto;color:var(--body-text-color-a50);}
	&>div{display:flex;flex-direction:column;gap:1em;}
	.currency_from{order:-9;
		& span[currency]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:calc(var(--CPT-US) / 2);height:var(--CPT-US);padding-inline:calc(var(--CPT-US) / 2);border-radius:var(--CPT-BDR);box-shadow:var(--CPT-BDC) 0 0 0 var(--CPT-BDW) inset;background-color:var(--CPT-BGC);
			&>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
		}
	}
	.currency_to{}
	.price{color:var(--SiteTHM);font-weight:var(--SiteFW-EB);}
}

/* compatibility check */
#compatibility_check{max-width:50em;margin-inline:auto;padding:calc(var(--spacing) * 1.5);box-sizing:border-box;background-color:var(--background-color-L1);border-radius:1em;text-align:center;display:flex;flex-direction:column;gap:var(--spacing);
	&>div{max-width:30em;margin-inline:auto;}
	.img{width:min(25em,100%);
		&>img{display:block;width:100%;height:100%;aspect-ratio:5/3;object-fit:contain;}
	}
	.msg{display:flex;flex-direction:column;gap:1em;
		& h2{font-size:var(--SiteFS-XL);font-weight:var(--SiteFW-EB);}
		& p{margin:unset;}
	}
	.device{display:flex;flex-direction:column;gap:1em;padding:var(--spacing);box-sizing:border-box;text-align:start;background-color:var(--background-color-L3);box-shadow:var(--body-text-color-a10) 0 0 0 1px inset;border-radius:.5em;overflow:hidden;
		.version{display:flex;flex-wrap:wrap;gap:1em var(--spacing);
			& b{font-weight:var(--SiteFW-EB);}
		}
		.ua{font-size:var(--SiteFS-S);color:var(--body-text-color-a50);}
	}
	.btc{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1em;}
	@media only screen and (max-width:480px){padding:unset;border-radius:unset;background-color:unset;}
}


/* contact_us */
#contact_us{display:grid;grid-template-columns:clamp(25em,30%,30em) 1fr;align-items:start;gap:var(--spacing);padding-block:var(--spacing);
	#contact_intro{display:flex;flex-direction:column;gap:var(--spacing);
		.art{
			&>img{display:block;width:100%;height:100%;aspect-ratio:5/3;object-fit:contain;}
		}
		.intro{display:flex;flex-direction:column;gap:1em;
			& h1{font-size:var(--SiteFS-XXL);font-weight:var(--SiteFW-EB);}
			& p{margin:unset;}
		}
	}
	#contact_content{padding:var(--spacing);border-radius:1em;background-color:var(--background-color-L1);
		&>.inner{display:flex;flex-direction:column;gap:var(--spacing);max-width:60em;margin-inline:auto;}
		.contact_wrp{display:flex;flex-direction:column;gap:var(--spacing);
			& h2{font-size:var(--SiteFS-XXL);font-weight:var(--SiteFW-EB);}
			&~&{padding-block-start:var(--spacing);box-shadow:var(--body-text-color-a5) 0 1px 0 inset;}
			&>div{display:flex;flex-direction:column;gap:1em;}
			.title{display:flex;flex-direction:column;gap:.5em;
				& h3{font-size:var(--SiteFS);font-weight:var(--SiteFW-B);}
				& span{font-size:var(--SiteFS-S);color:var(--body-text-color-a50);}
			}
			.list{display:flex;flex-wrap:wrap;align-items:center;gap:1em;}
		}
		#seagm_map{position:relative;border-radius:1em;overflow:hidden;transform:translate3d(0,0,0);background-color:var(--background-color-L3);box-shadow:var(--body-text-color-a5) 0 0 0 1px;
			&>iframe{display:block;width:100%;height:100%;border:none;aspect-ratio:16/9;}
		}
	}
	@media only screen and (max-width:800px){display:flex;flex-direction:column;width:min(40em,100%);margin-inline:auto;
		#contact_intro .art{width:min(30em,80%);margin-inline:auto;}
		#contact_content .contact_wrp h2{font-size:var(--SiteFS-L);}
	}
	@media only screen and (max-width:480px){
		#contact_content{margin-inline:calc(var(--spacing) * -1);}
	}
}


/* business_partnership */
#business_partnership{display:grid;grid-template-columns:clamp(25em,30%,30em) 1fr;align-items:start;gap:var(--spacing);padding-block:var(--spacing);
	#business_intro{display:flex;flex-direction:column;gap:var(--spacing);
		.art{
			&>img{display:block;width:100%;height:100%;aspect-ratio:5/3;object-fit:contain;}
		}
		.intro{display:flex;flex-direction:column;gap:1em;
			& h1{font-size:var(--SiteFS-XXL);font-weight:var(--SiteFW-EB);}
			& p{margin:unset;}
		}
	}
	#business_form{padding:var(--spacing);border-radius:1em;background-color:var(--background-color-L1);
		&>.inner{display:flex;flex-direction:column;gap:var(--spacing);max-width:60em;margin-inline:auto;}
		.block{display:flex;flex-direction:column;gap:var(--spacing);
			&~&{padding-block-start:var(--spacing);box-shadow:var(--body-text-color-a5) 0 1px 0 inset;}
			& h2{font-size:var(--SiteFS-XXL);font-weight:var(--SiteFW-EB);}
			.filed{display:flex;flex-direction:column;gap:1em;
				&.hide{display:none;}
				.title{display:flex;flex-direction:column;gap:.5em;
					& h3{font-size:var(--SiteFS);font-weight:var(--SiteFW);}
					& span{font-size:var(--SiteFS-S);color:var(--body-text-color-a50);}
				}
				.tips.hide{display:none;}
				& p{margin:unset;}
				.cpt-text,.cpt-select,.cpt-textarea{width:min(30em,100%);}
			}
		}
	}
	@media only screen and (max-width:800px){display:flex;flex-direction:column;width:min(40em,100%);margin-inline:auto;
		#business_intro .art{width:min(30em,80%);margin-inline:auto;}
		#business_form .block h2{font-size:var(--SiteFS-L);}
	}
	@media only screen and (max-width:480px){
		#business_form{margin-inline:calc(var(--spacing) * -1);}
	}
}


/* risk_control */
#risk_control{display:grid;grid-template-columns:clamp(25em,30%,30em) 1fr;align-items:start;gap:var(--spacing);padding-block:var(--spacing);
	.risk_control_art{
		&>img{display:block;width:100%;height:100%;aspect-ratio:5/3;object-fit:contain;}
	}
	.risk_control_content{padding:var(--spacing);border-radius:1em;background-color:var(--background-color-L1);
		&>.inner{display:flex;flex-direction:column;gap:var(--spacing);max-width:60em;margin-inline:auto;}
		.intro{display:flex;flex-direction:column;gap:var(--spacing);
			& h2{font-size:var(--SiteFS-XXL);font-weight:var(--SiteFW-EB);}
			.oid{color:var(--SiteTHM);font-weight:var(--SiteFW-EB);}
		}
		.risk_control_form{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);background-color:var(--background-color-L3);box-shadow:var(--body-text-color-a10) 0 0 0 1px inset;border-radius:1em;
			.step_card{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:var(--spacing);counter-increment:step;
				&::before{content:counter(step);display:block;width:2em;height:2em;line-height:2;overflow:hidden;text-align:center;background:var(--body-text-color-a5);font-weight:var(--SiteFW-B);border-radius:.5em;}
				&>.inner{display:flex;flex-direction:column;gap:var(--spacing);}
				&~&{padding-block-start:var(--spacing);box-shadow:var(--body-text-color-a5) 0 1px 0 inset;}
				& h3{font-size:var(--SiteFS-L);font-weight:var(--SiteFW-B);}
				&~.btc{padding-inline-start:calc(var(--spacing) + 2em);}
				.cpt-textarea>textarea{min-height:calc(var(--CPT-LH) * 1em * 6);}
				@media only screen and (max-width:480px){display:flex;flex-direction:column;
					&::before{content:unset;}
					&~.btc{padding:unset;text-align:center;}
				}
			}
			.upload_document{display:grid;grid:"img requirements" "img btc"/12em 1fr;align-items:start;gap:1em var(--spacing);
				.img{grid-area:img;aspect-ratio:1/1;background-color:var(--body-text-color-a5);box-shadow:var(--body-text-color-a10) 0 0 0 1px;border-radius:.5em;max-width:20em;
					&>img{display:block;width:100%;height:100%;object-fit:contain;}
				}
				.requirements{grid-area:requirements;display:flex;flex-direction:column;gap:1em;align-items:start;}
				& ol{margin-inline-start:1.5em;
					&>li{list-style:decimal outside;margin-block:.5em;
						&::marker{color:var(--body-text-color-a50);}
					}
				}
				.btc{grid-area:btc;display:flex;flex-direction:column;gap:1em;align-items:start;}
				@media only screen and (max-width:800px){grid:"img" "btc" "requirements";
					.img{margin-inline:auto;}
					.btc{align-items:center;}
				}
			}
		}
		.risk_control_status{display:flex;flex-direction:column;gap:var(--spacing);padding:var(--spacing);background-color:var(--background-color-L3);box-shadow:var(--body-text-color-a10) 0 0 0 1px inset;border-radius:1em;
			& h3{font-size:var(--SiteFS-L);font-weight:var(--SiteFW-EB);}
			.btc{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1em;}
		}
	}
	@media only screen and (max-width:800px){display:flex;flex-direction:column;width:min(40em,100%);margin-inline:auto;
		.risk_control_art{width:min(30em,80%);margin-inline:auto;}
	}
	@media only screen and (max-width:480px){width:auto;margin-inline:calc(var(--spacing) * -1);
		.risk_control_content{padding:unset;border-radius:unset;background-color:unset;
			.intro{padding-inline:var(--spacing);}
			.risk_control_form,.risk_control_status{background-color:var(--background-color-L1);box-shadow:unset;}
		}
	}
}