:root {
  --red: #c8102e;
  --red-bright: #e4132b;
  --red-dark: #8e071d;
  --ink: #101828;
  --ink-2: #344054;
  --muted: #667085;
  --line: #e4e7ec;
  --soft: #f7f8fa;
  --white: #fff;
  --dark: #0b1324;
  --container: 1180px;
  --shadow: 0 24px 65px rgba(16, 24, 40, .12);
  --radius: 24px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.section { padding: 105px 0; }
.section-soft { background: var(--soft); }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 9999; background: #fff; padding: 10px 14px; border-radius: 8px; box-shadow: var(--shadow); }
.skip-link:focus { top: 16px; }

.announcement { background: var(--dark); color: #fff; font-size: 14px; }
.announcement-inner { min-height: 42px; display: flex; align-items: center; justify-content: center; gap: 8px; text-align: center; }
.announcement a { margin-left: 8px; color: #fff; font-weight: 800; border-bottom: 1px solid rgba(255,255,255,.6); }
.pulse { width: 8px; height: 8px; border-radius: 50%; background: #ff4057; box-shadow: 0 0 0 6px rgba(255,64,87,.14); }

.site-header { position: sticky; top: 0; z-index: 1000; background: rgba(255,255,255,.94); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(228,231,236,.8); }
.header-inner { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand img { width: 226px; height: auto; }
.main-nav { display: flex; align-items: center; gap: 28px; color: #344054; font-weight: 700; font-size: 14px; }
.main-nav a:not(.nav-cta) { position: relative; padding: 28px 0; }
.main-nav a:not(.nav-cta)::after { content:""; position:absolute; left:0; bottom:22px; width:0; height:2px; background:var(--red); transition:.25s; }
.main-nav a:hover::after { width:100%; }
.nav-cta { padding: 12px 19px; border-radius: 999px; background: var(--red); color: #fff; box-shadow: 0 8px 20px rgba(200,16,46,.22); }
.menu-toggle { display:none; width:46px; height:42px; border:0; background:transparent; padding:8px; cursor:pointer; }
.menu-toggle span { display:block; height:2px; background:var(--ink); margin:6px 0; transition:.25s; }

.hero { min-height: calc(100vh - 124px); position: relative; display: grid; align-items: center; overflow: hidden; color: #fff; }
.hero-media { position:absolute; inset:0; background: url("assets/img/ozgur-ozel-kurulus.webp") center 30%/cover no-repeat; transform:scale(1.02); }
.hero-overlay { position:absolute; inset:0; background: linear-gradient(90deg, rgba(5,10,20,.95) 0%, rgba(9,15,28,.84) 43%, rgba(9,15,28,.25) 73%, rgba(9,15,28,.12) 100%), linear-gradient(0deg, rgba(9,15,28,.35), transparent 55%); }
.hero-content { position:relative; z-index:2; padding-top:70px; padding-bottom:100px; }
.eyebrow, .section-kicker { letter-spacing:.18em; font-size:12px; font-weight:900; color:var(--red-bright); margin:0 0 18px; }
.hero .eyebrow { color:#fff; display:inline-flex; align-items:center; gap:12px; }
.hero .eyebrow::before { content:""; width:42px; height:2px; background:var(--red-bright); }
.hero h1 { margin:0; max-width:760px; font-size:clamp(58px,7.4vw,104px); line-height:.92; letter-spacing:-.055em; font-weight:900; }
.hero h1 span { color:#ff4057; }
.hero-lead { max-width:650px; margin:30px 0 0; font-size:clamp(18px,2vw,23px); color:rgba(255,255,255,.86); line-height:1.55; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:36px; }
.button { min-height:52px; display:inline-flex; align-items:center; justify-content:center; padding:0 25px; border-radius:12px; border:1px solid transparent; font-weight:850; cursor:pointer; transition:.25s; }
.button-primary { color:#fff; background:linear-gradient(135deg,var(--red-bright),var(--red-dark)); box-shadow:0 14px 30px rgba(200,16,46,.28); }
.button-primary:hover { transform:translateY(-2px); box-shadow:0 18px 38px rgba(200,16,46,.36); }
.button-ghost { color:#fff; border-color:rgba(255,255,255,.38); background:rgba(255,255,255,.08); backdrop-filter:blur(12px); }
.button-ghost:hover { background:rgba(255,255,255,.14); }
.hero-note { margin-top:44px; display:flex; gap:13px; align-items:flex-start; max-width:480px; color:rgba(255,255,255,.76); }
.hero-note p { margin:0; font-size:14px; }
.quote-mark { font-size:42px; line-height:.7; color:#ff4057; font-family:Georgia,serif; }
.scroll-indicator { position:absolute; z-index:3; left:50%; bottom:24px; transform:translateX(-50%); width:28px; height:46px; border:1px solid rgba(255,255,255,.5); border-radius:99px; }
.scroll-indicator span { position:absolute; width:4px; height:8px; border-radius:9px; background:#fff; left:11px; top:9px; animation:scroll 1.7s infinite; }
@keyframes scroll { 0%{opacity:0;transform:translateY(0)} 35%{opacity:1} 100%{opacity:0;transform:translateY(18px)} }

.statement { background:#fff; }
.statement-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:start; }
h2 { margin:0; font-size:clamp(38px,4.2vw,64px); line-height:1.05; letter-spacing:-.04em; }
.statement-copy { padding-top:5px; font-size:18px; color:var(--ink-2); }
.statement-copy p { margin:0 0 22px; }
.statement-copy .lead { font-size:25px; line-height:1.45; color:var(--ink); }

.split { display:grid; grid-template-columns:1.08fr .92fr; gap:78px; align-items:center; }
.image-card { position:relative; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); min-height:480px; background:#d9dde5; }
.image-card img { width:100%; height:100%; min-height:480px; object-fit:cover; object-position:center; }
.image-badge { position:absolute; left:24px; bottom:24px; right:24px; padding:18px 20px; border-radius:16px; color:#fff; background:rgba(8,16,31,.82); backdrop-filter:blur(12px); display:flex; flex-direction:column; }
.image-badge strong { font-size:17px; }
.image-badge span { color:rgba(255,255,255,.72); font-size:13px; }
.content-block p { font-size:18px; color:var(--ink-2); }
.content-block h2 { margin-bottom:28px; }
.text-link { display:inline-flex; align-items:center; gap:8px; color:var(--red); font-weight:850; margin-top:14px; }
.text-link span { transition:.2s; }
.text-link:hover span { transform:translateX(5px); }

.section-heading { max-width:780px; margin-bottom:48px; }
.section-heading p:not(.section-kicker) { color:var(--muted); font-size:18px; }
.card-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.principle-card { position:relative; min-height:315px; padding:30px 27px; border:1px solid var(--line); border-radius:20px; background:#fff; transition:.3s; overflow:hidden; }
.principle-card::before { content:""; position:absolute; inset:auto -60px -70px auto; width:150px; height:150px; border-radius:50%; background:rgba(228,19,43,.06); transition:.3s; }
.principle-card:hover { transform:translateY(-7px); border-color:rgba(200,16,46,.35); box-shadow:0 20px 45px rgba(16,24,40,.09); }
.principle-card:hover::before { transform:scale(1.2); }
.card-number { float:right; color:#98a2b3; font-size:12px; font-weight:800; letter-spacing:.12em; }
.card-icon { width:52px; height:52px; border-radius:15px; background:rgba(200,16,46,.09); color:var(--red); display:grid; place-items:center; font-size:24px; margin-bottom:55px; }
.principle-card h3 { margin:0 0 10px; font-size:22px; }
.principle-card p { margin:0; color:var(--muted); font-size:15px; }

.section-dark { background:var(--dark); color:#fff; position:relative; overflow:hidden; }
.section-dark::before { content:""; position:absolute; width:580px; height:580px; border-radius:50%; background:radial-gradient(circle,rgba(228,19,43,.18),transparent 67%); right:-120px; top:-160px; }
.section-heading-light { position:relative; z-index:1; }
.section-heading-light p:not(.section-kicker) { color:rgba(255,255,255,.64); }
.agenda-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.13); border-radius:22px; overflow:hidden; }
.agenda-item { display:flex; gap:22px; padding:34px; background:rgba(11,19,36,.86); transition:.25s; }
.agenda-item:hover { background:rgba(200,16,46,.17); }
.agenda-item > span { flex:0 0 auto; color:#ff566a; font-size:13px; font-weight:900; letter-spacing:.1em; padding-top:3px; }
.agenda-item h3 { margin:0 0 7px; font-size:21px; }
.agenda-item p { margin:0; color:rgba(255,255,255,.62); font-size:15px; }

.heading-row { max-width:none; display:flex; align-items:end; justify-content:space-between; gap:20px; }
.news-grid { display:grid; grid-template-columns:1.35fr .825fr .825fr; gap:20px; }
.news-card { border:1px solid var(--line); border-radius:20px; background:#fff; overflow:hidden; min-height:360px; display:flex; transition:.3s; }
.news-card:hover { transform:translateY(-5px); box-shadow:0 18px 45px rgba(16,24,40,.09); }
.news-card-featured { display:grid; grid-template-rows:220px auto; }
.news-image img { width:100%; height:100%; object-fit:cover; }
.news-content { padding:28px; display:flex; flex-direction:column; align-items:flex-start; }
.tag { padding:5px 9px; background:rgba(200,16,46,.09); color:var(--red); border-radius:99px; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.news-content time { margin-top:22px; color:#98a2b3; font-size:12px; }
.news-content h3 { margin:10px 0 12px; font-size:24px; line-height:1.2; letter-spacing:-.025em; }
.news-content p { margin:0 0 24px; color:var(--muted); }
.news-content a { margin-top:auto; color:var(--red); font-weight:850; }

.join { padding-top:20px; }
.join-shell { position:relative; display:grid; grid-template-columns:1fr .86fr; gap:65px; color:#fff; background:linear-gradient(135deg,#bd0c29,#7d0619); padding:70px; border-radius:30px; overflow:hidden; box-shadow:0 30px 80px rgba(142,7,29,.25); }
.join-shell::after { content:""; position:absolute; width:360px; height:360px; border-radius:50%; border:90px solid rgba(255,255,255,.06); right:-150px; top:-140px; }
.join-copy, .join-form { position:relative; z-index:1; }
.join-copy .section-kicker { color:#fff; opacity:.75; }
.join-copy p { color:rgba(255,255,255,.76); font-size:18px; }
.check-list { list-style:none; margin:26px 0 0; padding:0; display:grid; gap:10px; }
.check-list li { position:relative; padding-left:28px; font-weight:700; }
.check-list li::before { content:"✓"; position:absolute; left:0; color:#fff; }
.join-form { position:relative; padding:28px; border-radius:22px; background:#fff; color:var(--ink); box-shadow:0 20px 55px rgba(55,0,12,.25); overflow:hidden; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.join-form label { display:grid; gap:7px; margin-bottom:14px; font-size:13px; font-weight:800; color:#475467; }
.join-form input, .join-form select { width:100%; min-height:48px; padding:0 13px; border:1px solid #d0d5dd; border-radius:10px; outline:none; background:#fff; color:var(--ink); }
.join-form input:focus, .join-form select:focus { border-color:var(--red); box-shadow:0 0 0 4px rgba(200,16,46,.08); }
.consent { grid-template-columns:20px 1fr !important; align-items:start; font-weight:500 !important; line-height:1.4; }
.consent input { min-height:18px; width:18px; accent-color:var(--red); }
.button-full { width:100%; border:0; }
.form-status { min-height:24px; margin:14px 0 0; color:#067647; font-size:16px; font-weight:850; line-height:1.45; text-align:center; }
.form-status:not(:empty) { padding:12px 14px; border:1px solid #abefc6; border-radius:11px; background:#ecfdf3; }

.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.contact-grid > div:first-child p:not(.section-kicker) { color:var(--muted); font-size:18px; }
.contact-list { display:grid; gap:10px; }
.contact-list a, .contact-list > div { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 24px; background:#fff; border:1px solid var(--line); border-radius:15px; }
.contact-list span { color:var(--muted); }
.contact-list strong { text-align:right; }

.site-footer { background:#080e1a; color:#fff; padding:55px 0 24px; }
.footer-top { display:grid; grid-template-columns:260px 1fr auto; gap:45px; align-items:center; padding-bottom:38px; border-bottom:1px solid rgba(255,255,255,.12); }
.footer-logo { width:240px; filter:brightness(0) invert(1); }
.footer-top p { margin:0; color:rgba(255,255,255,.62); max-width:470px; }
.socials { display:flex; gap:8px; }
.socials a { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; border:1px solid rgba(255,255,255,.2); font-weight:850; transition:.2s; }
.socials a:hover { background:var(--red); border-color:var(--red); }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:22px; color:rgba(255,255,255,.45); font-size:13px; }
.footer-bottom div { display:flex; gap:20px; }
.back-to-top { position:fixed; right:22px; bottom:22px; width:46px; height:46px; border:0; border-radius:50%; background:var(--red); color:#fff; font-size:20px; cursor:pointer; opacity:0; pointer-events:none; transform:translateY(10px); transition:.25s; box-shadow:0 10px 25px rgba(200,16,46,.3); z-index:900; }
.back-to-top.visible { opacity:1; pointer-events:auto; transform:translateY(0); }
.reveal { opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity:1; transform:none; }

@media (max-width: 1050px) {
  .main-nav { gap:18px; }
  .card-grid { grid-template-columns:repeat(2,1fr); }
  .news-grid { grid-template-columns:1fr 1fr; }
  .news-card-featured { grid-column:1/-1; grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  .join-shell { padding:50px; gap:40px; }
}

@media (max-width: 820px) {
  .announcement-inner span:not(.pulse) { display:none; }
  .header-inner { min-height:72px; }
  .brand img { width:196px; }
  .menu-toggle { display:block; }
  .main-nav { position:absolute; left:20px; right:20px; top:72px; display:none; flex-direction:column; align-items:stretch; gap:0; padding:14px; background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); }
  .main-nav.open { display:flex; }
  .main-nav a:not(.nav-cta) { padding:12px; }
  .main-nav a:not(.nav-cta)::after { display:none; }
  .nav-cta { margin-top:8px; text-align:center; }
  .hero { min-height:760px; }
  .hero-media { background-position:62% center; }
  .hero-overlay { background:linear-gradient(90deg,rgba(5,10,20,.96),rgba(5,10,20,.76)); }
  .statement-grid, .split, .contact-grid { grid-template-columns:1fr; gap:40px; }
  .split { gap:48px; }
  .image-card, .image-card img { min-height:360px; }
  .agenda-grid { grid-template-columns:1fr; }
  .join-shell { grid-template-columns:1fr; padding:42px 28px; }
  .footer-top { grid-template-columns:1fr; text-align:center; justify-items:center; }
  .footer-bottom { flex-direction:column; align-items:center; text-align:center; }
}

@media (max-width: 620px) {
  .container { width:min(calc(100% - 28px),var(--container)); }
  .section { padding:76px 0; }
  .announcement { font-size:12px; }
  .announcement-inner { justify-content:flex-start; overflow:hidden; white-space:nowrap; }
  .hero { min-height:700px; }
  .hero-content { padding-top:55px; padding-bottom:80px; }
  .hero h1 { font-size:55px; }
  .hero-lead { font-size:17px; }
  .hero-actions { display:grid; }
  .button { width:100%; }
  .statement-grid { gap:24px; }
  .statement-copy .lead { font-size:21px; }
  .card-grid, .news-grid { grid-template-columns:1fr; }
  .news-card-featured { grid-column:auto; grid-template-columns:1fr; grid-template-rows:190px auto; }
  .heading-row { align-items:flex-start; flex-direction:column; }
  .form-row { grid-template-columns:1fr; gap:0; }
  .join-form { padding:22px 18px; }
  .agenda-item { padding:26px 20px; }
  .contact-list a, .contact-list > div { flex-direction:column; align-items:flex-start; }
  .contact-list strong { text-align:left; word-break:break-word; }
  .footer-bottom div { flex-wrap:wrap; justify-content:center; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .reveal { opacity:1; transform:none; }
}

/* Başvuru sistemi için görünmez spam alanı ve durum mesajları */
.form-honeypot { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; opacity:0 !important; pointer-events:none !important; }
.form-status.is-error { color:#b42318; }
.form-status.is-error:not(:empty) { border-color:#fecdca; background:#fef3f2; }
.join-form button:disabled { opacity:.65; cursor:not-allowed; }

/* v1.8.1: başvuru hedefi ve ferah logo alanı */
#katil,
#join-form {
  scroll-margin-top: 104px;
}

/* Logo alanının genişliği korunur; görsel küçültülerek üst-alt boşluk bırakılır. */
.brand {
  width: 226px;
  min-height: 82px;
  display: flex;
  align-items: center;
  padding: 12px 0;
}
.brand img {
  width: 208px;
  max-height: 58px;
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 820px) {
  #katil,
  #join-form { scroll-margin-top: 88px; }
  .brand {
    width: 196px;
    min-height: 72px;
    padding: 10px 0;
  }
  .brand img {
    width: 182px;
    max-height: 50px;
  }
}


/* v1.8.3: Başarılı başvuruyu formun üzerinde belirgin biçimde gösterir. */
.form-success-overlay {
  position:absolute;
  inset:0;
  z-index:10;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(255,255,255,.96);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:scale(.985);
  transition:opacity .22s ease, visibility .22s ease, transform .22s ease;
}
.form-success-overlay.is-visible {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:scale(1);
}
.form-success-card {
  display:grid;
  justify-items:center;
  gap:14px;
  color:#067647;
  text-align:center;
}
.form-success-card strong {
  font-size:22px;
  line-height:1.2;
}
.form-success-icon {
  width:96px;
  height:96px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#12b76a;
  color:#fff;
  font-size:58px;
  font-weight:900;
  line-height:1;
  box-shadow:0 18px 44px rgba(18,183,106,.3);
  animation:formSuccessPop .42s cubic-bezier(.2,.9,.3,1.25) both;
}
@keyframes formSuccessPop {
  from { opacity:0; transform:scale(.55) rotate(-8deg); }
  to { opacity:1; transform:scale(1) rotate(0); }
}
@media (prefers-reduced-motion: reduce) {
  .form-success-overlay { transition:none; }
  .form-success-icon { animation:none; }
}

/* v2.0.0 - Ana sayfa üyelik bannerı */
.membership-banner{padding-top:34px}
.membership-banner-shell{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;min-height:410px;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#17191f 0%,#29161b 58%,#4b0715 100%);box-shadow:0 32px 80px rgba(29,8,13,.22)}
.membership-banner-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.12),transparent 42%)}
.membership-banner-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.05),transparent 55%)}
.membership-logo-bubble{position:relative;z-index:3;width:min(260px,72%);aspect-ratio:1.55;display:grid;place-items:center;padding:28px 32px;background:#fff;border-radius:30px;box-shadow:0 28px 65px rgba(0,0,0,.32);transform:rotate(-2deg)}
.membership-logo-bubble img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.membership-ring{position:absolute;border-radius:50%;border:50px solid rgba(255,255,255,.06)}
.membership-ring.ring-one{width:360px;height:360px;left:-140px;top:-130px}
.membership-ring.ring-two{width:300px;height:300px;right:-130px;bottom:-135px}
.membership-banner-visual>strong{position:absolute;left:28px;bottom:12px;font-size:104px;line-height:1;color:rgba(255,255,255,.035);font-weight:950;letter-spacing:-.08em}
.membership-banner-copy{display:flex;flex-direction:column;justify-content:center;padding:58px 62px;color:#fff}
.membership-banner-copy .section-kicker{color:#ff8ca0}
.membership-banner-copy h2{max-width:720px;margin:10px 0 17px;font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.045em}
.membership-banner-copy>p{max-width:710px;margin:0;color:rgba(255,255,255,.73);font-size:18px}
.membership-banner-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 18px}
.membership-banner-actions .button{min-height:52px}
.membership-secondary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff}
.membership-secondary:hover{background:#fff;color:#17191f}
.membership-banner-copy>small{color:rgba(255,255,255,.56);font-size:12px}
@media(max-width:900px){.membership-banner-shell{grid-template-columns:1fr}.membership-banner-visual{min-height:270px}.membership-logo-bubble{width:220px}.membership-banner-copy{padding:40px 32px 46px}.membership-banner-visual>strong{font-size:82px}}
@media(max-width:560px){.membership-banner-shell{border-radius:24px}.membership-banner-copy{padding:34px 22px 38px}.membership-banner-copy h2{font-size:36px}.membership-banner-copy>p{font-size:16px}.membership-banner-actions{display:grid}.membership-banner-actions .button{width:100%;text-align:center}.membership-logo-bubble{width:185px;padding:22px}}