/*
 * get-started.css - registration landing only.
 * Everything structural comes from sections.css and components.css; this file
 * only holds what is specific to this page.
 */

/* 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);
}

.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);
}

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