.hdc-portal {
	max-width: 520px;
	margin: 2em auto;
	padding: 1.5em;
	border: 1px solid #e2e2e2;
	border-radius: 10px;
	background: #fff;
	font-family: inherit;
}

.hdc-portal h3 {
	margin-top: 0;
}

.hdc-portal__form label {
	display: block;
	font-weight: 600;
	margin-bottom: .4em;
}

.hdc-portal__form input[type="email"] {
	width: 100%;
	padding: .65em .8em;
	border: 1px solid #c5c5c5;
	border-radius: 6px;
	font-size: 1em;
	box-sizing: border-box;
}

.hdc-portal__form button,
.hdc-portal__button {
	display: inline-block;
	margin-top: 1em;
	padding: .7em 1.4em;
	background: #1f6feb;
	color: #fff;
	border: 0;
	border-radius: 6px;
	font-size: 1em;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
}

.hdc-portal__form button:hover,
.hdc-portal__button:hover {
	background: #1858bd;
}

.hdc-portal__notice {
	padding: 1em 1.2em;
	border-radius: 8px;
	background: #f5f7fb;
	margin-bottom: 1em;
}

.hdc-portal__notice--success {
	background: #e6f6ec;
	border: 1px solid #b5e2c3;
}

.hdc-portal__notice--error {
	background: #fbe9e9;
	border: 1px solid #f0b4b4;
}

.hdc-portal__logout {
	color: #666;
	font-size: .9em;
}

.hdc-portal--gate {
	text-align: center;
}