/* Soru Tutturuyoruz: siyah ve altın kurumsal görünüm.
   Düzen fikri: lacivert zemin üzerinde bilgi kartı, geniş beyaz bölümler, altın sadece vurgu ve düğmelerde. */
:root{
  --navy:#111113;
  --navy-2:#1E1E22;
  --gold:#D6B15E;
  --pen:#9A6F1C;            /* metin olarak kullanılan altın (beyaz üzerinde okunur) */
  --paper:#F6F7FA;
  --card:#FFFFFF;
  --ink:#17171B;
  --ink-soft:#4C5A74;
  --rule:#DDE2EC;
  --glow:rgba(214,177,94,.14);
  --navy-deep:#060607;
  --display:'Newsreader','Georgia','Times New Roman',serif;
  --body:'Instrument Sans','Segoe UI',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; background:var(--paper); color:var(--ink); font-family:var(--body); font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased}
.wrap{max-width:1080px; margin:0 auto; padding:0 24px}
h1,h2,h3{font-family:var(--display); line-height:1.12; margin:0; text-wrap:balance; letter-spacing:-0.01em; font-weight:600}
a{color:inherit}
:focus-visible{outline:3px solid var(--gold); outline-offset:3px; border-radius:4px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ---------- üst çubuk ---------- */
header.top{background:var(--navy); color:#fff; border-bottom:1px solid rgba(255,255,255,.12)}
header.top .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:16px; padding-bottom:16px; flex-wrap:wrap}
.brand{display:flex; align-items:center; gap:12px; line-height:1; text-decoration:none}
.brand img{height:42px; width:auto; display:block}
.brand .bt{display:flex; flex-direction:column; gap:5px}
.brand b{font-family:'Montserrat','Segoe UI',system-ui,sans-serif; font-style:italic; font-weight:800; font-size:1.3rem; letter-spacing:-.01em; color:#fff}
.brand small{font-family:var(--body); font-size:.7rem; letter-spacing:.02em; color:var(--gold); font-style:italic; font-weight:500}
nav{display:flex; gap:26px; font-size:.92rem; font-weight:500; flex-wrap:wrap}
nav a{text-decoration:none; color:rgba(255,255,255,.78)}
nav a:hover{color:#fff}

/* ---------- düğmeler ---------- */
.btn{display:inline-block; font-family:var(--body); font-weight:600; font-size:.98rem; padding:13px 24px; text-decoration:none; border:1.5px solid var(--navy); border-radius:8px; cursor:pointer; background:#fff; color:var(--navy); transition:background .15s, transform .15s, box-shadow .15s}
.btn:hover{background:#EEF1F7}
.btn.primary{background:var(--gold); border-color:var(--gold); color:var(--navy)}
.btn.primary:hover{background:#E3C47C; border-color:#E3C47C}
.btn.ghost{background:transparent; border-color:rgba(255,255,255,.45); color:#fff}
.btn.ghost:hover{background:rgba(255,255,255,.1)}
.btn.small{padding:8px 14px; font-size:.88rem}
button[disabled]{opacity:.6; cursor:wait}

/* ---------- ana sayfa girişi ---------- */
.hero{background:var(--navy); color:#fff; padding:72px 0 80px; position:relative; overflow:hidden}
.hero::before{content:""; position:absolute; inset:0; background:
  linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px,
  linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px; pointer-events:none}
.hero .wrap{position:relative; display:grid; grid-template-columns:1.2fr 1fr; gap:56px; align-items:center}
.tag{font-size:.78rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); display:block; margin-bottom:18px}
.hero h1{font-size:clamp(2.4rem,5.2vw,3.7rem); font-weight:600}
.hero h1 em{font-style:italic; color:var(--gold); font-weight:500}
.hero p.lead{font-size:1.15rem; color:rgba(255,255,255,.8); max-width:46ch; margin:22px 0 32px}
.cta-row{display:flex; gap:12px; flex-wrap:wrap}
.infocard{background:#fff; color:var(--ink); border-radius:14px; padding:28px; box-shadow:0 24px 60px rgba(0,0,0,.35)}
.infocard h2{font-family:var(--body); font-size:.78rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--pen); margin-bottom:6px}
.irow{display:flex; justify-content:space-between; gap:16px; align-items:baseline; padding:14px 0; border-top:1px solid var(--rule)}
.irow:first-of-type{border-top:0}
.irow b{font-size:.82rem; font-weight:600; color:var(--ink-soft); letter-spacing:.04em; text-transform:uppercase}
.irow span{font-family:var(--display); font-size:1.25rem; font-weight:600; text-align:right}
.pending{border-bottom:2px dotted var(--gold)}
.infocard .btn{width:100%; text-align:center; margin-top:18px; background:var(--navy); color:#fff; border-color:var(--navy)}
.infocard .btn:hover{background:var(--navy-2)}
.infocard p.fine{font-size:.82rem; color:var(--ink-soft); margin:12px 0 0; text-align:center}

/* ---------- bölümler ---------- */
section{padding:84px 0}
section.alt{background:#fff}
.eyebrow{font-size:.78rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--pen)}
section h2.title{font-size:clamp(2rem,4vw,2.9rem); margin:10px 0 14px}
.sub{color:var(--ink-soft); max-width:60ch; margin:0 0 40px; font-size:1.05rem}
.rule{width:56px; height:3px; background:var(--gold); border:0; margin:0 0 22px}

/* konular */
.topics{display:grid; grid-template-columns:repeat(3,1fr); gap:24px}
.topic{background:#fff; border:1px solid var(--rule); border-radius:14px; padding:28px; display:flex; flex-direction:column; gap:12px}
.topic .num{font-family:var(--display); font-size:2.6rem; color:var(--gold); line-height:1; font-weight:500}
.topic h3{font-size:1.5rem}
.topic p{margin:0; color:var(--ink-soft); font-size:.98rem}
.topic .ex{margin-top:auto; padding-top:16px; border-top:1px solid var(--rule); font-family:var(--mono); font-size:.92rem; color:var(--navy)}
.topic .ex span{color:var(--pen)}

/* program */
.sched{background:#fff; border:1px solid var(--rule); border-radius:14px; overflow:hidden}
.row{display:grid; grid-template-columns:170px 1fr; gap:20px; padding:20px 28px; border-top:1px solid var(--rule); align-items:baseline}
.row:first-child{border-top:0}
.row time{font-family:var(--mono); font-size:.95rem; font-weight:500; color:var(--navy)}
.row h3{font-family:var(--body); font-size:1.05rem; font-weight:600; letter-spacing:0}
.row p{margin:2px 0 0; color:var(--ink-soft); font-size:.94rem}
.row.break{background:#FBF6EA}
.note{font-size:.88rem; color:var(--ink-soft); margin-top:14px}

/* neler dahil */
.inc{display:grid; grid-template-columns:repeat(2,1fr); gap:20px}
.inc div.item{display:flex; gap:18px; align-items:flex-start; padding:24px; background:#fff; border:1px solid var(--rule); border-radius:14px}
section.alt .inc div.item{background:var(--paper)}
.inc .ic{flex:none; width:46px; height:46px; border-radius:10px; background:var(--navy); display:grid; place-items:center}
.inc .ic svg{width:24px; height:24px; stroke:var(--gold); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.inc h3{font-family:var(--body); font-size:1.08rem; margin-bottom:4px; font-weight:600}
.inc p{margin:0; font-size:.95rem; color:var(--ink-soft)}

/* sss */
details{background:#fff; border:1px solid var(--rule); border-radius:12px; margin-bottom:12px}
summary{cursor:pointer; padding:18px 24px; font-weight:600; font-size:1.02rem; list-style:none; display:flex; justify-content:space-between; gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+"; font-size:1.4rem; line-height:1; color:var(--pen)}
details[open] summary::after{content:"−"}
details p{margin:0; padding:0 24px 20px; color:var(--ink-soft)}
details a{color:var(--pen); font-weight:600}

/* ön kayıt */
.signup{background:var(--navy); color:#fff}
.signup .wrap{display:grid; grid-template-columns:1fr 1.1fr; gap:56px; align-items:start}
.signup .eyebrow{color:var(--gold)}
.signup .sub{color:rgba(255,255,255,.78); margin-bottom:20px}
.cap{font-family:var(--mono); font-size:.85rem; margin:0; color:var(--gold)}
form{background:#fff; color:var(--ink); border-radius:14px; padding:28px; display:grid; gap:16px; box-shadow:0 24px 60px rgba(0,0,0,.3)}
label{font-weight:600; font-size:.9rem; display:grid; gap:6px}
input,select,textarea{font:inherit; font-weight:400; padding:11px 13px; border:1px solid #C3CBDA; border-radius:8px; background:#fff; color:var(--ink); width:100%}
input:focus,select:focus{outline:2px solid var(--gold); border-color:var(--gold)}
.two{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.check{display:flex; gap:10px; align-items:flex-start; font-weight:400; font-size:.88rem; color:var(--ink-soft)}
.check input{width:auto; margin-top:4px; flex:none; accent-color:var(--navy)}
.check a{color:var(--pen); font-weight:600}
.hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.demo-note{border:1px dashed var(--pen); border-radius:8px; padding:10px 12px; font-size:.85rem; background:#FBF6EA; color:var(--ink)}
form .btn.primary{background:var(--navy); border-color:var(--navy); color:#fff; padding:15px 24px}
form .btn.primary:hover{background:var(--navy-2)}
.hint{font-size:.88rem; color:#B3261E; margin:0; min-height:1.2em}
.success{display:none; background:#fff; color:var(--ink); border-radius:14px; padding:32px; box-shadow:0 24px 60px rgba(0,0,0,.3)}
.success.show{display:block}
.success h3{font-size:1.7rem; margin-bottom:8px}
.success p{margin:0 0 14px; color:var(--ink-soft)}
.success .steps{margin:0 0 18px; padding-left:20px}
.success .steps li{margin-bottom:6px}
.success .btn.primary{background:var(--navy); border-color:var(--navy); color:#fff}
.out{display:none}

footer{background:var(--navy-deep); color:rgba(255,255,255,.7); padding:36px 0; font-size:.9rem}
footer .wrap{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; align-items:center}
footer a{color:rgba(255,255,255,.85); text-decoration:none}
footer a:hover{color:#fff; text-decoration:underline}
footer nav{gap:20px}
footer .pending{border-bottom-color:var(--gold)}

/* yasal sayfalar */
.legal{padding:56px 0 80px}
.legal .wrap{max-width:780px}
.legal h1{font-size:clamp(2rem,5vw,3rem); margin-bottom:14px}
.legal h2{font-size:1.4rem; margin:34px 0 8px}
.legal p,.legal li{color:var(--ink-soft)}
.legal ul{padding-left:22px}
.legal .meta{color:var(--ink-soft); font-size:.92rem; margin:0 0 22px}
.legal .summary{border-left:4px solid var(--gold); background:color-mix(in srgb,var(--gold) 9%,#fff); border-radius:0 10px 10px 0; padding:14px 18px 6px; margin:0 0 8px}
.legal .summary ul{margin:6px 0 8px}
.legal .addr{background:var(--paper,#faf8f3); border:1px solid var(--rule,#e6e1d4); border-radius:10px; padding:12px 16px}
.legal table{width:100%; border-collapse:collapse; margin:10px 0 14px; font-size:.95rem}
.legal th,.legal td{border:1px solid var(--rule,#e6e1d4); padding:10px 12px; text-align:left; vertical-align:top; color:var(--ink-soft)}
.legal th{background:var(--paper,#faf8f3); color:var(--ink); font-weight:600}
@media (max-width:640px){.legal table{font-size:.88rem}.legal th,.legal td{padding:8px}}
.draft{border:1px dashed var(--pen); background:#FBF6EA; border-radius:8px; padding:12px 16px; font-size:.9rem; margin:0 0 26px; color:var(--ink)}
.ph{background:#F6E7C2; padding:0 4px; border-radius:3px}
.back{display:inline-block; margin-bottom:20px; font-weight:600; text-decoration:none; color:var(--pen)}

@media (max-width:860px){
  .hero{padding:48px 0 56px}
  .hero .wrap,.signup .wrap{grid-template-columns:1fr; gap:36px}
  .topics,.inc{grid-template-columns:1fr}
  .row{grid-template-columns:1fr; gap:4px; padding:18px 20px}
  .two{grid-template-columns:1fr}
  section{padding:60px 0}
  nav{gap:16px}
}

/* ======== zenginleştirme: sabit menü, motifler, rakam şeridi, süreç, örnek soru, zaman çizgisi ======== */
header.top{position:sticky; top:0; z-index:50; background:color-mix(in srgb,var(--navy) 94%,transparent); backdrop-filter:saturate(1.4) blur(10px); -webkit-backdrop-filter:saturate(1.4) blur(10px)}
section,.hero{scroll-margin-top:72px}
nav a{position:relative; padding:4px 0}
nav a::after{content:""; position:absolute; left:0; right:0; bottom:-2px; height:2px; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .2s}
nav a:hover::after{transform:scaleX(1)}

/* hero: ince ışıma ve matematik motifleri */
.hero{background:
  radial-gradient(900px 420px at 85% 10%, rgba(214,177,94,.16), transparent 60%),
  radial-gradient(700px 400px at 0% 100%, var(--glow), transparent 60%),
  var(--navy)}
.motifs{position:absolute; inset:0; pointer-events:none; overflow:hidden}
.motifs .m{position:absolute; font-family:var(--display); font-style:italic; font-weight:500; color:rgba(214,177,94,.13); line-height:1; user-select:none; animation:floaty 14s ease-in-out infinite}
.m1{font-size:150px; left:46%; top:6%}
.m2{font-size:110px; left:3%; top:58%; animation-delay:-3s}
.m3{font-size:86px; left:58%; bottom:4%; animation-delay:-6s}
.m4{font-size:120px; left:30%; bottom:2%; animation-delay:-9s}
.m5{font-size:72px; right:3%; top:6%; animation-delay:-2s}
.m6{font-size:130px; right:22%; bottom:-2%; animation-delay:-5s}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.motifs .m{animation:none}}
.infocard{border-top:4px solid var(--gold)}

/* rakam şeridi */
.statsband{background:#fff; border-bottom:1px solid var(--rule)}
.statsband .wrap{display:grid; grid-template-columns:repeat(4,1fr)}
.stat{padding:28px 20px; text-align:center; border-left:1px solid var(--rule)}
.stat:first-child{border-left:0}
.stat b{display:block; font-family:var(--display); font-size:2.8rem; line-height:1; color:var(--navy); font-weight:600}
.stat span{display:block; margin-top:8px; font-size:.84rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); font-weight:600}

/* konu kartlarına hareket */
.topic{transition:transform .2s, box-shadow .2s, border-color .2s}
.topic:hover{transform:translateY(-4px); box-shadow:0 16px 36px rgba(15,31,61,.10); border-color:var(--gold)}
.topic .num{transition:color .2s}

/* süreç */
.steps3{display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:44px; position:relative}
.steps3::before{content:""; position:absolute; left:6%; right:6%; top:23px; height:2px; background:linear-gradient(90deg,var(--gold),var(--rule)); z-index:0}
.st{position:relative; z-index:1; padding:0 22px; text-align:center}
.st span{display:grid; place-items:center; width:46px; height:46px; margin:0 auto 14px; border-radius:50%; background:var(--navy); color:var(--gold); font-family:var(--display); font-size:1.3rem; font-weight:600; border:4px solid var(--paper)}
.st h3{font-family:var(--body); font-size:1.08rem; font-weight:600; margin-bottom:4px}
.st p{margin:0 auto; max-width:30ch; color:var(--ink-soft); font-size:.95rem}

/* örnek soru */
.quiz{background:var(--paper); border:1px solid var(--rule); border-radius:16px; overflow:hidden; max-width:860px}
.qtabs{display:flex; border-bottom:1px solid var(--rule); background:#fff; flex-wrap:wrap}
.qtab{flex:1 1 180px; padding:16px 18px; background:none; border:0; border-bottom:3px solid transparent; font:inherit; font-weight:600; color:var(--ink-soft); cursor:pointer; text-align:left}
.qtab small{display:block; font-family:var(--mono); font-weight:500; font-size:.72rem; color:var(--pen); margin-bottom:2px}
.qtab[aria-selected="true"]{color:var(--navy); border-bottom-color:var(--gold); background:var(--paper)}
.qtab:hover{color:var(--navy)}
.qbody{padding:30px}
.qtext{font-family:var(--display); font-size:1.5rem; line-height:1.35; margin:0 0 22px; color:var(--navy); font-weight:500}
.qopts{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.qopt{display:flex; gap:12px; align-items:center; text-align:left; padding:14px 16px; background:#fff; border:1.5px solid var(--rule); border-radius:10px; font:inherit; font-size:1.05rem; cursor:pointer; color:var(--ink); transition:border-color .15s, background .15s}
.qopt:hover:not([disabled]){border-color:var(--navy)}
.qopt i{font-style:normal; font-family:var(--mono); font-size:.82rem; width:28px; height:28px; border-radius:50%; background:var(--paper); display:grid; place-items:center; flex:none; color:var(--navy); font-weight:500}
.qopt.right{border-color:#1E7B4C; background:#EAF6EF}
.qopt.right i{background:#1E7B4C; color:#fff}
.qopt.wrong{border-color:#B3261E; background:#FBEDEC}
.qopt.wrong i{background:#B3261E; color:#fff}
.qopt[disabled]{cursor:default}
.qfeed{margin-top:20px; font-size:1rem; color:var(--ink-soft); min-height:1.5em}
.qfeed strong{color:var(--navy)}
.qfeed .again{margin-left:6px; font:inherit; font-weight:600; color:var(--pen); background:none; border:0; padding:0; cursor:pointer; text-decoration:underline}

/* program zaman çizgisi */
.sched{background:none; border:0; border-radius:0; overflow:visible; position:relative; padding-left:36px; display:grid; gap:12px}
.sched::before{content:""; position:absolute; left:9px; top:14px; bottom:14px; width:2px; background:linear-gradient(var(--gold),var(--rule))}
.sched .row{background:#fff; border:1px solid var(--rule); border-radius:12px; position:relative; transition:border-color .2s}
.sched .row:first-child{border-top:1px solid var(--rule)}
.sched .row:hover{border-color:var(--gold)}
.sched .row::before{content:""; position:absolute; left:-34px; top:25px; width:14px; height:14px; border-radius:50%; background:var(--navy); border:3px solid var(--paper); box-shadow:0 0 0 2px var(--gold)}
.sched .row.break{background:#FBF6EA}
.sched .row.break::before{background:var(--gold)}

/* bölüm başlıklarına altın çizgi sahibi ritim */
section.alt{border-top:1px solid var(--rule); border-bottom:1px solid var(--rule)}
.inc div.item{transition:transform .2s, box-shadow .2s}
.inc div.item:hover{transform:translateY(-3px); box-shadow:0 12px 28px rgba(15,31,61,.08)}

@media (max-width:860px){
  .statsband .wrap{grid-template-columns:1fr 1fr}
  .stat:nth-child(3){border-left:0}
  .stat{border-top:1px solid var(--rule)}
  .stat:nth-child(-n+2){border-top:0}
  .steps3{grid-template-columns:1fr; gap:26px}
  .steps3::before{display:none}
  .qopts{grid-template-columns:1fr}
  .qbody{padding:22px}
  .m1{font-size:100px; left:62%} .m3,.m6{display:none}
  .sched{padding-left:30px}
  .sched .row::before{left:-28px}
}

/* misyon ve vizyon */
.mv{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:32px}
.mv-card{border-radius:16px; padding:36px; position:relative}
.mv-card p{margin:14px 0 0; font-family:var(--display); font-size:1.28rem; line-height:1.5; font-weight:500}
.mv-label{font-size:.78rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase}
.mv-card.mission{background:var(--navy); color:#fff}
.mv-card.mission .mv-label{color:var(--gold)}
.mv-card.mission p{color:rgba(255,255,255,.92)}
.mv-card.mission::after{content:"“"; position:absolute; right:26px; top:6px; font-family:var(--display); font-size:6rem; color:rgba(214,177,94,.22); line-height:1}
.mv-card.vision{background:#fff; border:1px solid var(--rule); border-top:4px solid var(--gold)}
.mv-card.vision .mv-label{color:var(--pen)}
.mv-card.vision p{color:var(--navy)}
.values{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:28px}
.val{padding:22px 4px 0; border-top:1px solid var(--rule)}
.val span{font-family:var(--mono); font-size:.8rem; color:var(--pen)}
.val h3{font-family:var(--body); font-size:1.08rem; font-weight:600; margin:6px 0 4px}
.val p{margin:0; color:var(--ink-soft); font-size:.95rem}
.qmeta{font-family:var(--mono); font-size:.78rem; color:var(--pen); margin:0 0 10px}
@media (max-width:860px){.mv,.values{grid-template-columns:1fr} .mv-card{padding:28px}}

/* ======== çok kamplı yapı: ana sayfa, kamp kartları, durum etiketleri ======== */
.draftbar{background:#FBF6EA; color:#6B4B0B; padding:10px 20px; text-align:center; font-size:.9rem; font-weight:600; border-bottom:1px solid #E8D9AE}
.draftbar[hidden]{display:none}
.loadbox{padding:36px 24px; text-align:center; color:var(--ink-soft); width:100%}
.statsband .wrap{grid-template-columns:repeat(var(--n,4),1fr)}
.fe-title{font-family:var(--display); font-size:1.7rem; font-weight:600; line-height:1.2; margin:6px 0 10px}
.chips{display:flex; gap:10px; flex-wrap:wrap; margin:-8px 0 26px}
.chip{font:inherit; font-weight:600; font-size:.92rem; padding:8px 18px; border:1.5px solid var(--navy); border-radius:999px; background:#fff; color:var(--navy); cursor:pointer}
.chip[aria-pressed="true"]{background:var(--navy); color:#fff}
.camps{display:grid; grid-template-columns:repeat(auto-fill,minmax(310px,1fr)); gap:24px}
.ccard{background:#fff; border:1px solid var(--rule); border-radius:14px; padding:26px; display:flex; flex-direction:column; gap:12px; transition:transform .2s, box-shadow .2s, border-color .2s}
.ccard:hover{transform:translateY(-4px); box-shadow:0 16px 36px rgba(15,31,61,.10); border-color:var(--gold)}
.ccard h3{font-size:1.6rem}
.ctop{display:flex; justify-content:space-between; gap:10px; align-items:center}
.cgrade{font-size:.78rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--pen)}
.ctag{margin:0; color:var(--ink-soft); font-size:.97rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
.cmeta{margin-top:auto; border-top:1px solid var(--rule); padding-top:12px; display:grid; gap:6px}
.cm{display:flex; justify-content:space-between; gap:12px; font-size:.92rem}
.cm b{font-size:.75rem; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); font-weight:600}
.ccard .btn{text-align:center; margin-top:6px}
.btn.dark{background:var(--navy); border-color:var(--navy); color:#fff}
.btn.dark:hover{background:var(--navy-2)}
.pill{display:inline-block; padding:3px 11px; border-radius:999px; font-size:.78rem; font-weight:600; border:1px solid transparent; white-space:nowrap}
.pill.st-acik{background:#E6F4EC; color:#14633B; border-color:#BFE0CD}
.pill.st-yakinda{background:#FBF1D6; color:#6B4B0B; border-color:#E8D9AE}
.pill.st-dolu{background:#FBE9E7; color:#8C2A1E; border-color:#F0C9C3}
.pill.st-bitti{background:#ECEFF4; color:#4C5A74; border-color:#D5DBE6}
.pill.st-taslak{background:#fff; color:#4C5A74; border:1px dashed #9AA5BA}
.contact{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px}
.ct{display:flex; flex-direction:column; gap:4px; padding:22px; background:#fff; border:1px solid var(--rule); border-radius:14px; text-decoration:none; transition:border-color .2s}
.ct:hover{border-color:var(--gold)}
.ct b{font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--pen); font-weight:600}
.ct span{font-family:var(--display); font-size:1.25rem; font-weight:600}
@media (max-width:860px){.statsband .wrap{grid-template-columns:1fr 1fr}}

/* ======== kamp renk temaları (kamp sayfası ve ana sayfadaki kartlar) ======== */
[data-theme="mavi"]{--navy:#0F1F3D; --navy-2:#162B52; --navy-deep:#0A1630; --ink:#0F1F3D; --glow:rgba(60,100,190,.24); --pen:#8A5A12}
[data-theme="bordo"]{--navy:#4B1630; --navy-2:#66223F; --navy-deep:#2E0C1C; --ink:#2E0C1C; --glow:rgba(200,80,120,.24); --pen:#8A5A12}
[data-theme="yesil"]{--navy:#0F3D2E; --navy-2:#175A44; --navy-deep:#082A20; --ink:#082A20; --glow:rgba(60,190,140,.2); --pen:#8A5A12}
[data-theme="mor"]{--navy:#2B1B4D; --navy-2:#3E2870; --navy-deep:#1A0F33; --ink:#1A0F33; --glow:rgba(150,110,220,.24); --pen:#8A5A12}
body[data-theme]{background:var(--paper)}
.ccard{border-top:4px solid var(--navy)}
.ccard[data-theme] .cgrade{color:var(--navy)}
.ccard[data-theme] .btn.dark{background:var(--navy); border-color:var(--navy)}

/* yakında olan kamplar */
.btn.disabled{background:#E9ECF3; color:#7C879D; border-color:#E9ECF3; cursor:not-allowed; pointer-events:none; box-shadow:none}
.ccard.soon:hover{transform:none; box-shadow:none; border-color:var(--rule)}
.ccard.soon{border-top-color:var(--navy)}

/* ödeme kutusu (kayıt sonrası) */
.paybox{background:var(--paper); border:1px solid var(--rule); border-radius:12px; padding:18px 20px; margin:0 0 16px; display:grid; gap:10px}
.paybox h4{margin:0; font-family:var(--body); font-size:.78rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--pen)}
.paybox h5{margin:0 0 4px; font-family:var(--body); font-size:1rem; font-weight:600}
.paybox .bank{border-top:1px dashed var(--rule); padding-top:12px; display:grid; gap:8px}
.prow{display:flex; gap:10px; align-items:baseline; flex-wrap:wrap}
.prow b{font-size:.78rem; font-weight:600; color:var(--ink-soft); min-width:130px; text-transform:uppercase; letter-spacing:.04em}
.prow span{font-family:var(--mono); font-size:.95rem; font-weight:500; word-break:break-all}
.copy{font:inherit; font-size:.82rem; font-weight:600; padding:3px 10px; border:1px solid var(--navy); border-radius:6px; background:#fff; color:var(--navy); cursor:pointer}
.copy:hover{background:var(--navy); color:#fff}
.paybox .btn{justify-self:start}

/* logo ve hizmetler */
.logo-h1{margin:0 0 8px; font-size:0; line-height:0}
.logo-h1 img{width:min(580px,100%); height:auto; display:block; filter:drop-shadow(0 14px 34px rgba(0,0,0,.4))}
.services{background:var(--navy-deep); color:#fff; border-top:1px solid rgba(214,177,94,.25)}
.services .wrap{display:grid; grid-template-columns:repeat(4,1fr)}
.svc{display:flex; align-items:center; gap:14px; padding:22px 18px; border-left:1px solid rgba(214,177,94,.22)}
.svc:first-child{border-left:0}
.svc svg{flex:none; width:38px; height:38px; fill:none; stroke:var(--gold); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round}
.svc span{display:flex; flex-direction:column; font-size:.95rem; line-height:1.25; color:rgba(255,255,255,.88)}
.svc b{font-weight:600; color:#fff}
@media (max-width:860px){.services .wrap{grid-template-columns:1fr 1fr}.svc:nth-child(3){border-left:0}.svc{border-top:1px solid rgba(214,177,94,.18)}.svc:nth-child(-n+2){border-top:0}}
@media (max-width:520px){.brand small{display:none}.brand b{font-size:1.1rem}}