*{margin:0;padding:0;box-sizing:border-box}

body{
font-family:Segoe UI,Arial,sans-serif;
background:#f6f8fb;
color:#222;
}

/* HERO */

.sg-hero{
height:520px;
background:url('../images/hero.jpg') center/cover no-repeat;
position:relative;
width:100%;
}

.sg-hero .overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.55);
}

/* CONTAINER */

.sg-container{
max-width:1200px;
width:92%;
margin:auto;
padding:80px 0;
text-align:center;
}

.sg-container h1{
font-size:46px;
font-weight:900;
margin-bottom:18px;
color:#0b1c33;
}

.sg-container p{
font-size:18px;
line-height:1.9;
color:#444;
}

/* GRID KARTLAR */

.sg-grid{
max-width:1200px;
width:92%;
margin:auto;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:35px;
padding-bottom:90px;
}

.sg-card{
background:#fff;
border-radius:22px;
overflow:hidden;
box-shadow:0 18px 40px rgba(0,0,0,.07);
transition:.35s ease;
}

.sg-card:hover{
transform:translateY(-8px);
}

.sg-card img{
width:100%;
height:230px;
object-fit:cover;
}

.sg-card h3{
font-size:22px;
margin:22px;
color:#0b1c33;
}

.sg-card p{
margin:0 22px 28px;
color:#555;
line-height:1.8;
}

/* GENİŞ BÖLÜMLER */

.sg-wide{
max-width:1200px;
width:92%;
margin:auto;
padding-bottom:90px;
}

.wide-box{
display:flex;
align-items:center;
gap:50px;
margin-bottom:80px;
}

.wide-box.reverse{
flex-direction:row-reverse;
}

.wide-box img{
width:50%;
border-radius:24px;
box-shadow:0 15px 35px rgba(0,0,0,.1);
}

.wide-box h2{
font-size:34px;
margin-bottom:15px;
color:#0b1c33;
}

.wide-box p{
font-size:18px;
line-height:1.85;
color:#444;
}

/* FORM */

.sg-form{
background:#0b1c33;
color:#fff;
padding:90px 0;
text-align:center;
}

.sg-form h2{
font-size:36px;
margin-bottom:35px;
}

.sg-form form{
max-width:600px;
margin:auto;
display:flex;
flex-direction:column;
gap:15px;
}

.sg-form input,
.sg-form textarea{
padding:14px 16px;
border-radius:12px;
border:none;
font-size:15px;
}

.sg-form button{
background:#ff8a00;
color:#fff;
border:none;
padding:14px;
font-size:16px;
border-radius:14px;
cursor:pointer;
font-weight:700;
}

.sg-form button:hover{
opacity:.9;
}

/* MOBİL */

@media(max-width:900px){

.wide-box,
.wide-box.reverse{
flex-direction:column;
}

.wide-box img{
width:100%;
}

.sg-container h1{
font-size:34px;
}

.sg-form h2{
font-size:28px;
}

}





/* ===========================
   AVANTAJLAR
=========================== */

.sg-benefits{
max-width:1200px;
width:92%;
margin:auto;
padding-bottom:100px;
text-align:center;
}

.sg-benefits h2{
font-size:36px;
font-weight:900;
margin-bottom:50px;
color:#0b1c33;
}

.benefit-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:28px;
}

.benefit-card{
background:#ffffff;
padding:35px 28px;
border-radius:20px;
box-shadow:0 14px 35px rgba(0,0,0,.06);
transition:.3s ease;
}

.benefit-card:hover{
transform:translateY(-6px);
}

.benefit-card h3{
font-size:20px;
margin-bottom:12px;
color:#0b1c33;
}

.benefit-card p{
color:#555;
line-height:1.7;
font-size:16px;
}
/* ===========================
   SÜREÇ ZAMAN ÇİZELGESİ
=========================== */

.sg-timeline{
background:#ffffff;
padding:100px 0;
text-align:center;
}

.sg-timeline h2{
font-size:36px;
font-weight:900;
margin-bottom:60px;
color:#0b1c33;
}

.timeline{
max-width:1100px;
width:92%;
margin:auto;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:25px;
}

.step{
background:#f6f8fb;
padding:30px 22px;
border-radius:18px;
width:200px;
box-shadow:0 12px 25px rgba(0,0,0,.05);
transition:.3s;
}

.step:hover{
transform:translateY(-5px);
}

.step span{
display:inline-block;
background:#ff8a00;
color:#fff;
width:42px;
height:42px;
line-height:42px;
border-radius:50%;
font-weight:800;
margin-bottom:12px;
}

.step p{
font-size:15px;
color:#444;
line-height:1.6;
}
/* ===========================
   FAQ
=========================== */

.sg-faq{
max-width:900px;
width:92%;
margin:auto;
padding:100px 0;
}

.sg-faq h2{
text-align:center;
font-size:36px;
font-weight:900;
margin-bottom:50px;
color:#0b1c33;
}

.faq-item{
background:#ffffff;
padding:28px 30px;
border-radius:18px;
box-shadow:0 12px 28px rgba(0,0,0,.06);
margin-bottom:22px;
}

.faq-item h3{
font-size:20px;
margin-bottom:10px;
color:#0b1c33;
}

.faq-item p{
color:#555;
line-height:1.7;
font-size:16px;
}
/* ===========================
   İÇ LİNK ALANI
=========================== */

.sg-links{
max-width:1200px;
width:92%;
margin:auto;
padding:90px 0;
text-align:center;
}

.sg-links h2{
font-size:34px;
font-weight:900;
margin-bottom:45px;
color:#0b1c33;
}

.link-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:25px;
}

.link-card{
background:#0b1c33;
color:#fff;
padding:26px 20px;
border-radius:18px;
font-weight:700;
text-decoration:none;
box-shadow:0 14px 30px rgba(0,0,0,.15);
transition:.3s;
}

.link-card:hover{
background:#ff8a00;
transform:translateY(-5px);
}
/* ===========================
   GÜVEN ROZETLERİ
=========================== */

.sg-badges{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:16px;
padding-bottom:70px;
}

.badge{
background:#ffffff;
padding:14px 22px;
border-radius:30px;
font-weight:700;
color:#0b1c33;
box-shadow:0 8px 18px rgba(0,0,0,.08);
font-size:14px;
}
/* ===========================
   DAHA FAZLA BİLGİ BUTONU
=========================== */

.sg-more-info{
text-align:center;
padding:90px 0;
}

.more-btn{
display:inline-block;
background:linear-gradient(135deg,#ff8a00,#ffb347);
color:#fff;
padding:18px 48px;
border-radius:50px;
font-size:18px;
font-weight:800;
text-decoration:none;
box-shadow:0 18px 40px rgba(255,138,0,.35);
transition:.35s ease;
letter-spacing:.3px;
}

.more-btn:hover{
transform:translateY(-6px) scale(1.02);
box-shadow:0 25px 55px rgba(255,138,0,.45);
background:linear-gradient(135deg,#ff7a00,#ffa62b);
}