.link-protection-body {
	--lp-bg-0: #0c1218;
	--lp-bg-1: #15202b;
	--lp-surface: rgba(255, 251, 245, 0.06);
	--lp-surface-border: rgba(255, 236, 210, 0.14);
	--lp-text: #f4f0ea;
	--lp-muted: #a8b0ba;
	--lp-amber: #e4a04a;
	--lp-amber-deep: #c47d28;
	--lp-amber-soft: rgba(228, 160, 74, 0.18);
	--lp-danger: #f0a0a0;
	--lp-danger-bg: rgba(180, 60, 60, 0.18);
	--lp-radius: 1.25rem;
	--lp-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
	--lp-font-display: "Fraunces", Georgia, serif;
	--lp-font-body: "Manrope", system-ui, sans-serif;

	margin: 0;
	min-height: 100vh;
	min-height: 100dvh;
	color: var(--lp-text);
	font-family: var(--lp-font-body);
	background:
		radial-gradient(ellipse 70% 50% at 50% -10%, rgba(228, 160, 74, 0.16), transparent 55%),
		radial-gradient(ellipse 50% 40% at 100% 100%, rgba(70, 110, 140, 0.18), transparent 50%),
		linear-gradient(165deg, var(--lp-bg-0), var(--lp-bg-1) 55%, #101820);
	-webkit-font-smoothing: antialiased;
}

.link-protection-body .link-html,
.link-protection-body.link-html {
	background: transparent;
}

.link-protection-shell {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	min-height: 100dvh;
	padding: 1.5rem 1rem 2rem;
	box-sizing: border-box;
}

.link-protection-card {
	width: 100%;
	max-width: 26rem;
	padding: 2rem 1.5rem 1.75rem;
	border-radius: var(--lp-radius);
	background: var(--lp-surface);
	border: 1px solid var(--lp-surface-border);
	box-shadow: var(--lp-shadow);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	animation: lp-card-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@media (min-width: 480px) {
	.link-protection-card {
		padding: 2.35rem 2rem 2rem;
	}
}

@keyframes lp-card-in {
	from {
		opacity: 0;
		transform: translateY(14px) scale(0.985);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.link-protection-card {
		animation: none;
	}
}

.link-protection-emblem {
	display: grid;
	place-items: center;
	width: 3.5rem;
	height: 3.5rem;
	margin: 0 auto 1.35rem;
	border-radius: 1rem;
	background: var(--lp-amber-soft);
	color: var(--lp-amber);
	box-shadow: 0 0 0 1px rgba(228, 160, 74, 0.25), 0 10px 28px rgba(228, 160, 74, 0.12);
}

.link-protection-emblem svg {
	width: 1.55rem;
	height: 1.55rem;
	display: block;
}

.link-protection-header {
	text-align: center;
	margin-bottom: 1.5rem;
}

.link-protection-title {
	margin: 0 0 0.55rem;
	font-family: var(--lp-font-display);
	font-size: clamp(1.55rem, 4.5vw, 1.85rem);
	font-weight: 650;
	letter-spacing: -0.02em;
	line-height: 1.2;
	color: #f0b45a;
	text-shadow: 0 0 28px rgba(228, 160, 74, 0.35);
}

.link-protection-subtitle {
	margin: 0;
	font-size: 0.925rem;
	line-height: 1.55;
	color: var(--lp-muted);
}

.link-protection-alert {
	margin: 0 0 1.1rem;
	padding: 0.75rem 0.9rem;
	border-radius: 0.75rem;
	background: var(--lp-danger-bg);
	border: 1px solid rgba(240, 160, 160, 0.28);
	color: var(--lp-danger);
	font-size: 0.875rem;
	line-height: 1.4;
}

.link-protection-form {
	display: grid;
	gap: 1rem;
}

.link-protection-field label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.45rem;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--lp-muted);
}

.link-protection-field label a {
	color: var(--lp-amber) !important;
	opacity: 0.9;
	text-decoration: none;
}

.link-protection-field label a:hover,
.link-protection-field label a:focus {
	opacity: 1;
	outline: none;
}

.link-protection-input {
	display: block;
	width: 100%;
	padding: 0.85rem 1rem;
	border-radius: 0.85rem;
	border: 1px solid rgba(255, 236, 210, 0.16);
	background: rgba(8, 12, 16, 0.55);
	color: var(--lp-text);
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.4;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.link-protection-input::placeholder {
	color: rgba(168, 176, 186, 0.7);
}

.link-protection-input:hover {
	border-color: rgba(228, 160, 74, 0.35);
}

.link-protection-input:focus {
	outline: none;
	border-color: var(--lp-amber);
	background: rgba(8, 12, 16, 0.72);
	box-shadow: 0 0 0 3px var(--lp-amber-soft);
}

.link-protection-input.is-invalid {
	border-color: rgba(240, 160, 160, 0.55);
	box-shadow: 0 0 0 3px rgba(180, 60, 60, 0.18);
}

.link-protection-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 0.35rem;
	padding: 0.9rem 1.1rem;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--lp-amber) 0%, var(--lp-amber-deep) 100%);
	color: #1a1208;
	font-family: inherit;
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	cursor: pointer;
	box-shadow: 0 10px 24px rgba(196, 125, 40, 0.28);
	transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.link-protection-submit:hover {
	filter: brightness(1.05);
	box-shadow: 0 14px 28px rgba(196, 125, 40, 0.34);
	transform: translateY(-1px);
}

.link-protection-submit:active {
	transform: translateY(0);
}

.link-protection-submit:focus-visible {
	outline: 2px solid var(--lp-amber);
	outline-offset: 3px;
}

.link-protection-meta {
	margin: 1.15rem 0 0;
	text-align: center;
	font-size: 0.75rem;
	color: rgba(168, 176, 186, 0.75);
}