.mv-account-auth {
	background: linear-gradient(180deg, var(--theme-palette-color-5) 0%, var(--theme-palette-color-6) 22%, var(--theme-palette-color-5) 100%);
	color: var(--theme-palette-color-4);
}

.mv-account-auth--shell {
	width: min(calc(100% - var(--space-5xl)), var(--content-max-width));
	margin: 0 auto;
}

.mv-account-auth--hero {
	padding: calc(var(--space-6xl) + var(--space-lg) - var(--page-hero-top-trim) - 40px) 0 calc(var(--space-6xl) + var(--space-lg) - var(--page-hero-top-trim) - 40px);
	background: -webkit-linear-gradient(left, rgba(48, 48, 48, 1) 35%, rgba(22, 22, 22, 1) 100%);
	background: linear-gradient(to right, rgba(48, 48, 48, 1) 35%, rgba(22, 22, 22, 1) 100%);
	color: var(--theme-palette-color-6);
}

.mv-account-auth--hero-card {
	display: grid;
	justify-items: center;
	text-align: center;
	gap: var(--space-lg);
	max-width: var(--content-wide-width);
	margin: 0 auto;
	padding: calc(var(--space-4xl) - var(--page-hero-card-top-trim)) var(--space-4xl) var(--space-4xl);
	border-radius: var(--radius-base);
}

.mv-account-auth--eyebrow {
	margin: 0 0 var(--space-lg);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-black);
	letter-spacing: var(--tracking-wide);
	text-transform: uppercase;
	color: var(--theme-palette-color-2);
}

.mv-account-auth--title {
	margin: 0;
	font-size: var(--page-title-size-desktop);
	font-weight: var(--font-weight-black);
	letter-spacing: var(--tracking-black);
	line-height: var(--leading-heading);
	color: var(--theme-palette-color-6);
	text-wrap: balance;
}

.mv-account-auth--intro {
	max-width: min(100%, 48rem);
	margin-top: var(--space-xl);
	font-size: var(--text-lg);
	line-height: var(--leading-copy);
	color: rgba(255, 255, 255, 0.92);
}

.mv-account-auth--intro > :first-child,
.mv-account-auth--form-intro > :first-child,
.mv-account-auth--help-note > :first-child {
	margin-top: 0;
}

.mv-account-auth--intro > :last-child,
.mv-account-auth--form-intro > :last-child,
.mv-account-auth--help-note > :last-child {
	margin-bottom: 0;
}

.mv-account-auth--body {
	padding: 0 0 var(--space-6xl);
	margin-top: calc(var(--space-5xl) * -1);
	position: relative;
	z-index: 1;
}

.mv-account-auth--grid {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(20rem, 1.1fr);
	gap: var(--space-2xl);
	align-items: start;
}

.mv-account-auth--content-card,
.mv-account-auth--form-card {
	padding: var(--space-5xl);
	border-radius: var(--radius-base);
	background: var(--theme-palette-color-6);
	box-shadow: 0 1.5rem 3rem rgba(25, 42, 61, 0.1), 0 0 0 2px rgba(185, 113, 102, 0.16);
	min-width: 0;
}

.mv-account-auth--content-card {
	display: grid;
	gap: var(--space-2xl);
	align-self: stretch;
}

.mv-account-auth--section-title {
	margin: 0;
	font-size: var(--text-2xl);
	font-weight: var(--font-weight-black);
	letter-spacing: var(--tracking-black);
	line-height: var(--leading-heading);
	color: var(--theme-palette-color-3);
	text-wrap: balance;
}

.mv-account-auth--points-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: var(--space-lg);
}

.mv-account-auth--point-item {
	position: relative;
	padding: var(--space-lg) var(--space-xl) var(--space-lg) calc(var(--space-2xl) + var(--space-sm));
	border-radius: var(--radius-base);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 246, 250, 0.96) 100%);
	box-shadow: inset 0 0 0 2px rgba(25, 42, 61, 0.08), 0 1rem 2rem rgba(25, 42, 61, 0.03);
	font-size: var(--text-base);
	line-height: var(--leading-copy);
	color: var(--theme-palette-color-4);
}

.mv-account-auth--point-item::before {
	content: '';
	position: absolute;
	left: var(--space-lg);
	top: calc(var(--space-lg) + 0.3rem);
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 999px;
	background: var(--theme-palette-color-2);
	box-shadow: 0 0 0 0.35rem rgba(233, 161, 120, 0.18);
}

