:root {
	--mayw-member-ink: #0d2847;
	--mayw-member-muted: #5e6b7a;
	--mayw-member-border: #dbe2ea;
	--mayw-member-soft: #f7f9fc;
}

.mayw-member-box {
	box-sizing: border-box;
	width: min(560px, calc(100% - 32px));
	margin: 56px auto;
	padding: 32px;
	border: 1px solid var(--mayw-member-border);
	border-radius: 16px;
	background: #fff;
	color: var(--mayw-member-ink);
}

.mayw-member-box h1 {
	margin: 0 0 8px;
	font-size: 2rem;
}

.mayw-member-lead,
.mayw-member-help,
.mayw-member-bottom {
	color: var(--mayw-member-muted);
}

.mayw-member-form label {
	display: block;
	margin: 18px 0 6px;
	font-weight: 700;
}

.mayw-member-form input,
.mayw-member-form select,
.mayw-member-box .login-username input,
.mayw-member-box .login-password input {
	box-sizing: border-box;
	width: 100%;
	padding: 12px 13px;
	border: 1px solid #c9d3df;
	border-radius: 9px;
	background: #fff;
	font: inherit;
}

.mayw-member-form button,
.mayw-member-box input[type="submit"] {
	margin-top: 18px;
	cursor: pointer;
	border: 0;
	border-radius: 999px;
	padding: 12px 20px;
	background: var(--mayw-member-ink);
	color: #fff;
	font-weight: 700;
}

.mayw-member-success,
.mayw-member-errors {
	margin: 18px 0;
	padding: 14px 16px;
	border-radius: 10px;
	background: var(--mayw-member-soft);
}

.mayw-member-errors {
	border-left: 4px solid #9b2c2c;
}

.mayw-member-success {
	border-left: 4px solid #2f855a;
}

.mayw-member-errors p {
	margin: 4px 0;
}

.mayw-member-bottom {
	margin-top: 22px;
}

@media (max-width: 600px) {
	.mayw-member-box {
		margin: 28px auto;
		padding: 22px;
	}
}


/* v1.1 account page */
.mayw-account-summary {
	margin: 18px 0 8px;
	padding: 14px 16px;
	border-radius: 10px;
	background: var(--mayw-member-soft);
}

.mayw-account-summary p {
	margin: 6px 0;
}


/* v1.2 automatic country-selection note */
.mayw-country-auto-note {
	margin-top: 7px;
	font-size: 0.84rem;
	line-height: 1.45;
}