/* FixOkey — bilgi sayfaları ortak stili */
:root{
  --felt:#143A33; --felt-lift:#1D5047; --felt-deep:#0C2621;
  --bone:#F1E7D4; --brass:#D2A63C; --brass-soft:#E8C976;
  --text:#EAF1EC; --text-dim:#8FAAA2;
  --kart:rgba(255,255,255,.045); --kenar:rgba(255,255,255,.09);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(120% 60% at 50% 0%, var(--felt-lift) 0%, var(--felt) 42%, var(--felt-deep) 100%)
    var(--felt-deep);
  background-attachment:fixed;
  color:var(--text);
  font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:15px; line-height:1.75;
  min-height:100vh; display:flex; flex-direction:column;
}
a{color:var(--brass-soft)}
a:hover{color:var(--brass)}

/* ---- üst bar ---- */
.ust{
  border-bottom:1px solid var(--kenar);
  background:rgba(10,31,27,.85); backdrop-filter:blur(8px);
  position:sticky; top:0; z-index:5;
}
.ustic{
  max-width:820px; margin:0 auto; padding:13px 20px;
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
}
.logo{
  font-family:Oswald,sans-serif; font-weight:600; letter-spacing:.16em;
  font-size:17px; color:var(--brass); text-transform:uppercase; text-decoration:none;
}
.menu{display:flex; gap:16px; margin-left:auto; flex-wrap:wrap}
.menu a{
  font-family:Oswald,sans-serif; font-size:12.5px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--text-dim); text-decoration:none;
}
.menu a:hover,.menu a[aria-current]{color:var(--brass-soft)}

/* ---- gövde ---- */
main{flex:1; max-width:820px; width:100%; margin:0 auto; padding:34px 20px 50px}
h1{
  font-family:Oswald,sans-serif; font-weight:600; font-size:31px; line-height:1.25;
  letter-spacing:.01em; color:var(--brass); margin-bottom:6px;
}
.altbaslik{color:var(--text-dim); font-size:13.5px; margin-bottom:30px}
h2{
  font-family:Oswald,sans-serif; font-weight:500; font-size:20px;
  letter-spacing:.02em; margin:32px 0 10px; color:var(--brass-soft);
}
h3{font-family:Oswald,sans-serif;font-weight:500;font-size:16px;margin:20px 0 6px}
p{margin-bottom:13px}
ul,ol{margin:0 0 15px 20px}
li{margin-bottom:7px}
strong,b{color:var(--brass-soft);font-weight:600}

.kart{
  background:var(--kart); border:1px solid var(--kenar);
  border-radius:14px; padding:18px 20px; margin:18px 0;
}
.kart p:last-child{margin-bottom:0}

table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
th,td{text-align:left;padding:9px 11px;border-bottom:1px solid var(--kenar);vertical-align:top}
th{font-family:Oswald,sans-serif;font-weight:500;color:var(--brass-soft);
   font-size:12px;letter-spacing:.08em;text-transform:uppercase}

/* ---- SSS ---- */
details{
  background:var(--kart); border:1px solid var(--kenar);
  border-radius:12px; margin-bottom:9px; overflow:hidden;
}
summary{
  padding:14px 18px; cursor:pointer; list-style:none;
  font-family:Oswald,sans-serif; font-size:16px; font-weight:500;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--brass);font-size:20px;line-height:1;flex:0 0 auto}
details[open] summary::after{content:"−"}
summary:hover{color:var(--brass-soft)}
details .icerik{padding:0 18px 16px;color:var(--text-dim)}
details .icerik strong{color:var(--brass-soft)}

/* ---- form ---- */
form{margin-top:6px}
label{
  display:block; font-family:Oswald,sans-serif; font-size:12px;
  letter-spacing:.11em; text-transform:uppercase; color:var(--text-dim); margin-bottom:6px;
}
input,textarea{
  width:100%; padding:12px 14px; margin-bottom:16px;
  background:rgba(255,255,255,.06); border:1px solid var(--kenar);
  border-radius:10px; color:var(--text);
  font-family:Manrope,sans-serif; font-size:15px;
}
input:focus,textarea:focus{outline:none;border-color:var(--brass);background:rgba(255,255,255,.1)}
textarea{min-height:150px;resize:vertical;line-height:1.6}
.balkupu{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
button{
  font-family:Oswald,sans-serif; font-size:14px; letter-spacing:.09em;
  text-transform:uppercase; font-weight:600; cursor:pointer;
  padding:14px 30px; border-radius:11px; border:1px solid rgba(0,0,0,.2);
  background:linear-gradient(180deg,var(--brass-soft),var(--brass)); color:#2a1d05;
}
button:hover{filter:brightness(1.06)}
button:disabled{opacity:.5;cursor:default;filter:none}
.formsonuc{margin-top:14px;font-size:14px;min-height:22px}
.formsonuc.ok{color:#7CF3BE}
.formsonuc.hata{color:#e8927a}

/* ---- alt bilgi ---- */
footer{
  border-top:1px solid var(--kenar); background:rgba(8,25,21,.6);
  padding:22px 20px; margin-top:auto;
}
.footic{
  max-width:820px; margin:0 auto; display:flex; gap:16px;
  align-items:center; justify-content:space-between; flex-wrap:wrap;
}
.footlink{display:flex;gap:15px;flex-wrap:wrap}
.footlink a{
  font-size:12.5px; color:var(--text-dim); text-decoration:none;
  font-family:Oswald,sans-serif; letter-spacing:.06em;
}
.footlink a:hover{color:var(--brass-soft)}
.telif{font-size:12px;color:rgba(255,255,255,.28)}

.oynabtn{
  display:inline-block; margin-top:8px; padding:12px 24px; border-radius:11px;
  background:linear-gradient(180deg,var(--brass-soft),var(--brass)); color:#2a1d05;
  font-family:Oswald,sans-serif; font-size:13.5px; letter-spacing:.09em;
  text-transform:uppercase; font-weight:600; text-decoration:none;
}

@media (max-width:600px){
  main{padding:24px 16px 40px}
  h1{font-size:25px}
  h2{font-size:18px}
  .ustic{padding:11px 16px;gap:10px}
  .menu{gap:12px;width:100%;margin-left:0}
  .menu a{font-size:11.5px}
  body{font-size:14.5px}
}