.mv-account-auth--help-note {
	padding: var(--space-xl);
	background: rgba(233, 161, 120, 0.11);
	border: 1px solid rgba(185, 113, 102, 0.2);
	font-size: var(--text-base);
	line-height: var(--leading-copy);
	color: var(--theme-palette-color-4);
}

.mv-account-auth--form-card {
	display: grid;
	gap: var(--space-xl);
}

.mv-account-auth--form-intro {
	font-size: var(--text-base);
	line-height: var(--leading-copy);
	color: var(--theme-palette-color-4);
}

.mv-account-auth--form-shell {
	padding: var(--space-xl);
	border-radius: var(--radius-base);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 246, 250, 0.96) 100%);
	box-shadow: inset 0 0 0 2px rgba(25, 42, 61, 0.08), 0 1rem 2rem rgba(25, 42, 61, 0.03);
	min-width: 0;
	overflow: hidden;
}

.mv-account-auth--form-shell .srfm-form-container {
	max-width: none;
	margin: 0;
	background: transparent;
	box-shadow: none;
	min-width: 0;
}

.mv-account-auth--form-shell .srfm-form,
.mv-account-auth--form-shell form {
	max-width: none;
	width: 100%;
	margin: 0;
	min-width: 0;
}

.mv-account-auth--form-shell input[type='text'],
.mv-account-auth--form-shell input[type='email'],
.mv-account-auth--form-shell input[type='password'],
.mv-account-auth--form-shell input[type='search'],
.mv-account-auth--form-shell textarea,
.mv-account-auth--form-shell select {
	width: 100%;
	min-height: 3rem;
	padding: 0 var(--space-lg);
	border: var(--form-field-border) !important;
	border-radius: var(--radius-base) !important;
	background: var(--form-field-bg) !important;
	font: inherit;
	font-size: var(--text-base);
	line-height: 1.4;
	color: var(--form-field-text) !important;
	box-shadow: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
	box-sizing: border-box;
}

.mv-account-auth--form-shell textarea {
	min-height: 8rem;
	padding-top: var(--space-md);
	padding-bottom: var(--space-md);
	resize: vertical;
}

.mv-account-auth--form-shell input[type='text']:focus,
.mv-account-auth--form-shell input[type='email']:focus,
.mv-account-auth--form-shell input[type='password']:focus,
.mv-account-auth--form-shell input[type='search']:focus,
.mv-account-auth--form-shell textarea:focus,
.mv-account-auth--form-shell select:focus {
	border-color: var(--form-field-focus-border) !important;
	background: var(--form-field-focus-bg) !important;
	outline: 0;
	box-shadow: var(--form-field-focus-ring);
}

.mv-account-auth--form-shell button,
.mv-account-auth--form-shell input[type='submit'],
.mv-account-auth--form-shell .wp-block-button__link {
	border-radius: var(--radius-full) !important;
	font-weight: var(--font-weight-black) !important;
	letter-spacing: var(--tracking-black);
	text-transform: none;
	min-height: 3.2rem;
	padding-left: var(--space-2xl);
	padding-right: var(--space-2xl);
	transition: transform 0.18s ease, filter 0.18s ease;
}

.mv-account-auth--form-shell button:hover,
.mv-account-auth--form-shell button:focus-visible,
.mv-account-auth--form-shell input[type='submit']:hover,
.mv-account-auth--form-shell input[type='submit']:focus-visible,
.mv-account-auth--form-shell .wp-block-button__link:hover,
.mv-account-auth--form-shell .wp-block-button__link:focus-visible,
.mv-account-auth--secondary-link a:hover,
.mv-account-auth--secondary-link a:focus-visible {
	filter: brightness(1.03);
	transform: translateY(-1px);
}

.mv-account-auth--form-shell [role='alert'] {
	margin: 0;
	padding: var(--space-lg) var(--space-xl);
	border-radius: var(--radius-base);
	background: rgba(185, 113, 102, 0.12);
	border: 1px solid rgba(185, 113, 102, 0.24);
	color: var(--theme-palette-color-3);
	font-size: var(--text-base);
	line-height: var(--leading-copy);
}

.mv-account-auth--form-shell [role='alert'] a {
	font-weight: var(--font-weight-black);
	letter-spacing: var(--tracking-tight);
	color: var(--theme-palette-color-3);
}

.mv-account-auth--secondary-link {
	margin: 0;
	padding-top: var(--space-sm);
	font-size: var(--text-sm);
	line-height: var(--leading-copy);
	color: var(--theme-palette-color-4);
}

