:root {
      --flamingo: #D53A7A;
      --dark-gray: #333333;
      --light-gray: #f8f8f8;
      --white: #ffffff;
      --font-family: 'Montserrat', sans-serif;
      --box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    }
    * { margin:0; padding:0; box-sizing:border-box; }
    body { font-family: var(--font-family); line-height:1.6; color:var(--dark-gray); background:var(--white); }
    h1, h2, h3 { font-weight:700; line-height:1.2; }
    h2 { font-size:2.5em; text-align:center; margin-bottom:0.8em; color:var(--dark-gray); }
    .highlight { color:var(--flamingo); font-weight:900; }
    .container { max-width:1200px; margin:0 auto; padding:0 20px; z-index:2; position:relative; }
    section { padding:80px 0; }
    #hizmetler, #projeler, #iletisim { background:var(--light-gray); }

    /* Skip Link */
    .skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
    .skip-link:focus{left:10px;top:10px;width:auto;height:auto;background:#000;color:#fff;padding:8px 12px;border-radius:6px;z-index:10000}

    header { background:var(--white); padding:10px 0; box-shadow:0 2px 8px rgba(0,0,0,0.1); position:sticky; top:0; z-index:1000; }
    nav { display:flex; justify-content:space-between; align-items:center; }
    .logo img { height:50px; width:auto; }
    nav ul { list-style:none; display:flex; align-items:center; }
    nav ul li { margin-left:20px; position:relative; }
    nav ul li a { text-decoration:none; color:var(--dark-gray); font-weight:600; padding:10px 0; display:block; transition:color .3s; font-size:.95em; }
    nav ul li a:hover{ color:var(--flamingo); }
    .dropdown-content{ display:none; position:absolute; background:var(--white); min-width:220px; box-shadow:0 8px 16px rgba(0,0,0,.2); z-index:1; padding:10px 0; border-top:3px solid var(--flamingo); }
    .dropdown-content a{ color:var(--dark-gray)!important; padding:8px 15px; text-decoration:none; display:block; font-weight:400; font-size:.9em; }
    .dropdown-content a:hover{ background:var(--light-gray); color:var(--flamingo)!important; }
    nav ul li:hover .dropdown-content{ display:block; }

    /* Preloader */
    #preloader{ position:fixed; inset:0; background:var(--white); z-index:99999; display:flex; flex-direction:column; justify-content:center; align-items:center; transition:opacity .5s ease, visibility 0s .5s; }
    .rotaract-loader{text-align:center}
    .rotaract-loader img{ width:40px; height:40px; margin-bottom:10px; display:block; margin-inline:auto; }
    .rotaract-loader p{ font-size:1.3em; font-weight:900; color:var(--flamingo); letter-spacing:2px; text-align:center }
    .preloader-hidden{ opacity:0; visibility:hidden; pointer-events:none }

    /* Fixed Buttons */
    .fixed-buttons{ position:fixed; z-index:100; pointer-events:none }
    #scroll-to-top{ position:fixed; right:30px; bottom:30px; width:50px; height:50px; background:var(--dark-gray); color:var(--white); border:none; border-radius:50%; font-size:1.8em; cursor:pointer; opacity:0; visibility:hidden; transition:opacity .3s, visibility .3s, background-color .3s; line-height:1; box-shadow:0 4px 10px rgba(0,0,0,.3); z-index:100; display:flex; justify-content:center; align-items:center; pointer-events:auto }
    #scroll-to-top.show{ opacity:1; visibility:visible }
    #scroll-to-top:hover{ background:var(--flamingo) }
    .sozluk-fixed{ position:fixed; bottom:30px; left:30px; pointer-events:auto; z-index:100 }
    .sozluk-fixed a{ display:flex; justify-content:center; align-items:center; width:60px; height:60px; background:var(--dark-gray); color:var(--white); border-radius:50%; transition:background-color .3s, transform .3s; font-size:2em; text-decoration:none; position:relative; box-shadow:0 0 10px rgba(0,0,0,.5), 0 0 5px 2px rgba(255,255,255,.5); font-family:Arial, sans-serif }
    .sozluk-fixed a:hover{ background:var(--flamingo); transform:scale(1.1) }
    .sozluk-fixed a:before{ content:'Sözlüğümüz'; position:absolute; left:75px; top:50%; transform:translateY(-50%); padding:8px 12px; background:var(--dark-gray); color:var(--white); font-size:14px; font-weight:600; border-radius:4px; white-space:nowrap; opacity:0; visibility:hidden; transition:opacity .3s, visibility .3s; pointer-events:none }
    .sozluk-fixed a:hover:before{ opacity:1; visibility:visible }

    /* Hero */
    #hero{ position:relative; background:var(--light-gray); height:80vh; display:flex; align-items:center; text-align:left; padding:0 }
    .hero-content{ max-width:600px; background:rgba(255,255,255,.85); padding:40px; border-radius:8px; backdrop-filter:blur(3px); z-index:3 }
    .hero-content h1{ font-size:4em; margin-bottom:20px }
    .hero-content p{ font-size:1.3em; margin-bottom:30px }
    .btn{ display:inline-block; padding:12px 30px; background:var(--flamingo); color:var(--white); text-decoration:none; font-weight:700; border-radius:5px; transition:background-color .3s }
    .btn:hover{ background:#a92a5f }
    .btn-outline{ background:transparent; color:var(--flamingo); border:2px solid var(--flamingo); margin-left:15px }
    .btn-outline:hover{ background:var(--flamingo); color:var(--white) }
    .hero-slider-wrapper{ position:absolute; inset:0; overflow:hidden }
    .slider-item{ position:absolute; inset:0; opacity:0; transition:opacity 1s ease-in-out; background-size:cover; background-position:center }
    .slider-item.active{ opacity:1 }
    .slider-item::after{ content:''; position:absolute; inset:0; background:rgba(0,0,0,.1) }
    .slider-arrow{ position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.5); color:var(--dark-gray); border:none; padding:15px; cursor:pointer; z-index:5; font-size:1.5em; line-height:1; transition:background .3s, color .3s }
    .slider-arrow:hover{ background:var(--flamingo); color:var(--white) }
    #prev-arrow{ left:20px; border-radius:0 5px 5px 0 }
    #next-arrow{ right:20px; border-radius:5px 0 0 5px }

    /* Hizmetler */
    .services-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(450px, 1fr)); gap:30px; margin-top:50px }
    .service-card{ background:var(--white); padding:25px; border-radius:8px; box-shadow:0 4px 10px rgba(0,0,0,.08); transition:transform .3s, box-shadow .3s; display:flex; align-items:flex-start; text-align:left }
    .service-card:hover{ transform:translateY(-5px); box-shadow:0 10px 25px rgba(0,0,0,.15) }
    .service-icon{ flex-shrink:0; width:50px; height:50px; background:var(--flamingo); color:var(--white); border-radius:50%; display:flex; justify-content:center; align-items:center; font-size:1.8em; margin-right:20px; transition:background-color .3s }
    .service-card:hover .service-icon{ background:var(--dark-gray) }
    .service-text h3{ color:var(--dark-gray); margin:0 0 5px; font-size:1.5em }
    .service-text p{ font-size:1em }

    /* Başkan Mesajı */
    #baskan-mesaji{ background:var(--flamingo); color:var(--white); padding:100px 0 }
    #baskan-mesaji h2{ color:var(--white); margin-bottom:1em }
    .baskan-content{ display:flex; align-items:center; gap:50px; max-width:1000px; margin:0 auto }
    .baskan-gorsel{ flex-shrink:0; width:300px; height:300px; border-radius:50%; overflow:hidden; border:5px solid rgba(255,255,255,.7); box-shadow:0 0 20px rgba(0,0,0,.2) }
    .baskan-gorsel img{ width:100%; height:100%; object-fit:cover; display:block }
    .baskan-metin{ flex-grow:1; padding-left:30px; border-left:3px solid rgba(255,255,255,.5) }
    .baskan-metin p{ font-size:1.15em; line-height:1.8; margin-bottom:20px }
    .baskan-metin .imza{ font-weight:600; font-size:1.3em; color:var(--dark-gray); text-align:right; margin-top:30px }
    .baskan-metin .gorev{ font-size:.9em; text-align:right; display:block; color:rgba(255,255,255,.8) }

    /* 4'lü Öz Denetim */
    #kultur{ text-align:center; background:var(--white) }
    .four-way-test-grid{ display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; margin-top:40px; max-width:800px; margin-inline:auto }
    .test-item{ padding:20px; border-left:4px solid var(--flamingo); text-align:left; background:var(--light-gray) }
    .test-item h4{ color:var(--dark-gray); margin-bottom:5px; font-weight:600 }

    /* Projeler */
    .proje-galerisi{ display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:30px; margin-top:40px }
    .proje-kart{ position:relative; overflow:hidden; border-radius:8px; box-shadow:0 6px 15px rgba(0,0,0,.1); cursor:pointer; text-decoration:none; display:block }
    .proje-kart img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease }
    .proje-kart:hover img{ transform:scale(1.05) }
    .proje-overlay{ position:absolute; bottom:0; left:0; width:100%; height:0; background:rgba(0,0,0,.7); color:var(--white); display:flex; flex-direction:column; justify-content:flex-end; padding:25px; box-sizing:border-box; transition:height .3s ease-out }
    .proje-kart:hover .proje-overlay{ height:40% }
    .proje-overlay h4{ font-size:1.2em; margin-bottom:5px; opacity:0; transform:translateY(10px); transition:opacity .3s .2s, transform .3s .2s }
    .proje-overlay p{ font-size:.9em; opacity:0; transform:translateY(10px); transition:opacity .3s .3s, transform .3s .3s }
    .proje-kart:hover .proje-overlay h4, .proje-kart:hover .proje-overlay p{ opacity:1; transform:translateY(0) }
    .proje-link{ color:var(--flamingo); font-weight:700; margin-top:5px; display:block; transition:color .3s }
    .proje-link:hover{ color:var(--white) }

    /* Footer */
    footer{ background:var(--dark-gray); color:var(--white); padding:40px 0 20px; text-align:center; font-size:.9em }
    footer a{ color:var(--flamingo); text-decoration:none; transition:color .3s }
    footer a:hover{ color:var(--white) }
    footer .social-icons{ margin:15px 0 20px }
    footer .social-icons a{ margin:0 12px; display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.08); transition:background .3s, transform .3s }
    footer .social-icons a:hover{ background:rgba(255,255,255,.2); transform:translateY(-2px) }
    footer .social-icons svg{ width:22px; height:22px; fill:#fff }
    .devudi-signature{ font-size:.75em; color:rgba(255,255,255,.6); margin-top:15px; padding-top:10px; border-top:1px solid rgba(255,255,255,.1) }
    .devudi-signature a{ color:rgba(255,255,255,.8); font-weight:600 }
    .devudi-signature a:hover{ color:var(--flamingo) }