.bba-auth-card {
	max-width: 420px;
	margin: 60px auto;
	background: #fff;
	border: 1px solid var(--line, #E7E4F0);
	border-radius: var(--radius, 8px);
	padding: 32px;
}

.bba-auth-card h1 {
	font-family: var(--font-head, inherit);
	font-size: 1.6rem;
	margin: 0 0 20px;
}

.bba-auth-card label {
	display: block;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--ink-soft, #6C6F86);
	margin: 14px 0 6px;
}

.bba-auth-card .bba-label-block {
	font-size: 12.5px;
	font-weight: 600;
	color: var(--ink-soft, #6C6F86);
	margin: 14px 0 6px;
}

.bba-auth-card input[type="text"],
.bba-auth-card input[type="email"],
.bba-auth-card input[type="password"] {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--line, #E7E4F0);
	border-radius: 6px;
	font-size: 14px;
	box-sizing: border-box;
}

.bba-auth-card select {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--line, #E7E4F0);
	border-radius: 6px;
	font-size: 14px;
	background: #fff;
}

.bba-checkbox {
	display: flex !important;
	align-items: center;
	gap: 8px;
	font-weight: 400 !important;
	font-size: 13px !important;
	margin: 14px 0 !important;
}

.bba-radio-row {
	display: flex;
	gap: 10px;
}

.bba-radio-option {
	flex: 1;
	display: flex !important;
	align-items: center;
	gap: 8px;
	border: 1px solid var(--line, #E7E4F0);
	border-radius: 6px;
	padding: 10px 12px;
	font-size: 13.5px !important;
	font-weight: 500 !important;
	color: var(--ink, #181A2A) !important;
	margin: 0 !important;
	cursor: pointer;
}

.bba-error {
	background: #FDECEF;
	color: var(--brand-dark, #B71361);
	border-radius: 6px;
	padding: 10px 14px;
	font-size: 13px;
	margin-bottom: 6px;
}

.bba-switch {
	text-align: center;
	font-size: 13px;
	color: var(--ink-soft, #6C6F86);
	margin-top: 20px;
}

.bba-switch a {
	color: var(--brand, #E31C79);
	font-weight: 600;
}

@media (max-width: 480px) {
	.bba-auth-card { margin: 24px auto; padding: 22px; border-radius: 0; border-left: none; border-right: none; }
}
