.mansoco-sms-login {
	margin: 1.5rem 0 2rem;
	padding: clamp(1rem, 3vw, 1.6rem);
	border: 1px solid #eadde0;
	border-radius: 22px;
	background: #fffdfa;
	color: #39242b;
}
.mansoco-sms-login__intro { margin-bottom: 1.15rem; }
.mansoco-sms-login__eyebrow { color: #8b123c; font-size: .85rem; font-weight: 700; }
.mansoco-sms-login__intro h2 { margin: .4rem 0; font-size: clamp(1.2rem, 3vw, 1.55rem); }
.mansoco-sms-login__intro p,
.mansoco-sms-login__form p { color: #76666b; line-height: 1.9; }
.mansoco-sms-login__choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.mansoco-sms-login__form,
.mansoco-sms-login__secondary-form { display: grid; gap: .7rem; }
.mansoco-sms-login__form h3 { margin: 0 0 .2rem; font-size: 1rem; }
.mansoco-sms-login__form label { font-size: .9rem; font-weight: 600; }
.mansoco-sms-login__form input {
	width: 100%; min-height: 48px; padding: .7rem .85rem;
	border: 1px solid #e6d7db; border-radius: 12px; background: #fff;
	font: inherit; color: inherit;
}
.mansoco-sms-login__form input:focus { outline: 2px solid #a51148; outline-offset: 2px; }
.mansoco-sms-login__form button,
.mansoco-sms-login__secondary-form button {
	min-height: 48px; padding: .65rem 1rem; border: 0; border-radius: 12px;
	background: #8b123c; color: #fff; font: inherit; font-weight: 700; cursor: pointer;
}
.mansoco-sms-login__secondary-form { margin-top: .75rem; }
.mansoco-sms-login__secondary-form button { background: #f5edf0; color: #8b123c; }
.mansoco-sms-login__message { padding: .8rem 1rem; border-radius: 12px; background: #f7eef1; color: #771034; line-height: 1.8; }
@media (max-width: 640px) {
	.mansoco-sms-login__choices { grid-template-columns: 1fr; }
}
