* {
	box-sizing:border-box;
	margin:0;
	padding:0;
}

a,a:active,a:hover,a:link,a:visited {
	color:#1783FF;
	text-decoration:none;
}

body {
	background:#EDF3FE;
	font-family:system-ui;
	min-height:100vh;
}

footer {
	text-align:center;
}

hr {
	background:#000000;
	border:none;
	height:2px;
}

img {
	border-radius:25px;
}

input,select {
	-webkit-appearance:none;
	appearance:none;
	background:#FFFFFF;
	border:2px solid #1783FF;
	border-radius:25px;
	box-sizing:border-box;
	font-size:16px;
	margin:0px 30px 0px 30px;
	outline:none;
	padding:16px 40px 16px 16px;
	width:calc(100% - 60px);
}

input::placeholder {
	color:RGBA(0,0,0,0.5);
}

p {
	text-align:center;
}

select {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000000' d='M6 8L2 4h8z'/%3E%3C/svg%3E");
	background-position:right 15px center;
	background-repeat:no-repeat;
	background-size:16px;
	height:auto;
	line-height:1.2;
	padding-right:50px;
}

select::-ms-expand {
	display:none;
}

.black-background {
	align-items:center;
	background:RGBA(0,0,0,0.5);
	bottom:0;
	display:flex;
	justify-content:center;
	left:0;
	pointer-events:all;
	position:fixed;
	right:0;
	top:0;
	z-index:1000;
}

.blue-button {
	align-items:center;
	background:#1783FF;
	border:none;
	border-radius:25px;
	color:#FFFFFF;
	display:flex;
	font-size:16px;
	font-weight:500;
	justify-content:center;
	line-height:1.5;
	margin:0px 30px 0px 30px;
	padding:16px 20px;
	width:calc(100% - 60px);
}

.card {
	background:#FFFFFF;
	border-radius:25px;
	box-shadow:0 16px 16px RGBA(0,0,0,0.05);
	margin:30px;
	max-width:1000px;
	padding:30px;
	text-align:center;
	width:calc(100% - 60px);
}

.card-hr {
	background:#EDF3FE;
	flex-shrink:0;
	height:4px;
	margin:20px 0px 20px 0px;
	width:100%;
}

.green-button {
	align-items:center;
	background:#00FF00;
	border:none;
	border-radius:25px;
	color:#FFFFFF;
	display:flex;
	font-size:16px;
	font-weight:500;
	justify-content:center;
	line-height:1.5;
	margin:0px 30px 0px 30px;
	padding:16px 20px;
	width:calc(100% - 60px);
}

.header {
	align-items:center;
	background:#FFFFFF;
	display:flex;
	height:75px;
	justify-content:center;
	position:relative;
	width:100%;
}

.header .header-title {
	text-align:center;
}

.message-card {
	background:#FFFFFF;
	border-radius:25px;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:15px;
}

.message-card > * {
	margin:5px;
	text-align:center;
}

.red-button {
	align-items:center;
	background:#FF0000;
	border:none;
	border-radius:25px;
	color:#FFFFFF;
	display:flex;
	font-size:16px;
	font-weight:500;
	justify-content:center;
	line-height:1.5;
	margin:0px 30px 0px 30px;
	padding:16px 20px;
	width:calc(100% - 60px);
}

.tip {
	color:RGBA(0,0,0,0.5);
	font-size:12px;
}

.tip > a,a:active,a:hover,a:link,a:visited {
	color:#1783FF;
}

.title-card {
	display:flex;
	flex-direction:column;
	overflow:hidden;
	padding:0;
}

.title-card .card-body {
	padding:0px 30px 30px 30px;
}

.title-card .card-head {
	padding:30px 30px 0px 30px;
}

.title-card .card-hr {
	background:#EDF3FE;
	flex-shrink:0;
	height:4px;
	margin:20px 0px 20px 0px;
	width:100%;
}

.white-button {
	align-items:center;
	background:#EDF3FE;
	border:none;
	border-radius:25px;
	color:#FFFFFF;
	display:flex;
	font-size:16px;
	font-weight:500;
	justify-content:center;
	line-height:1.5;
	margin:0px 30px 0px 30px;
	padding:16px 20px;
	width:calc(100% - 60px);
}