:root {
    --primary: #0062ff;
    --dark: #0a0a0b;
    --white: #ffffff;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
    overflow-x: hidden;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background-color: var(--white);
    text-rendering: optimizeSpeed; /* Render hızını artırır */
}


.hero {
    min-height: 100vh;
    padding-top: 80px;
    background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.55)), 
                url('../images/anasayfa.png') no-repeat center center;
    background-size: cover;
    background-attachment: scroll; 
}


nav {
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
    transition: var(--transition);
}

.logo { font-size: 1.5rem; font-weight: 900; color: var(--dark); text-decoration: none; }
.logo span { color: var(--primary); }


.services { background: #fafafa; }

.service-card {
    background: var(--white);
    border-radius: 1.5rem;
    padding: 2.5rem 1.5rem;
    border: 3px solid var(--primary); 
    box-shadow: 0 10px 30px rgba(0, 98, 255, 0.05);
    transition: var(--transition);
    will-change: transform;
}

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 98, 255, 0.15);
    background: #f8fbff;
}


.whatsapp-fixed {
    position: fixed; bottom: 25px; right: 25px; background: #25d366; color: white;
    padding: 12px 25px; border-radius: 50px; text-decoration: none; z-index: 2000;
    display: flex; align-items: center; font-weight: bold;
    box-shadow: 0 8px 25px rgba(37,211,102,0.3);
}


.reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease-out, transform 0.5s ease-out; }
.reveal.active { opacity: 1; transform: translateY(0); }


footer { background: var(--dark); color: white; }

@media (max-width: 768px) {
    .whatsapp-fixed span { display: none; }
    .whatsapp-fixed { padding: 15px; border-radius: 50%; }
    .hero h1 { font-size: 2.5rem; }
}