*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}
:root{
 --lacivert:#0F172A;--turkuaz:#14B8A6;--mavi:#2563EB;--acik:#F1F5F9;--beyaz:#FFFFFF;--gri:#94A3B8;--gecis:all .3s ease;--golge:0 4px 20px rgba(20,184,166,.15);
}
body{background:var(--lacivert);color:var(--beyaz);line-height:1.6;}
.container{width:90%;max-width:1280px;margin:0 auto;}
a{text-decoration:none;color:inherit;transition:var(--gecis);}
ul{list-style:none;}
.btn{display:inline-block;padding:12px 30px;border-radius:8px;font-weight:500;border:none;cursor:pointer;transition:var(--gecis);}
.btn-turkuaz{background:var(--turkuaz);color:var(--beyaz);font-weight:600;}
.btn-turkuaz:hover{background:#0D9488;transform:translateY(-2px);box-shadow:var(--golge);}
.btn-icerik{background:transparent;color:var(--turkuaz);border:2px solid var(--turkuaz);font-weight:600;}
.btn-icerik:hover{background:var(--turkuaz);color:var(--beyaz);}

header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:rgba(15,23,42,.95);backdrop-filter:blur(8px);position:sticky;top:0;z-index:999;border-bottom:1px solid rgba(20,184,166,.1);}
.logo img{height:45px;}
nav ul{display:flex;gap:30px;align-items:center;}
nav a{color:var(--beyaz);font-weight:400;}
nav a:hover{color:var(--turkuaz);}
.mobile-menu{display:none;flex-direction:column;gap:5px;cursor:pointer;}
.mobile-menu span{width:25px;height:3px;background:var(--beyaz);border-radius:2px;}

.hero{min-height:90vh;display:flex;align-items:center;background:linear-gradient(rgba(15,23,42,.85),rgba(15,23,42,.92)),url("../images/hero-bg.jpg");background-size:cover;background-position:center;padding:40px 0;}
.hero-icerik h1{font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:15px;line-height:1.2;}
.hero-icerik span{color:var(--turkuaz);font-weight:700;}
.hero-icerik p{font-size:clamp(1rem,2vw,1.2rem);margin-bottom:30px;color:#CBD5E1;max-width:650px;}
.buton-grubu{display:flex;gap:15px;flex-wrap:wrap;}

.bolum{padding:80px 0;}
.bolum-baslik{text-align:center;margin-bottom:50px;}
.bolum-baslik h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:10px;}
.bolum-baslik span{color:var(--turkuaz);display:block;margin-bottom:8px;font-weight:500;}
.hizmet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;}
.hizmet-kart{background:rgba(30,41,59,.6);border-radius:12px;padding:30px;border:1px solid rgba(20,184,166,.1);transition:var(--gecis);}
.hizmet-kart:hover{transform:translateY(-8px);border-color:var(--turkuaz);background:rgba(30,41,59,.8);}
.hizmet-kart img{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:15px;}
.hizmet-kart h3{color:var(--turkuaz);margin-bottom:15px;}

footer{background:#070E1B;padding:50px 0 20px;border-top:1px solid rgba(20,184,166,.1);}
.footer-icerik{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:30px;}
.footer-son{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:var(--gri);font-size:.9rem;}
.whatsapp-sabit{position:fixed;bottom:25px;right:25px;background:#25D366;color:#fff;width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;z-index:999;box-shadow:0 4px 15px rgba(37,211,102,.3);transition:var(--gecis);}
.whatsapp-sabit:hover{transform:scale(1.1);}

@media(max-width:992px){
 nav ul{display:none;}
 .mobile-menu{display:flex;}
}
@media(max-width:576px){
 .hero-icerik{text-align:center;}
 .buton-grubu{justify-content:center;}
}
/* Logo ve Üst Alan Düzeltmesi */
.header {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: rgba(15, 23, 42, 0.98);
    backdrop-filter: blur(8px);
    width: 100%;
}

.header .logo img {
    height: 45px;
    width: auto;
    display: block;
}

/* Masaüstü Menü */
@media (min-width: 993px) {
    .mobile-toggle {
        display: none !important;
    }
    nav .menu {
        display: flex !important;
        gap: 30px;
        align-items: center;
        position: static;
        width: auto;
        background: transparent;
        padding: 0;
    }
}

/* Cep Menü Ayarı */
@media (max-width: 992px) {
    .mobile-toggle {
        display: flex !important;
        position: relative;
        z-index: 10000;
        margin-left: auto;
    }

    nav .menu {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: rgba(15, 23, 42, 0.99);
        padding: 20px;
        gap: 15px;
        z-index: 9999;
        border-bottom: 1px solid rgba(20, 184, 166, 0.2);
    }

    nav .menu.active {
        display: flex !important;
    }
}