/**
 * Isolated Stylesheet for Fiverr Promotional Landing Page (kshekh.com/fiverr/)
 *
 * Scoped strictly to .ks-fiverr-landing container.
 * Zero global side effects on the homepage or other pages.
 *
 * @package kshekh
 */

/* Container & Typography Scope */
.ks-fiverr-landing {
	color: #1e293b;
	background-color: #ffffff;
	font-family: var(--font-sans, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
}

/* Headings font */
.ks-fiverr-landing h1,
.ks-fiverr-landing h2,
.ks-fiverr-landing h3,
.ks-fiverr-landing h4,
.ks-fiverr-landing .font-heading {
	font-family: var(--font-heading, 'Outfit', 'Inter', sans-serif);
}

/* Signature Fiverr Gradients */
.ks-fiverr-landing .bg-fiverr-gradient {
	background: linear-gradient(135deg, #059669 0%, #10b981 50%, #22c55e 100%);
}

.ks-fiverr-landing .bg-fiverr-btn {
	background: linear-gradient(90deg, #059669 0%, #10b981 100%);
	box-shadow: 0 4px 14px -1px rgba(16, 185, 129, 0.35);
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.ks-fiverr-landing .bg-fiverr-btn:hover {
	background: linear-gradient(90deg, #047857 0%, #059669 100%);
	box-shadow: 0 6px 20px 0 rgba(16, 185, 129, 0.45);
	transform: translateY(-2px);
}

/* Subtle Inset Card Shadows matching Figma */
.ks-fiverr-landing .shadow-figma-card {
	box-shadow: 0px 4px 6px -1px rgba(0, 101, 254, 0.08),
	            0px 2px 4px -2px rgba(0, 101, 254, 0.06),
	            inset -10px -10px 23px 0px rgba(0, 101, 254, 0.04);
}

.ks-fiverr-landing .shadow-figma-card:hover {
	box-shadow: 0px 12px 24px -4px rgba(16, 185, 129, 0.12),
	            0px 4px 8px -2px rgba(0, 0, 0, 0.05),
	            inset -10px -10px 23px 0px rgba(0, 101, 254, 0.04);
	border-color: rgba(16, 185, 129, 0.4);
}

/* Glassmorphism Floating Tech & Satisfaction Badges */
.ks-fiverr-landing .glass-card {
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	box-shadow: 0px 26px 30px 0px rgba(3, 105, 161, 0.10),
	            inset -10px -10px 23px 0px rgba(0, 101, 254, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.9);
}

/* Ambient glow blobs */
.ks-fiverr-landing .fiverr-glow-blob {
	pointer-events: none;
	position: absolute;
	border-radius: 9999px;
	filter: blur(140px);
	z-index: 0;
	opacity: 0.6;
}

/* Navigation Link Underline Hover */
.ks-fiverr-landing .fiverr-nav-link,
#fiverr-header .fiverr-nav-link {
	position: relative;
	transition: color 0.2s ease;
}

.ks-fiverr-landing .fiverr-nav-link::after,
#fiverr-header .fiverr-nav-link::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 0;
	height: 2px;
	background: #10b981;
	transition: width 0.3s ease;
}

.ks-fiverr-landing .fiverr-nav-link:hover::after,
.ks-fiverr-landing .fiverr-nav-link.active::after,
#fiverr-header .fiverr-nav-link:hover::after,
#fiverr-header .fiverr-nav-link.active::after {
	width: 100%;
}

/* Testimonial Quote Serif */
.ks-fiverr-landing .font-testimonial {
	font-family: var(--font-serif, 'Lora', Georgia, serif);
}