body.app-shell {
	background: linear-gradient(180deg, #f7fafc 0%, #eef2ff 100%);
}

.app-nav {
	background: #0f172a;
}

.app-brand-logo {
	width: 2.25rem;
	height: 2.25rem;
	object-fit: contain;
	flex: 0 0 auto;
}

.hero {
	padding: 4rem 0;
}

.landing-logo {
	width: 5rem;
	height: 5rem;
	object-fit: contain;
	flex: 0 0 auto;
}

.eyebrow {
	text-transform: uppercase;
	letter-spacing: .12em;
	font-size: .8rem;
	color: #64748b;
	margin-bottom: .75rem;
}

.feature-panel {
	background: rgba(15, 23, 42, .92);
	color: #fff;
	padding: 1.5rem;
	border-radius: 1.25rem;
	box-shadow: 0 20px 50px rgba(15, 23, 42, .18);
}

.auth-shell,
.landing-shell {
	min-height: 100vh;
	display: grid;
	place-items: center;
	background: radial-gradient(circle at top, #dbeafe, #f8fafc 50%, #fff);
}

.auth-card {
	width: min(100%, 560px);
	background: #fff;
	padding: 2rem;
	border-radius: 1.25rem;
	box-shadow: 0 20px 40px rgba(15, 23, 42, .08);
}