:root{--black:#08080a;--dark-gray:#121318;--silver:#e0e0e0;--red:#dc2626;}
*{box-sizing:border-box;}
body{margin:0;padding:0;font-family:'Inter',sans-serif;background-color:var(--black);color:var(--silver);line-height:1.6;}
img{max-width:100%;}
a{color:var(--silver);}

/* ===================== ÜST PANEL =====================
   Solda "SAMMUN'26 // 007" - ORTADA logo - logonun iki yanında menü butonları */
.header{display:flex;align-items:center;gap:1rem;padding:.7rem 2rem;background-color:rgba(8,8,10,.9);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(224,224,224,.15);}
.header-side{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:1.2rem;}
.header-side.left{justify-content:space-between;}
.header-side.right{justify-content:flex-start;}
.brand-text{font-family:'Cinzel',serif;font-size:1.15rem;font-weight:700;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(135deg,#fff 0%,#c0c0c0 50%,#707070 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.header-logo{flex:0 0 auto;display:flex;align-items:center;justify-content:center;line-height:0;}
.logo-img{height:66px;width:auto;display:block;filter:drop-shadow(0 0 12px rgba(220,38,38,.35));transition:transform .3s ease;}
.header-logo:hover .logo-img{transform:scale(1.05);}
.nav-left,.nav-right{display:flex;align-items:center;gap:1.15rem;}
.nav-link{color:var(--silver);text-decoration:none;font-family:'Cinzel',serif;font-size:.82rem;white-space:nowrap;transition:color .3s;}
.nav-link:hover,.nav-link.active{color:var(--red);}
.nav-toggle{display:none;background:none;border:1px solid var(--silver);color:var(--silver);font-size:1.1rem;line-height:1;padding:.35rem .6rem;cursor:pointer;font-family:'Cinzel',serif;}
.btn-apply{background-color:transparent;border:1px solid var(--red);color:var(--red);padding:.5rem 1rem;font-family:'Cinzel',serif;font-size:.82rem;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .3s;}
.btn-apply:hover{background-color:var(--red);color:var(--black);}

/* ===================== HERO ===================== */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4rem 2rem;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url('kaliteş.png');background-size:cover;background-position:center;background-repeat:no-repeat;}
.hero-title{font-family:'Cinzel',serif;font-size:4rem;margin:0;background:linear-gradient(135deg,#fff 0%,#c0c0c0 50%,#707070 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:1px;position:relative;}
.hero-title::after{content:"";position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);width:115%;height:2px;background:#7f1d1d;}
.hero-subtitle{font-size:1.2rem;margin:1.5rem 0 2rem;max-width:640px;font-family:'Cinzel',serif;color:var(--silver);letter-spacing:.5px;line-height:1.6;}
.hero-meta{font-size:.9rem;color:var(--silver);opacity:.75;margin-bottom:1.5rem;font-family:'Cinzel',serif;}

/* ===================== BUTONLAR ===================== */
.btn-mission{display:inline-block;background-color:var(--red);color:var(--black);border:1px solid var(--red);padding:.8rem 1.5rem;font-family:'Cinzel',serif;font-size:1rem;text-decoration:none;cursor:pointer;margin:.5rem;transition:all .3s;}
.btn-mission:hover{background-color:var(--silver);border-color:var(--silver);}

/* ===================== BÖLÜMLER ===================== */
.section{padding:4.5rem 2rem;}
.section-dark{background-color:var(--dark-gray);}
.section-alt{background-color:var(--black);}
.section-inner{max-width:1000px;margin:0 auto;}
.section-center{text-align:center;}
.section-title{font-family:'Cinzel',serif;font-size:2rem;margin:0 0 1.25rem;color:var(--silver);}
.section-text{max-width:780px;margin:0 auto 1rem;color:var(--silver);opacity:.92;}
.section-center .section-text{text-align:center;}
.card-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.75rem;max-width:1100px;margin:0 auto;}
.card{background-color:var(--dark-gray);border:1px solid var(--silver);padding:1.6rem;width:320px;transition:all .3s;}
.section-dark .card{background-color:var(--black);}
.card:hover{box-shadow:0 0 20px rgba(220,38,38,.3);}
.card-title{font-family:'Cinzel',serif;font-size:1.15rem;margin:0 0 .75rem;color:var(--silver);}
.card-tag{font-size:.78rem;color:var(--red);margin-bottom:.9rem;font-family:'Cinzel',serif;letter-spacing:.5px;}
.card p{margin:0 0 .6rem;font-size:.92rem;}
.page-hero{padding:7rem 2rem 3.5rem;text-align:center;background-color:var(--dark-gray);background-image:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.85)),url('007gun-barrel1-1024x576.jpg');background-size:cover;background-position:center;border-bottom:1px solid rgba(220,38,38,.4);}
.page-hero h1{font-family:'Cinzel',serif;font-size:2.6rem;margin:0 0 .75rem;background:linear-gradient(135deg,#fff 0%,#c0c0c0 50%,#707070 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.page-hero p{max-width:700px;margin:0 auto;opacity:.9;}
.team-item{text-align:center;}
.team-role{color:var(--red);font-family:'Cinzel',serif;font-size:.85rem;margin-bottom:.4rem;}
.team-name{font-family:'Cinzel',serif;font-size:1.05rem;}
.team-soon{font-size:.8rem;opacity:.5;}

/* ===================== SSS (FAQ) ===================== */
.faq{max-width:820px;margin:0 auto;}
.faq-item{border:1px solid var(--silver);background-color:var(--black);margin-bottom:.85rem;}
.faq-item summary{cursor:pointer;padding:1rem 1.25rem;font-family:'Cinzel',serif;font-size:1rem;list-style:none;position:relative;padding-right:3rem;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);color:var(--red);font-size:1.3rem;font-family:'Cinzel',serif;}
.faq-item[open] summary::after{content:"–";}
.faq-item[open] summary{border-bottom:1px solid rgba(224,224,224,.2);}
.faq-body{padding:1rem 1.25rem;font-size:.94rem;opacity:.92;}
.faq-body p{margin:0 0 .6rem;}

/* ===================== SPONSORLAR ===================== */
.tier{margin-bottom:2.5rem;}
.tier-title{font-family:'Cinzel',serif;color:var(--red);font-size:.9rem;letter-spacing:2px;text-align:center;margin-bottom:1.25rem;}
.logo-slot{height:110px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(224,224,224,.4);color:rgba(224,224,224,.5);font-size:.85rem;background-color:var(--black);}

/* ===================== HARİTA ===================== */
.map{width:100%;height:400px;border:1px solid rgba(224,224,224,.18);border-radius:18px;background-color:var(--black);overflow:hidden;filter:grayscale(15%);box-shadow:0 14px 34px rgba(0,0,0,.6);}

/* ===================== SOSYAL MEDYA ===================== */
.socials{display:flex;justify-content:center;gap:1.1rem;margin-bottom:1.25rem;}
.socials a{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;}
.socials img{width:22px;height:22px;opacity:.7;transition:opacity .3s,transform .3s;}
.socials a:hover img{opacity:1;transform:translateY(-3px);}

/* ===================== NOT ===================== */
.note{max-width:820px;margin:1.5rem auto 0;padding:1rem 1.25rem;border-left:3px solid var(--red);background:rgba(220,38,38,.07);font-size:.9rem;}

/* ===================== FOOTER ===================== */
.footer{padding:2.5rem 2rem;background-color:var(--dark-gray);text-align:center;font-size:.82rem;border-top:1px solid rgba(224,224,224,.12);}
.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.25rem;margin-bottom:1.25rem;}
.footer-nav a{text-decoration:none;font-family:'Cinzel',serif;font-size:.78rem;opacity:.8;}
.footer-nav a:hover{color:var(--red);opacity:1;}
.footer p{margin:.25rem 0;}

/* ===================== RESPONSIVE ===================== */
@media (max-width:1400px){
  .nav-link,.btn-apply{font-size:.76rem;}
  .nav-left,.nav-right{gap:.9rem;}
  .brand-text{font-size:1rem;}
  .logo-img{height:60px;}
}
@media (max-width:1150px){
  .header{flex-wrap:wrap;gap:.8rem;padding:.7rem 1rem;}
  .header-side{display:contents;}
  .brand-text{order:1;flex:1 1 auto;}
  .nav-toggle{order:2;display:block;}
  .header-logo{order:3;flex:1 1 100%;}
  .logo-img{height:56px;}
  .nav-left{order:4;}
  .nav-right{order:5;}
  .nav-left,.nav-right{flex:1 1 100%;flex-direction:column;align-items:center;gap:.95rem;max-height:0;overflow:hidden;transition:max-height .65s cubic-bezier(.25,.8,.35,1);}
  .nav-link,.btn-apply{font-size:.85rem;}
  .header.nav-open .nav-left{max-height:600px;padding-top:.9rem;}
.header.nav-open .nav-right{max-height:600px;padding-top:.15rem;padding-bottom:.9rem;} /* .15rem = header row-gap (.8rem) farki; boylece Study Guides ile Our Team arasi normal .95rem olur */
}
@media (max-width:768px){
  .hero{min-height:88vh;padding:3rem 1.25rem;}
  .hero-title{font-size:2.35rem;}
  .hero-subtitle{font-size:1rem;}
  .section{padding:3rem 1.25rem;}
  .section-title{font-size:1.6rem;}
  .page-hero{padding:5.5rem 1.25rem 2.5rem;}
  .page-hero h1{font-size:1.9rem;}
  .card{width:100%;max-width:360px;}
  .map{height:300px;}
}

/* ===================== KIMLIK KARTLARI (HEAD OF DEPARTMENTS) =====================
   Kart içinde yalnızca Name / Role / Division alanları yer alır. */
.section-id{background-color:var(--black);background-image:radial-gradient(circle at 50% 0,rgba(220,38,38,.10),transparent 65%);}
.id-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1100px;margin:2rem auto 0;}

