/**
 * Animated Service Box — Style 5: Neon Glow Pulse
 *
 * A dark, glassy card with a continuously pulsing neon ring, a softly floating
 * icon and a glowing button. A bold, attention-grabbing look for dark sections.
 *
 * @package captain-widgets-kit
 * @since   1.6.0
 */

.captwiki-anibox.captwiki-style-5 {
	padding: 36px 32px;
	background: radial-gradient( circle at 30% 0%, #1c2030, #0c0e18 );
	border: 1px solid rgba( 255, 255, 255, 0.08 );
	border-radius: 18px;
	box-shadow: 0 0 0 1px color-mix( in srgb, var( --captwiki-ab-accent ) 40%, transparent ), 0 0 22px -6px var( --captwiki-ab-accent );
	animation: captwiki-anibox5-pulse 2.8s ease-in-out infinite;
	transition: transform var( --captwiki-ab-speed ) ease;
}

.captwiki-anibox.captwiki-style-5:hover {
	transform: translateY( -6px );
}

@keyframes captwiki-anibox5-pulse {
	0%,
	100% {
		box-shadow: 0 0 0 1px color-mix( in srgb, var( --captwiki-ab-accent ) 40%, transparent ), 0 0 18px -8px var( --captwiki-ab-accent );
	}
	50% {
		box-shadow: 0 0 0 1px color-mix( in srgb, var( --captwiki-ab-accent-2 ) 60%, transparent ), 0 0 34px -4px var( --captwiki-ab-accent-2 );
	}
}

.captwiki-anibox.captwiki-style-5 .captwiki-anibox__media {
	background: rgba( 255, 255, 255, 0.05 );
	box-shadow: inset 0 0 0 1px color-mix( in srgb, var( --captwiki-ab-accent ) 50%, transparent ), 0 0 20px -8px var( --captwiki-ab-accent-2 );
	animation: captwiki-anibox5-float 3.2s ease-in-out infinite;
}

@keyframes captwiki-anibox5-float {
	0%,
	100% {
		transform: translateY( 0 );
	}
	50% {
		transform: translateY( -7px );
	}
}

.captwiki-anibox.captwiki-style-5 .captwiki-anibox__icon {
	color: var( --captwiki-ab-accent-2 );
	filter: drop-shadow( 0 0 6px color-mix( in srgb, var( --captwiki-ab-accent-2 ) 70%, transparent ) );
}

.captwiki-anibox.captwiki-style-5 .captwiki-anibox__title {
	color: #f4f6fb;
}

.captwiki-anibox.captwiki-style-5 .captwiki-anibox__desc {
	color: #aab2c5;
}

.captwiki-anibox.captwiki-style-5 .captwiki-anibox__btn {
	background: transparent;
	box-shadow: inset 0 0 0 1px var( --captwiki-ab-accent );
	color: #ffffff;
}

.captwiki-anibox.captwiki-style-5 .captwiki-anibox__btn:hover {
	background: var( --captwiki-ab-accent );
	box-shadow: 0 0 22px -4px var( --captwiki-ab-accent );
}

/* Pause continuous motion when reduced-motion is requested. */
@media ( prefers-reduced-motion: reduce ) {
	.captwiki-anibox.captwiki-style-5,
	.captwiki-anibox.captwiki-style-5 .captwiki-anibox__media {
		animation: none;
	}
}
