/*
 * get-started.css - the standalone landings: registration (get-started) and
 * sign-in. Everything structural comes from sections.css and components.css;
 * this file only holds what is specific to these two pages.
 */

/* This landing scrolls the document itself: app-shell.css is not loaded here,
   so nothing locks html/body. Keep it that way. */
.cn-landing {
	min-height: 100dvh;
}

.cn-landing .cn-split__half--brand {
	background: var(--cn-gradient-hero);
	gap: 20px;
}

.cn-landing .cn-split__half--form {
	background: var(--cn-surface-color);
}

/* Breathing room between the lockup and the headline */
.cn-landing .cn-lockup {
	margin-bottom: var(--cn-space-6);
}

.cn-landing h1 {
	max-width: 12ch;
	font-size: clamp(2rem, 7vw, 3.25rem);
	line-height: 1.08;
	font-weight: 400;
}

.cn-landing h1 strong {
	font-weight: 700;
}

.cn-landing .cn-lead {
	color: var(--cn-black);
	max-width: 46ch;
}

.cn-landing .cn-form-title {
	margin: 0 0 6px;
	font-size: 1.35rem;
	font-weight: 700;
	color: var(--cn-indigo);
}

.cn-landing .cn-form-note {
	margin: 0 0 24px;
	font-size: 0.9rem;
	color: var(--cn-text-muted);
}

/* Links inside the form column, in the brand colour */
.cn-landing .cn-form-links a,
.cn-landing .cn-form-note a {
	color: var(--cn-primary-color);
}

/* Sign-in: the failure message and the lost-password link */
.cn-landing .cn-form-error {
	margin: 0 0 18px;
	padding: 12px 14px;
	border-radius: var(--cn-radius-sm);
	background: var(--cn-peach-20);
	color: var(--cn-indigo);
	font-size: 0.9rem;
}

.cn-landing .cn-form-links {
	margin: 0 0 12px;
	font-size: 0.9rem;
}

.cn-landing .cn-back-link {
	display: inline-block;
	margin-top: 28px;
	font-size: 0.85rem;
	color: var(--cn-text-muted);
}