/* Sign in / Create account */
.v-auth-body { margin: 0; background: var(--paper); }
.v-auth { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); min-height: 100vh; min-height: 100dvh; }

.v-auth-side { background: var(--ink); color: var(--paper); padding: 48px 56px; display: flex; flex-direction: column; gap: 48px; }
.v-auth-logo { color: inherit; text-decoration: none; font-size: 28px; }
.v-auth-logo .logo { font-size: 28px; }
.v-auth-quote { margin: auto 0 0; }
.v-auth-quote blockquote { margin: 0 0 18px; font-size: 40px; line-height: 1.15; color: var(--paper); }
.v-auth-quote figcaption { color: var(--ember); }
.v-auth-points { list-style: none; margin: 0 0 auto; padding: 28px 0 0; border-top: 1px solid var(--line-d); display: grid; gap: 14px; font-family: 'Inter', system-ui, sans-serif; font-size: 15px; color: var(--mute-d); }
.v-auth-points li { display: flex; gap: 12px; align-items: center; }
.v-auth-points .icon { color: var(--ember); flex: none; }

.v-auth-main { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 24px; gap: 24px; }
.v-auth-logo-sm { display: none; color: var(--ink); }
.v-auth-card { width: 100%; max-width: 420px; display: grid; gap: 22px; }
.v-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 4px; }
.v-auth-tabs a { display: flex; align-items: center; justify-content: center; min-height: 42px; border-radius: 7px; font-family: 'Inter', system-ui, sans-serif; font-size: 14px; font-weight: 600; color: var(--slate); text-decoration: none; }
.v-auth-tabs a[aria-selected="true"] { background: var(--white); color: var(--ink); box-shadow: 0 1px 2px rgba(26, 22, 20, .12); }
.v-auth-form { display: grid; gap: 18px; }
.v-auth-form[hidden] { display: none; }
.v-auth-form .h2 { font-size: 40px; }
.v-auth-form > .body { margin-top: -10px; }
.v-auth-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.v-auth-form a { color: var(--oxblood); }
.v-auth-form .alert .icon { margin-top: 3px; flex: none; }
.v-auth-switch { text-align: center; }
.v-auth-back { color: var(--slate); text-decoration: none; }
.v-auth-back:hover { color: var(--ink); }
.v-auth .input:focus { outline: 2px solid var(--ember); outline-offset: 1px; border-color: var(--ember); }

@media (max-width: 860px) {
	.v-auth { grid-template-columns: 1fr; }
	.v-auth-side { display: none; }
	.v-auth-logo-sm { display: block; }
	.v-auth-main { justify-content: flex-start; padding: 32px 16px 40px; }
	.v-auth-form .h2 { font-size: 34px; }
}