/* --- Kart genisligi tek yerden: her kart 4 sutunlu izgaranin bir sutunu kadar.
   Boylece 3'lu ust satir ile 4'lu satirlar her ekranda AYNI boyutta olur. --- */
.id-triangle{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:1.7rem;max-width:1082px;margin:3rem auto 0;}
.id-triangle .id-card{position:static;width:calc((100% - 5.1rem) / 4);flex:0 0 auto;min-width:0;transform-origin:center;}
.id-triangle .id-card.card-img{width:calc((100% - 5.1rem) / 4);min-height:0;}
.id-triangle .t-top{transform:rotate(-1.6deg) translateY(7px);}
.id-triangle .t-bl{transform:rotate(0.8deg) translateY(-7px);z-index:2;}
.id-triangle .t-br{transform:rotate(1.6deg) translateY(7px);}
.id-triangle .id-card.card-img:hover{transform:rotate(0deg) translateY(-6px) scale(1.03);z-index:9;}

/* --- 2. ve 3. satir: 4 + 4 kart, ayni genislikte, esit araliklarla --- */
.id-scatter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem 1.7rem;width:100%;max-width:1082px;margin:3rem auto 0;padding:0;}
.id-scatter .id-card{width:100%;margin:0;position:relative;transform-origin:center;z-index:1;}
.id-scatter .id-card.card-img{width:100%;}
.id-scatter .id-card:nth-child(4n+1){transform:rotate(-2.2deg) translateY(-6px);}
.id-scatter .id-card:nth-child(4n+2){transform:rotate(1.5deg) translateY(5px);z-index:2;}
.id-scatter .id-card:nth-child(4n+3){transform:rotate(-1.3deg) translateY(9px);z-index:2;}
.id-scatter .id-card:nth-child(4n+4){transform:rotate(2.4deg) translateY(-3px);}
.id-scatter .id-card:hover{z-index:20;transform:rotate(0deg) translateY(-6px) scale(1.03);}
.id-card{position:relative;width:320px;max-width:100%;background-color:#f1f3f2;background-image:radial-gradient(rgba(20,40,40,.05) 1px,transparent 1px),linear-gradient(160deg,rgba(23,107,96,.06),rgba(23,107,96,0) 55%);background-size:11px 11px,100% 100%;border:1px solid rgba(23,107,96,.55);border-radius:4px;padding:0 0 3.1rem;box-shadow:0 14px 30px rgba(0,0,0,.55),inset 0 0 0 3px rgba(240,243,242,.6);color:#101418;text-align:left;font-family:'Inter',sans-serif;display:flex;flex-wrap:wrap;align-items:flex-start;transition:transform .3s,box-shadow .3s;overflow:hidden;}
.id-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(23,107,96,.35);}
.id-card.card-img{background:#16231f;border-radius:4px;padding:0;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.55);width:236px;min-height:320px;display:flex;align-items:center;justify-content:center;}
.id-card.card-img .id-art-full{display:block;width:100%;height:auto;object-fit:contain;border-radius:0;}
.id-card.card-img .card-img-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:'Cinzel',serif;font-size:1.05rem;font-weight:700;letter-spacing:1px;color:#eef6f3;text-align:center;line-height:1.4;}
.id-art{display:block;width:100%;height:auto;border-radius:4px;border:1px solid rgba(0,0,0,.12);}
.id-head{display:flex;align-items:center;gap:.6rem;flex:0 0 100%;padding:.55rem .7rem;background:linear-gradient(120deg,#0f5e54,#17705f 55%,#14554c);border-bottom:3px solid #0b3f38;}
.id-logo{width:40px;height:40px;object-fit:contain;display:block;background:#eef3f1;border-radius:3px;padding:2px;border:1px solid rgba(0,0,0,.25);}
.id-brand{font-family:'Cinzel',serif;font-size:.8rem;font-weight:700;letter-spacing:1px;color:#eef6f3;line-height:1.15;text-transform:uppercase;}
.id-grid>.id-art{width:auto;max-width:320px;margin:0 auto;border-radius:4px;box-shadow:0 12px 28px rgba(0,0,0,.6);}
.id-photo{flex:0 0 106px;margin:.65rem 0 0 .75rem;align-self:flex-start;width:106px;height:132px;background:#e9eef0;border:1.5px solid #0f5e54;border-radius:3px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 6px rgba(0,0,0,.18);}
.id-photo .id-photo-ghost{font-size:.6rem;font-weight:700;letter-spacing:2px;color:#5c6a68;text-transform:uppercase;}
.id-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:2px;display:block;z-index:1;background-color:#fff;}
.id-meta{flex:1 1 0;min-width:0;padding:.55rem .7rem 0;margin-top:.65rem;border-left:1px solid rgba(15,94,84,.25);}
.id-label{display:block;font-size:.58rem;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#0f5e54;margin:.3rem 0 .04rem;}
.id-value{display:block;font-size:.94rem;font-weight:700;color:#0d1216;line-height:1.2;margin-bottom:.35rem;}
.id-value.id-soon{font-size:.78rem;font-weight:500;font-style:italic;color:#5c6a68;}


.id-value:last-of-type{margin-bottom:0;}

@media (max-width:768px){
  .id-grid{gap:1.5rem;}
  .id-card{width:100%;max-width:340px;padding:.7rem .8rem .9rem;}
  .id-value{font-size:.98rem;}
}

/* ===================== APPLY SAYFASI (3 kart) ===================== */
.apply-hero{min-height:38vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem 2rem;background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),url('kaliteş.png');background-size:cover;background-position:center;}
.apply-hero h1{font-family:'Cinzel',serif;font-size:3rem;margin:0 0 .6rem;background:linear-gradient(135deg,#fff 0%,#c0c0c0 50%,#707070 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.apply-hero p{font-family:'Cinzel',serif;color:var(--silver);max-width:640px;font-size:1.05rem;margin:0;line-height:1.6;}
.apply-section{background-color:var(--black);}
.apply-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1080px;margin:0 auto;}
.apply-card{display:flex;flex-direction:column;text-decoration:none;background:var(--dark-gray);border:1px solid var(--red);border-radius:8px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.5);transition:transform .3s,box-shadow .3s;cursor:pointer;}
.apply-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(220,38,38,.25);}
.apply-card-img{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-color:#1a1717;}
.apply-card-title{font-family:'Cinzel',serif;font-size:1.15rem;font-weight:700;color:#d9b64a;text-align:center;text-transform:uppercase;line-height:1.4;letter-spacing:1px;padding:1.2rem .9rem;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.6);}
@media (max-width:860px){.apply-grid{grid-template-columns:1fr;max-width:420px;}.apply-hero h1{font-size:2.1rem;}}

/* ===================== APPLY SEÇİM KUTUSU (MODAL) ===================== */
.apply-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;}
.apply-modal{background:var(--black);border:1px solid var(--red);border-radius:8px;max-width:360px;width:100%;padding:2rem 1.5rem 1.6rem;text-align:center;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.7);}
.apply-close{position:absolute;top:.5rem;right:.7rem;background:none;border:none;color:var(--silver);font-size:1.2rem;cursor:pointer;line-height:1;}
.apply-modal-title{font-family:'Cinzel',serif;font-size:1.5rem;margin:0 0 .3rem;color:#fff;letter-spacing:1px;}
.apply-modal-sub{font-size:.9rem;color:var(--silver);margin:0 0 1.4rem;}
.apply-choice{display:block;background-color:var(--red);color:var(--black);border:1px solid var(--red);padding:.85rem 1rem;font-family:'Cinzel',serif;font-size:1rem;text-decoration:none;cursor:pointer;margin:.5rem auto;width:100%;border-radius:4px;transition:all .3s;}
.apply-choice:hover{background-color:var(--silver);border-color:var(--silver);}
.apply-choice-outline{background-color:transparent;color:var(--silver);}

/* ===================== HERO AÇILIŞ ANİMASYONU (BLGMUN stil) ===================== */
/* ===================== BELGE CERCEVESI (yazisiz) ===================== */
.classified-document{background-color:var(--black);border:1px solid var(--red);padding:2.25rem;max-width:820px;margin:0 auto;position:relative;border-radius:4px;}

.hero-eyebrow{font-family:'Cinzel',serif;font-size:2.1rem;letter-spacing:5px;text-transform:none;margin-bottom:-0.35em;min-height:1em;font-weight:700;background:linear-gradient(135deg,#fff 0%,#c0c0c0 50%,#707070 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-eyebrow::after{content:"";display:inline-block;width:12px;height:2px;background:var(--red);margin-left:6px;vertical-align:middle;animation:hero-cursor 1s step-end infinite;}
@keyframes hero-cursor{0%,100%{opacity:1}50%{opacity:0}}
.hero-eyebrow.hero-typed::after{display:none;}

.hero .hero-title,.hero .hero-subtitle,.hero>div:last-child{opacity:0;transform:translateY(20px);transition:opacity .9s ease,transform .9s ease;}
.hero.hero-in .hero-title{opacity:1;transform:none;transition-delay:.35s;}
.hero.hero-in .hero-subtitle{opacity:1;transform:none;transition-delay:.6s;}
.hero.hero-in>div:last-child{opacity:1;transform:none;transition-delay:.9s;}

@media (prefers-reduced-motion:reduce){
  .hero .hero-title,.hero .hero-subtitle,.hero>div:last-child{opacity:1;transform:none;transition:none;}
  .hero-eyebrow::after{animation:none;}
}

/* ===================== OUR TEAM: KIMLIK KARTLARI ICIN UYARLANABILIR DUZEN =====================
   Kart olcusu tek kuraldan gelir; 3'lu ve 4'lu satirlar hep ayni boyutta kalir.
   Telde (<=820px): Secretary General tek basina en ustte, Director + Deputy alt satirda yan yana. */
/* Tel: Secretary General tek basina en ustte, Director + Deputy alt satirda yan yana */
@media (max-width:820px){
  .id-triangle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem;max-width:560px;margin:3rem auto 0;align-items:start;}
  /* cerceve fotografi tam sarsin: min-height:0 olmadan foto cerceve icinde kucuk kaliyordu */
  .id-triangle .id-card.card-img,
  .id-scatter .id-card.card-img{width:100%;min-height:0;margin:0 auto;transform:none;}
  /* Secretary General de alttaki iki kartla AYNI genislikte: tek sutun genisligi kadar */
  .id-triangle .t-bl{grid-column:1 / -1;grid-row:1;max-width:min(250px,calc((100% - 1rem)/2));}
  .id-triangle .t-top{grid-column:1;grid-row:2;max-width:250px;}
  .id-triangle .t-br{grid-column:2;grid-row:2;max-width:250px;}
  .id-scatter{grid-template-columns:repeat(2,minmax(0,250px));justify-content:center;gap:1.5rem 1.1rem;}
}