.neon-modal, .neon-modal label, .neon-modal h3, .neon-modal input, .neon-modal select, .neon-modal option, .neon-modal button, .neon-modal div, .neon-modal form {
	color: #fff !important;
}
.neon-modal input, .neon-modal select, .neon-modal textarea {
	background: #222 !important;
	border: 1px solid #00e1ff;
	color: #fff !important;
}
.neon-modal input::placeholder, .neon-modal textarea::placeholder {
	color: #b6c7e6 !important;
	opacity: 1;
}
/* Modalı ortalamak ve neon efekt eklemek için */
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0; top: 0; width: 100vw; height: 100vh;
	background: rgba(0,0,0,0.7);
	justify-content: center;
	align-items: center;
}
.modal.show {
	display: flex !important;
}
.neon-modal {
	max-width: 400px;
	margin: 0;
	padding: 32px 24px 24px 24px;
	border-radius: 18px;
	background: #181a2a;
	position: relative;
	box-shadow:
		0 0 24px #00e1ff,
		0 0 48px #ff00cc,
		0 0 80px #ffe600,
		0 0 120px #00ff85;
	border: 2px solid #fff;
	animation: neonGlow 1.5s infinite alternate;
}
@keyframes neonGlow {
	from {
		box-shadow:
			0 0 24px #00e1ff,
			0 0 48px #ff00cc,
			0 0 80px #ffe600,
			0 0 120px #00ff85;
	}
	to {
		box-shadow:
			0 0 48px #00e1ff,
			0 0 96px #ff00cc,
			0 0 160px #ffe600,
			0 0 240px #00ff85;
	}
}
body {
	font-family: 'Fredoka One', Arial, sans-serif;
	background: linear-gradient(135deg, #e0e7ef 0%, #f7fafc 100%);
	color: #222;
	margin: 0;
}
header {
	background: #f1f5f9;
	padding: 24px 0 12px 0;
	text-align: center;
	box-shadow: 0 2px 16px #b6c7e6;
}
.main-title {
	font-size: 2.5em;
	color: #3B82F6;
	margin-bottom: 8px;
}
nav {
	margin-top: 12px;
}
nav a {
	margin: 0 18px;
	color: #2563EB;
	text-decoration: none;
	font-size: 1.1em;
	transition: color 0.2s;
}
nav a:hover {
	color: #ff00cc;
}
.slider {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 1000px;
	max-width: 1000px;
	margin: 32px auto;
	background: #fff;
	border-radius: 24px;
	box-shadow: 0 2px 24px #b6c7e6;
	overflow: hidden;
}
.slide {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	transition: opacity 0.5s;
}
.slide.active {
	display: block;
	opacity: 1;
}
.slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 24px;
}
.slide-title {
	position: absolute;
	bottom: 24px;
	left: 0;
	width: 100%;
	text-align: center;
	background: rgba(59,130,246,0.7);
	color: #fff;
	font-size: 1.3em;
	padding: 8px 0;
	border-radius: 0 0 24px 24px;
}
.slider-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: #3B82F6;
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	font-size: 2em;
	cursor: pointer;
	z-index: 2;
	opacity: 0.7;
	transition: background 0.2s;
}
#prevBtn { left: 12px; }
#nextBtn { right: 12px; }
.slider-btn:hover {
	background: #ff00cc;
}
section {
	padding: 32px 0;
	max-width: 900px;
	margin: auto;
}
.services {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: center;
}
.service {
	background: #f7fafc;
	border-radius: 18px;
	box-shadow: 0 2px 12px #b6c7e6;
	padding: 24px;
	width: 200px;
	text-align: center;
}
.contact-form {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 400px;
	margin: 0 auto 24px auto;
}
.contact-form input,
.contact-form textarea {
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #b6c7e6;
	font-size: 1em;
}
.animated-btn {
	background: linear-gradient(90deg, #ff00cc, #3333ff);
	color: #fff;
	border: none;
	border-radius: 30px;
	padding: 12px 32px;
	font-size: 1.1em;
	cursor: pointer;
	box-shadow: 0 0 20px #ff00cc, 0 0 40px #3333ff;
	transition: transform 0.2s, box-shadow 0.2s;
	animation: btnPulse 1.5s infinite alternate;
}
.animated-btn:hover {
	transform: scale(1.08);
	box-shadow: 0 0 40px #ff00cc, 0 0 80px #3333ff;
}
@keyframes btnPulse {
	from { box-shadow: 0 0 20px #ff00cc, 0 0 40px #3333ff; }
	to { box-shadow: 0 0 40px #ff00cc, 0 0 80px #3333ff; }
}
footer {
	background: #e0e7ef;
	color: #222;
	text-align: center;
	padding: 24px 0 12px 0;
	font-size: 1em;
	margin-top: 32px;
	border-radius: 0 0 18px 18px;
}
@media (max-width: 700px) {
	.slider {
		height: 200px;
		border-radius: 12px;
	}
	.slide img {
		border-radius: 12px;
	}
	.slide-title {
		font-size: 1em;
		border-radius: 0 0 12px 12px;
	}
	.services {
		flex-direction: column;
		gap: 16px;
	}
	.service {
		width: 90%;
		padding: 16px;
	}
	section {
		padding: 18px 0;
	}
	.main-title {
		font-size: 1.5em;
	}
}