.mv-account-auth--secondary-link a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3.1rem;
	padding: 0 calc(var(--space-xl) + var(--space-xs));
	border-radius: var(--radius-full);
	background: #303030;
	font-size: var(--text-sm);
	font-weight: var(--font-weight-black);
	letter-spacing: var(--tracking-black);
	line-height: 1;
	color: var(--color-white);
	text-decoration: none;
	transition: transform 0.18s ease, filter 0.18s ease;
}

@media (max-width: 900px) {
	.mv-account-auth--body {
		margin-top: 0;
		padding-top: var(--space-xl);
	}

	.mv-account-auth--title {
		font-size: var(--page-title-size-tablet);
	}

	.mv-account-auth--section-title {
		font-size: var(--text-xl);
	}

	.mv-account-auth--grid {
		grid-template-columns: 1fr;
	}

	.mv-account-auth--content-card,
	.mv-account-auth--form-card {
		padding-left: 0;
		padding-right: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.mv-account-auth--content-card {
		gap: var(--space-xl);
	}

	.mv-account-auth--form-card {
		gap: var(--space-lg);
	}

	.mv-account-auth--form-shell {
		padding-left: 0.625rem;
		padding-right: 0.625rem;
	}

	.mv-account-auth--secondary-link a,
	.mv-account-auth--form-shell button,
	.mv-account-auth--form-shell input[type='submit'],
	.mv-account-auth--form-shell .wp-block-button__link {
		min-height: 2.9rem;
		min-width: 0;
		padding-left: var(--space-lg);
		padding-right: var(--space-lg);
		font-size: var(--text-sm);
	}

	.mv-account-auth--form-shell,
	.mv-account-auth--form-shell form,
	.mv-account-auth--form-shell p {
		min-width: 0;
		max-width: 100%;
		box-sizing: border-box;
	}

	.mv-account-auth--form-shell .srfm-custom-button-ctn,
	.mv-account-auth--form-shell .srfm-block-width-100 {
		width: auto !important;
		max-width: 100%;
		justify-self: start;
	}

	.mv-account-auth--form-shell #srfm-submit-btn,
	.mv-account-auth--form-shell .srfm-submit-button {
		width: auto !important;
		max-width: 100%;
	}

	.mv-account-auth--form-shell input[type='text'],
	.mv-account-auth--form-shell input[type='email'],
	.mv-account-auth--form-shell input[type='password'],
	.mv-account-auth--form-shell input[type='search'],
	.mv-account-auth--form-shell select,
	.mv-account-auth--form-shell textarea,
	.mv-account-auth--form-shell input[type='submit'],
	.mv-account-auth--form-shell button,
	.mv-account-auth--form-shell .wp-block-button__link {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
}

@media (max-width: 600px) {
	.mv-account-auth--shell {
		width: min(calc(100% - var(--space-xl) * 2), var(--content-max-width));
	}

	.mv-account-auth--hero {
		padding: calc(var(--space-5xl) + var(--space-md) - 40px) 0 calc(var(--space-5xl) + var(--space-md) - 40px);
	}

	.mv-account-auth--hero-card {
		padding: var(--space-2xl) 0;
	}

	.mv-account-auth--title {
		font-size: var(--page-title-size-mobile);
	}

	.mv-account-auth--intro {
		font-size: var(--text-base);
	}

	.mv-account-auth--body {
		padding-bottom: var(--space-5xl);
		padding-top: var(--space-lg);
	}

	.mv-account-auth--content-card,
	.mv-account-auth--form-card {
		padding: 0;
	}

	.mv-account-auth--form-shell {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}

	.mv-account-auth--section-title {
		font-size: var(--text-lg);
	}

	.mv-account-auth--point-item {
		padding: var(--space-md) var(--space-lg) var(--space-md) calc(var(--space-xl) + var(--space-sm));
	}

	.mv-account-auth--point-item::before {
		left: var(--space-md);
		top: calc(var(--space-md) + 0.28rem);
	}

	.mv-account-auth--secondary-link a,
	.mv-account-auth--form-shell button,
	.mv-account-auth--form-shell input[type='submit'],
	.mv-account-auth--form-shell .wp-block-button__link {
		min-height: 2.8rem;
		width: auto;
		justify-self: start;
		padding-left: var(--space-md);
		padding-right: var(--space-md);
	}

	.mv-account-auth--form-shell .srfm-custom-button-ctn,
	.mv-account-auth--form-shell .srfm-block-width-100,
	.mv-account-auth--form-shell #srfm-submit-btn,
	.mv-account-auth--form-shell .srfm-submit-button {
		width: auto !important;
	}
	}