.scg-signup-wrap {
	max-width: 600px;
	margin: 2rem auto;
	padding: 2rem;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #f9f9f9;
}

.scg-signup-wrap h3 {
	margin-top: 0;
	font-size: 1.4em;
	text-align: center;
}

.scg-signup-error {
	background-color: #fef0f0;
	border-left: 4px solid #dc3232;
	padding: 0.8em 1em;
	margin-bottom: 1.5em;
	border-radius: 2px;
}

.scg-signup-error ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.scg-signup-error li {
	margin-bottom: 0.3em;
}

.scg-signup-error li:last-child {
	margin-bottom: 0;
}

.scg-signup-success {
	background-color: #f0f8f0;
	border-left: 4px solid #46b450;
	padding: 0.8em 1em;
	margin-bottom: 1.5em;
	border-radius: 2px;
}

.scg-field {
	margin-bottom: 1.2em;
}

.scg-field label {
	display: block;
	margin-bottom: 0.3em;
	font-weight: 600;
}

.scg-field label .required {
	color: #dc3232;
}

.scg-field input[type="text"],
.scg-field input[type="email"],
.scg-field input[type="password"] {
	width: 100%;
	padding: 0.5em;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 1em;
	box-sizing: border-box;
}

.scg-field input[type="text"]:focus,
.scg-field input[type="email"]:focus,
.scg-field input[type="password"]:focus {
	border-color: #0073aa;
	outline: none;
	box-shadow: 0 0 0 1px #0073aa;
}

.scg-signup-submit {
	display: block;
	width: 100%;
	padding: 0.6em 1.5em;
	background-color: #0073aa;
	color: #fff;
	border: none;
	border-radius: 3px;
	font-weight: 600;
	font-size: 1em;
	cursor: pointer;
	margin-top: 0.5em;
}

.scg-signup-submit:hover,
.scg-signup-submit:focus {
	background-color: #005a87;
}