/* Okunabilirlik ve Yazı Tipi Boyutu Düzenlemesi */

html {
    font-size: 16px; /* Tarayıcı standardı olan 16 pikseli sabitliyoruz */
}

body {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; /* Okunaklı font ailesi */
    font-size: 1rem;          /* 16px'e denk gelir, raporu düzeltir */
    line-height: 1.6;         /* Satır aralarını açar, okumayı kolaylaştırır */
    color: #333333;           /* Kontrastı artırarak hatayı giderir */
    -webkit-text-size-adjust: 100%; /* Mobil cihazlarda otomatik küçülmeyi engeller */
}

/* Başlıkların hiyerarşisini netleştirelim (SEO için önemli) */
h1 { font-size: 2.25rem; line-height: 1.2; margin-bottom: 1rem; }
h2 { font-size: 1.75rem; line-height: 1.3; margin-top: 2rem; }
h3 { font-size: 1.4rem; line-height: 1.4; }

/* İçerik paragrafları için ferah bir alan */
p {
    margin-bottom: 1.2rem;
    font-size: 1rem;
}

/* Mobil cihazlarda okunabilirliği bir tık daha artırıyoruz */
@media (max-width: 768px) {
    body {
        font-size: 17px; /* Mobilde parmakla takip kolaylığı için biraz büyüttük */
    }
}
:root {
    --bg:#0b1324; --text:#eaf0ff; --muted:rgba(234,240,255,.75);
    --line:rgba(255,255,255,.12); --accent:#ffcc2f; --accent2:#21c1ff;
    --radius:22px; --max:1100px;
}

/* Genel Sıfırlama ve Okunabilirlik Temeli */
*{box-sizing:border-box; margin:0; padding:0;}

body{
    font-family: 'Inter', system-ui, -apple-system, sans-serif; 
    color:var(--text); 
    background:var(--bg);
    background-image: radial-gradient(circle at 20% 20%, rgba(33,193,255,.15), transparent 40%), var(--bg);
    font-size: 18px !important; /* Standart metin boyutu */
    line-height: 1.7 !important;
    -webkit-font-smoothing: antialiased;
}

/* Header & Navigasyon */
header{
    position:sticky; top:0; z-index:1000; backdrop-filter:blur(16px);
    background:rgba(11,19,36,.8); border-bottom:1px solid var(--line);
}

.nav-container{
    max-width:var(--max); margin:0 auto; padding:15px 24px;
    display:flex; justify-content:space-between; align-items:center;
}

.logo a{
    font-size: 28px !important; 
    font-weight: 900; text-decoration:none;
    background:linear-gradient(135deg, var(--accent2), var(--accent));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}

nav{ display:flex; gap:12px; }
nav a{
    padding:8px 16px; border-radius:30px; border:1px solid var(--line);
    background:rgba(255,255,255,0.05); color:#fff; text-decoration:none; 
    font-size: 16px !important;
}

/* Kahraman (Hero) Alanı */
.wrap{ max-width:var(--max); margin:auto; padding:24px; }
.hero{ display:grid; grid-template-columns:1.2fr .8fr; gap:30px; margin-top:40px; }

.hero h1 {
    font-size: 46px !important; /* Okunabilir büyük başlık */
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 800;
}

.hero p {
    font-size: 20px !important; 
    color: var(--muted);
}

/* Form ve Kartlar */
.card{ padding:40px; border-radius:var(--radius); background:rgba(255,255,255,.06); border:1px solid var(--line); backdrop-filter:blur(14px); }
.field input{ width:100%; padding:16px; border-radius:15px; border:1px solid var(--line); background:#000; color:#fff; font-size: 18px !important;}
.cta{ width:100%; padding:18px; margin-top:15px; border-radius:15px; border:none; font-weight:900; background:linear-gradient(135deg, var(--accent), #ff8a00); cursor:pointer; color:#000; font-size: 18px !important;}

/* Makale ve SEO Bloğu (Okunabilirliğin kalbi) */
.seo-block{ margin-top:60px; }
.seo-block h2{ color:#fff; margin:40px 0 20px; font-size: 34px !important; font-weight: 700; }
.seo-block h3{ color:#fff; margin:30px 0 15px; font-size: 26px !important; font-weight: 600; }
.seo-block p { 
    font-size: 19px !important; /* Makale metni boyutu */
    margin-bottom: 25px; 
    line-height: 1.8 !important; 
}

.seo-link-list{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:10px; list-style:none; margin:20px 0; }
.seo-link-list a{ color:var(--accent2); text-decoration:underline; font-size: 17px !important; }

/* Footer */
footer{ padding:60px 0; border-top:1px solid var(--line); text-align:center; }
.footer-links{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-bottom:15px;}
.footer-links a{ padding:8px 18px; border-radius:30px; background:rgba(255,255,255,0.05); border:1px solid var(--line); color:#fff; text-decoration:none; font-size: 15px !important;}

/* Hamburger Menü (Mobilde açılması için gerekli) */
.hamburger{ display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; margin-left:15px;}
.hamburger span{ width:25px; height:3px; background:#fff; border-radius:2px;}

/* Mobil Uyumluluk */
@media(max-width: 980px){
    .hero{ grid-template-columns:1fr; }
    .hero h1 { font-size: 32px !important; }
    .hero p { font-size: 18px !important; }
    .seo-block h2 { font-size: 28px !important; }
    .seo-block p { font-size: 17px !important; }
    
    .hamburger{ display:flex; }
    nav{ 
        display:none; position:absolute; top:100%; right:24px; background:#0b1324; 
        flex-direction:column; padding:20px; border:1px solid var(--line); border-radius:15px;
    }
    nav.active{ display:flex; }
}