/* Genel Stil */
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin:0; padding:0; background:#f2f2f2; color:#333; }
a { text-decoration:none; }
header { background: url('https://images.unsplash.com/photo-1564866657314-4baf5b25d564?fit=crop&w=1600&q=80') center/cover no-repeat; color:#fff; text-align:center; padding:70px 20px; position:relative; }
header::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
header h1, header p, header .btn { position:relative; z-index:1; }
header h1 { margin:0; font-size:3em; animation:fadeInDown 1s ease-in-out; }
header p { font-size:1.3em; margin-top:10px; animation:fadeInUp 1s ease-in-out; }

/* Animasyonlar */
@keyframes fadeInDown { from {opacity:0; transform:translateY(-20px);} to {opacity:1; transform:translateY(0);} }
@keyframes fadeInUp { from {opacity:0; transform:translateY(20px);} to {opacity:1; transform:translateY(0);} }
@keyframes pulse { 0% {transform:scale(1);} 50% {transform:scale(1.05);} 100% {transform:scale(1);} }

nav { display:flex; justify-content:center; background-color:#ffc107; flex-wrap:wrap; }
nav a { color:#333; padding:15px 25px; display:block; transition:0.3s; font-weight:600; }
nav a:hover { background:#e0a800; color:#fff; border-radius:10px; }

section { padding:50px 20px; max-width:900px; margin:20px auto; background:#fff; border-radius:10px; box-shadow:0 5px 15px rgba(0,0,0,0.1); }
h2 { color:#ffc107; margin-bottom:25px; text-align:center; }

ul { padding-left:0; list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
ul li { background:#f9f9f9; padding:20px; border-radius:10px; width:200px; text-align:center; font-size:1.1em; box-shadow:0 3px 10px rgba(0,0,0,0.1); transition:0.3s; }
ul li:hover { transform:translateY(-8px); box-shadow:0 8px 20px rgba(0,0,0,0.2); animation:pulse 0.6s; }
ul li i { font-size:2em; color:#007bff; margin-bottom:10px; transition:transform 0.3s; }
ul li:hover i { transform:scale(1.2); }

.btn { display:inline-block; padding:12px 25px; background-color:#28a745; color:#fff; text-decoration:none; border-radius:50px; margin-top:20px; transition:0.3s; font-weight:600; }
.btn:hover { background:#218838; transform:translateY(-5px) scale(1.05); box-shadow:0 8px 15px rgba(0,0,0,0.2); }

form { display:flex; flex-direction:column; }
form input, form textarea { padding:12px; margin-bottom:15px; border:1px solid #ccc; border-radius:8px; font-size:1em; transition:0.3s; }
form input:focus, form textarea:focus { border-color:#ffc107; box-shadow:0 0 10px rgba(255,193,7,0.5); outline:none; }
form button { padding:12px; background-color:#ffc107; color:#333; border:none; border-radius:50px; cursor:pointer; transition:0.3s; font-size:1em; font-weight:600; }
form button:hover { background:#e0a800; transform:translateY(-3px) scale(1.05); box-shadow:0 8px 15px rgba(0,0,0,0.2); }

#map { width:100%; height:300px; border-radius:10px; margin-top:20px; }

footer { text-align:center; padding:20px; background:#333; color:#fff; font-size:0.9em; }

@media (max-width:600px){ 
    nav a { padding:10px 15px; font-size:0.9em; } 
    ul li { width:100%; }
}