/* Page 404 — shell membre AZL */

body.azl-app.error404 .azl-404,
body.azl-app .azl-404 {
	width: 100%;
}

body.azl-app .azl-404__card {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(ellipse 80% 70% at 100% 0%, rgb(14 143 163 / 0.12), transparent 55%),
		radial-gradient(ellipse 60% 50% at 0% 100%, rgb(14 143 163 / 0.06), transparent 50%),
		var(--azl-neutral-0, #fff);
	border: 1px solid var(--azl-line, #e5e7eb);
	border-radius: var(--azl-radius-xl, 14px);
	padding: clamp(32px, 5vw, 56px) clamp(24px, 4vw, 48px);
	text-align: left;
	max-width: 720px;
}

body.azl-app .azl-404__code {
	margin: 4px 0 8px;
	font-family: var(--azl-font-display, 'Plus Jakarta Sans', system-ui, sans-serif);
	font-size: clamp(4.5rem, 12vw, 7rem);
	font-weight: 800;
	line-height: 0.9;
	letter-spacing: -0.06em;
	color: var(--azl-primary-500, #0e8fa3);
	opacity: 0.22;
	user-select: none;
}

body.azl-app .azl-404__title {
	max-width: 18ch;
	margin-bottom: 12px !important;
}

body.azl-app .azl-404__text {
	margin: 0 0 28px;
	max-width: 42ch;
	font-size: 15px;
	line-height: 1.65;
	color: var(--azl-muted, #64748b);
}

body.azl-app .azl-404__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

@media (max-width: 700px) {
	body.azl-app .azl-404__card {
		padding: 28px 20px 32px;
	}

	body.azl-app .azl-404__actions {
		flex-direction: column;
		align-items: stretch;
	}

	body.azl-app .azl-404__actions .azl-btn {
		width: 100%;
		justify-content: center;
		text-align: center;
	}
}