/* SON FİLO — sonfilogame.com.tr
   Oyunun paletiyle aynı: derin lacivert zemin, altın vurgu, kor turuncusu CTA. */
:root{
  --bg:#050a16; --bg2:#0a1424; --kart:#101d34;
  --cizgi:rgba(120,160,220,.22);
  --txt:#e6eefc; --soluk:#93a8c8;
  --altin:#ffd166; --kor:#ff9a4a; --nane:#8affc1; --mor:#c77dff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--txt);
  font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--altin); text-decoration:none}
a:hover{text-decoration:underline}
.kap{max-width:960px; margin:0 auto; padding:0 22px}

/* ---- üst bar ---- */
header.ust{
  position:sticky; top:0; z-index:20;
  background:rgba(5,10,22,.86); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--cizgi);
}
header.ust .kap{display:flex; align-items:center; gap:14px; height:62px}
header.ust img{width:34px; height:34px; border-radius:8px}
header.ust .ad{font-weight:800; letter-spacing:.6px; font-size:17px}
header.ust nav{margin-left:auto; display:flex; gap:18px; font-size:14px}
header.ust nav a{color:var(--soluk)}
header.ust nav a:hover{color:var(--txt); text-decoration:none}
.dil{border:1px solid var(--cizgi); border-radius:999px; padding:4px 12px; font-size:13px; color:var(--soluk)}

/* ---- kahraman ---- */
.hero{position:relative; overflow:hidden; border-bottom:1px solid var(--cizgi)}
.hero img.arka{
  width:100%; display:block; max-height:620px; object-fit:cover; object-position:center 62%;
}
.hero .ust-perde{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(5,10,22,.62) 0%, rgba(5,10,22,.12) 34%, rgba(5,10,22,.94) 100%);
}
.hero .icerik{position:absolute; inset:auto 0 0 0; padding:0 22px 46px; text-align:center}
.hero h1{
  margin:0 0 8px; font-size:clamp(38px,7vw,66px); letter-spacing:2px; font-weight:800;
  text-shadow:0 0 28px rgba(255,154,74,.55);
}
.hero .slogan{margin:0 0 22px; color:var(--altin); font-size:clamp(15px,2.4vw,19px)}
.rozetler{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-bottom:24px}
.rozet{
  border:1px solid var(--cizgi); border-radius:999px; padding:6px 14px;
  font-size:13px; color:var(--soluk); background:rgba(6,12,26,.6);
}
.cta{
  display:inline-block; padding:15px 38px; border-radius:12px; font-weight:800; font-size:17px;
  color:#fff; background:linear-gradient(180deg,#e85510,#8f1208);
  border:2px solid #ffc27a; box-shadow:0 0 26px rgba(255,138,60,.34);
}
.cta:hover{text-decoration:none; filter:brightness(1.08)}
.cta.pasif{background:linear-gradient(180deg,#243250,#141c2e); border-color:#3f5f8f;
  box-shadow:none; pointer-events:none; color:#9ab4dd}
.cta-not{display:block; margin-top:12px; color:var(--soluk); font-size:13px}

/* ---- bölümler ---- */
section{padding:64px 0; border-bottom:1px solid var(--cizgi)}
section h2{font-size:clamp(22px,3.6vw,30px); margin:0 0 10px; letter-spacing:.4px}
section .alt{color:var(--soluk); margin:0 0 34px; max-width:640px}
.izgara{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px}
.kart{
  background:linear-gradient(180deg,var(--kart),#0a1424);
  border:1px solid var(--cizgi); border-radius:14px; padding:22px;
}
.kart .ikon{font-size:24px; margin-bottom:10px}
.kart h3{margin:0 0 8px; font-size:16px; color:var(--altin)}
.kart p{margin:0; color:var(--soluk); font-size:14.5px}

/* ---- uçak galerisi ---- */
.ucaklar{display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:16px}
.ucak{border:1px solid var(--cizgi); border-radius:14px; overflow:hidden; background:#0a1424}
.ucak img{width:100%; display:block; aspect-ratio:9/16; object-fit:cover}
.ucak .ad{padding:12px 14px; font-size:14px; font-weight:700}
.ucak .ad span{display:block; font-weight:400; color:var(--soluk); font-size:12.5px}

/* ---- hukuki sayfalar ---- */
.hukuk{padding:52px 0 80px}
.hukuk h1{font-size:clamp(26px,4.4vw,36px); margin:0 0 6px}
.hukuk .tarih{color:var(--soluk); font-size:13.5px; margin:0 0 34px}
.hukuk h2{font-size:19px; margin:34px 0 10px; color:var(--altin)}
.hukuk p, .hukuk li{color:#cfe0ff; font-size:15.5px}
.hukuk ul{padding-left:22px}
.hukuk li{margin:7px 0}
.kutu{
  background:rgba(138,255,193,.07); border:1px solid rgba(138,255,193,.32);
  border-radius:12px; padding:18px 20px; margin:26px 0;
}
.kutu strong{color:var(--nane)}

/* ---- alt bilgi ---- */
footer{padding:40px 0 56px; color:var(--soluk); font-size:14px}
footer .kap{display:flex; flex-wrap:wrap; gap:10px 26px; align-items:center}
footer nav{margin-left:auto; display:flex; gap:20px; flex-wrap:wrap}

@media (max-width:560px){
  header.ust nav{gap:12px; font-size:13px}
  .hero .icerik{padding-bottom:32px}
  section{padding:48px 0}
}