.navbar-modern {
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
		background: rgba(255, 255, 255, 0.85) !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		transition: all 0.3s ease;
	}
	.dark-mode .navbar-modern {
		background: rgba(30, 33, 40, 0.9) !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	}
	.navbar-modern.scrolled {
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	}
	.navbar-brand-modern {
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
		padding: 6px 20px 6px 6px !important;
		border-radius: 50px !important;
		background: linear-gradient(135deg, rgba(14, 139, 180, 0.08), rgba(63, 202, 144, 0.08)) !important;
		transition: all 0.3s ease !important;
	}
	.navbar-brand-modern:hover {
		background: linear-gradient(135deg, rgba(14, 139, 180, 0.15), rgba(63, 202, 144, 0.15));
		transform: translateY(-2px);
	}
	.navbar-brand-modern img {
		width: 38px;
		height: 38px;
		transition: transform 0.3s ease;
	}
	.navbar-brand-modern:hover img {
		transform: rotate(-10deg) scale(1.1);
	}
	.nav-link-modern {
		position: relative;
		padding: 8px 16px !important;
		margin: 0 4px;
		border-radius: 12px;
		transition: all 0.3s ease;
		font-weight: 500;
	}
	.nav-link-modern:hover {
		background: rgba(108, 117, 125, 0.1);
		transform: translateY(-2px);
	}
	.nav-link-modern::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 0;
		height: 2px;
		background: linear-gradient(90deg, #0e8bb4, #3fca90);
		transition: all 0.3s ease;
		transform: translateX(-50%);
		border-radius: 2px;
	}
	.nav-link-modern:hover::after {
		width: 60%;
	}
	.nav-link-modern i {
		transition: transform 0.3s ease;
	}
	.nav-link-modern:hover i {
		transform: rotate(-10deg) scale(1.2);
	}
	/* Dark mode için menü yazı renkleri */
	.dark-mode .nav-link-modern span[style*="background: linear-gradient(90deg, #833ab4"] {
		background: linear-gradient(90deg, #c084fc, #fb7185, #fbbf24) !important;
		-webkit-background-clip: text !important;
		background-clip: text !important;
	}
	.dark-mode .nav-link-modern span[style*="background: linear-gradient(90deg, #14171A"] {
		background: linear-gradient(90deg, #e5e7eb, #9ca3af) !important;
		-webkit-background-clip: text !important;
		background-clip: text !important;
	}
	.dark-mode .nav-link-modern span[style*="background: linear-gradient(90deg, #25D366"] {
		background: linear-gradient(90deg, #4ade80, #34d399, #2dd4bf) !important;
		-webkit-background-clip: text !important;
		background-clip: text !important;
	}
	.dark-mode .nav-link-modern i[style*="color: #E1306C"] {
		color: #fb7185 !important;
	}
	.dark-mode .nav-link-modern i[style*="color: #fd1d1d"] {
		color: #fb7185 !important;
	}
	.nav-icon-btn {
		width: 42px;
		height: 42px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 12px;
		background: rgba(108, 117, 125, 0.08);
		transition: all 0.3s ease;
		margin: 0 4px;
	}
	.nav-icon-btn:hover {
		background: rgba(108, 117, 125, 0.15);
		transform: translateY(-2px);
	}
	.theme-switch-modern {
		width: 70px;
		height: 36px;
		background: rgba(108, 117, 125, 0.1);
		border-radius: 50px;
		padding: 4px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
		transition: all 0.3s ease;
	}
	.theme-switch-modern:hover {
		background: rgba(108, 117, 125, 0.2);
	}
	.theme-switch-modern .switch-icon {
		width: 28px;
		height: 28px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		transition: all 0.3s ease;
		font-size: 14px;
	}
	.theme-switch-modern .switch-icon.active {
		background: white;
		box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	}
	.dark-mode .theme-switch-modern .switch-icon.active {
		background: #2d3139;
	}
	.btn-login-modern {
		background: linear-gradient(135deg, #0e8bb4, #3fca90);
		border: none;
		padding: 10px 24px;
		border-radius: 50px;
		color: white;
		font-weight: 600;
		transition: all 0.3s ease;
		box-shadow: 0 4px 15px rgba(14, 139, 180, 0.3);
	}
	.btn-login-modern:hover {
		transform: translateY(-2px);
		box-shadow: 0 6px 20px rgba(14, 139, 180, 0.4);
		color: white;
	}
	@media (max-width: 991px) {
		.navbar-collapse {
			background: rgba(255, 255, 255, 0.98);
			border-radius: 16px;
			margin-top: 10px;
			padding: 16px;
			box-shadow: 0 10px 40px rgba(0,0,0,0.1);
		}
		.dark-mode .navbar-collapse {
			background: rgba(30, 33, 40, 0.98);
		}
	}

	@keyframes float-slow {
		0%, 100% { transform: translate(0, 0) scale(1); }
		50% { transform: translate(30px, -30px) scale(1.1); }
	}

	@keyframes glow-pulse {
		0%, 100% { opacity: 0.3; }
		50% { opacity: 0.8; }
	}

	@keyframes particle-float {
		0%, 100% { transform: translate(0, 0); opacity: 0.5; }
		25% { transform: translate(20px, -30px); opacity: 1; }
		50% { transform: translate(-10px, -50px); opacity: 0.7; }
		75% { transform: translate(-30px, -20px); opacity: 1; }
	}

	@keyframes gradient-shift {
		0% { background-position: 0% 50%; }
		50% { background-position: 100% 50%; }
		100% { background-position: 0% 50%; }
	}

	@keyframes pulse-dot {
		0%, 100% { transform: scale(1); opacity: 1; }
		50% { transform: scale(1.5); opacity: 0.5; }
	}

	@keyframes btn-shine {
		0% { left: -100%; }
		50%, 100% { left: 100%; }
	}

	@keyframes scroll-wheel {
		0%, 100% { opacity: 1; top: 8px; }
		50% { opacity: 0.3; top: 18px; }
	}

	.hero-btn-primary:hover {
		transform: translateY(-3px);
		box-shadow: 0 20px 40px rgba(14, 139, 180, 0.4);
	}

	.stat-card {
		transition: all 0.3s ease;
	}

	.stat-card:hover {
		transform: translateY(-5px);
		background: rgba(255,255,255,0.06) !important;
		border-color: rgba(255,255,255,0.1) !important;
	}

	.product-icon-link:hover .product-icon {
		transform: translateY(-5px) scale(1.1);
	}

	.product-icon {
		transition: all 0.3s ease;
	}

	.hero-modern {
		background: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 50%, #16213e 100%) !important;
	}

	.product-card-modern:hover {
		transform: translateY(-12px);
		box-shadow: 0 25px 50px rgba(0,0,0,0.4);
	}
	.product-card-modern:hover > div:first-child {
		opacity: 1 !important;
	}
	.product-card-modern:hover .card-glow {
		opacity: 1 !important;
	}
	.product-card-modern:hover .product-icon-wrapper {
		transform: scale(1.1) rotate(5deg);
	}
	.product-card-modern .product-btn:hover {
		transform: translateY(-2px);
		box-shadow: 0 10px 30px rgba(131, 58, 180, 0.4);
	}
	.product-card-modern .product-btn:hover > div:last-child {
		opacity: 1 !important;
	}
	.feature-check {
		transition: all 0.3s ease;
	}
	.product-card-modern:hover .feature-check {
		transform: scale(1.1);
	}


	/* Instagram Otomasyon */
	.gradient-instagram {
		background: linear-gradient(135deg, #a855f7, #ec4899, #f59e0b);
	}
	.gradient-instagram-soft {
		background: linear-gradient(135deg, rgba(168, 85, 247, 0.1), rgba(236, 72, 153, 0.1), rgba(245, 158, 11, 0.1));
	}
	.gradient-instagram-text {
		background: linear-gradient(135deg, #a855f7, #ec4899, #f59e0b);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
	}
	.hero-section {
		margin-top: 65px !important;
	}
	.feature-card {
		transition: all 0.3s ease;
		border: 2px solid transparent;
	}
	.feature-card:hover {
		transform: translateY(-5px);
		border-color: #E1306C;
		box-shadow: 0 10px 30px rgba(225, 48, 108, 0.2);
	}
	.pricing-card {
		border: 2px solid transparent;
		transition: all 0.3s ease;
	}
	.pricing-card:hover {
		border-color: #E1306C;
		transform: scale(1.02);
		box-shadow: 0 15px 40px rgba(225, 48, 108, 0.3);
	}
	.pricing-card.featured {
		border-color: #E1306C;
		position: relative;
		transform: scale(1.05);
	}
	.pricing-card.featured::before {
		content: '⭐ En Popüler';
		position: absolute;
		top: -15px;
		left: 50%;
		transform: translateX(-50%);
		background: linear-gradient(135deg, #833ab4, #fd1d1d);
		color: white;
		padding: 5px 20px;
		border-radius: 20px;
		font-size: 0.8rem;
		font-weight: bold;
	}
	.hero-section {
		background: linear-gradient(135deg, rgba(131, 58, 180, 0.05), rgba(253, 29, 29, 0.05), rgba(252, 176, 69, 0.05));
		position: relative;
		overflow: hidden;
	}
	.hero-section::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-image:
	radial-gradient(circle at 20% 30%, rgba(131, 58, 180, 0.1) 0%, transparent 50%),
	radial-gradient(circle at 80% 70%, rgba(253, 29, 29, 0.1) 0%, transparent 50%),
	radial-gradient(circle at 40% 80%, rgba(252, 176, 69, 0.1) 0%, transparent 50%);
		animation: pulse 15s ease-in-out infinite;
	}
	@keyframes pulse {
		0%, 100% { opacity: 1; }
		50% { opacity: 0.5; }
	}
	.package-badge {
		position: absolute;
		top: -12px;
		right: 20px;
		background: linear-gradient(135deg, #833ab4, #fd1d1d);
		color: white;
		padding: 4px 12px;
		border-radius: 12px;
		font-size: 0.75rem;
		font-weight: bold;
		box-shadow: 0 4px 10px rgba(253, 29, 29, 0.3);
	}
	.dark-mode .btn-check:checked + .btn-outline-secondary {
		background-color: var(--bs-primary) !important;
		border-color: var(--bs-primary) !important;
		color: #fff !important;
	}