.rbob-account {
	box-sizing: border-box;
	width: min(100%, 36rem);
	margin: 2rem auto;
	padding: clamp(1.25rem, 4vw, 2rem);
	border: 1px solid rgba(30, 41, 59, 0.14);
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}

.rbob-account *,
.rbob-account *::before,
.rbob-account *::after {
	box-sizing: border-box;
}

.rbob-account h2 {
	margin-top: 0;
}

.rbob-account__login form,
.rbob-account__login p {
	margin: 0 0 1rem;
}

.rbob-account__login label {
	display: block;
	margin-bottom: 0.4rem;
	font-weight: 600;
}

.rbob-account__login input[type="text"],
.rbob-account__login input[type="password"] {
	width: 100%;
	min-height: 48px;
	padding: 0.7rem 0.85rem;
	border: 1px solid #94a3b8;
	border-radius: 0.5rem;
	font: inherit;
}

.rbob-account__login .login-remember label {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	gap: 0.6rem;
	font-weight: 400;
}

.rbob-account__login input[type="checkbox"] {
	width: 1.25rem;
	height: 1.25rem;
}

.rbob-account__login input[type="submit"],
.rbob-account__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0.7rem 1.1rem;
	border: 1px solid #166534;
	border-radius: 0.55rem;
	background: #166534;
	color: #fff;
	font: inherit;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.rbob-account__button--secondary {
	background: #fff;
	color: #166534;
}

.rbob-account__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.rbob-account__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.25rem;
	margin-top: 1rem;
}

.rbob-account__links a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

@media (max-width: 480px) {
	.rbob-account {
		margin: 1rem auto;
		padding: 1.25rem;
	}

	.rbob-account__actions,
	.rbob-account__button,
	.rbob-account__login input[type="submit"] {
		width: 100%;
	}
}
.rbob-account__social{margin:1.25rem 0}.rbob-account__separator{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;color:#59534d;font-size:.9rem;text-align:center}.rbob-account__separator::before,.rbob-account__separator::after{height:1px;flex:1;background:#ddd8d2;content:""}.rbob-account__social .wapu-auth-button{width:100%!important;min-height:48px}
.rbob-account__social-help{margin:.75rem 0 0;color:#64748b;font-size:.9rem;line-height:1.5}
.rbob-account__register{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #ddd}.rbob-account__register p{margin:0 0 .75rem}.rbob-account__intro{font-size:1.05rem}.rbob-account__return{margin-top:1.25rem}
.rbob-account__form{display:grid;gap:1rem;margin-bottom:1.5rem}.rbob-account__form label{display:grid;gap:.4rem;font-weight:600}.rbob-account__form input:not([type=checkbox]){width:100%;min-height:48px;padding:.7rem .85rem;border:1px solid #94a3b8;border-radius:.5rem;font:inherit}.rbob-account__check,.rbob-account__identity,.rbob-binder-owner{display:flex!important;align-items:center;gap:1rem}.rbob-avatar{display:inline-flex;width:96px;height:96px;flex:0 0 auto;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:#e2e8f0;color:#334155;font-size:2rem;font-weight:700;object-fit:cover}.rbob-binder-owner .rbob-avatar{width:72px;height:72px;font-size:1.5rem}.rbob-error{color:#991b1b}.rbob-notice{color:#166534}
