:root {
  --zemin: #efedf5;
  --zemin-2: #e6e3ef;
  --beyaz: #fbfaff;
  --murekkep: #2b2833;
  --gri: #5d5967;
  --disk: #46434e;
  --disk-2: #36333d;
  --pembe: #f28bab;
  --pembe-koyu: #e0628a;
  --turuncu: #f37b5c;
  --seftali: #ffb08a;
  --neon-pembe: #ff9cc2;
  --neon-seftali: #ffbb8f;
  --cizgi: rgba(43, 40, 51, .12);
  --gradyan: linear-gradient(120deg, var(--pembe) 0%, var(--turuncu) 100%);
  --yaricap: 18px;
  --golge: 0 18px 50px -22px rgba(70, 50, 90, .35);
  --baslik: "Outfit", system-ui, sans-serif;
  --govde: "DM Sans", system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 76px; }
body {
  margin: 0; font-family: var(--govde); font-size: 17px; line-height: 1.6;
  color: var(--murekkep); background: var(--zemin);
  -webkit-font-smoothing: antialiased; overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
button { font: inherit; color: inherit; }
h1, h2, h3 { font-family: var(--baslik); line-height: 1.12; margin: 0; letter-spacing: -.015em; }
h2 { font-size: clamp(30px, 4.4vw, 46px); font-weight: 600; margin-bottom: 18px; text-wrap: balance; }
h3 { font-size: 20px; font-weight: 600; }
[hidden] { display: none !important; }

.kap { width: min(1160px, 100% - 32px); margin-inline: auto; }
.ust-baslik {
  font-family: var(--baslik); font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
  color: var(--turuncu); margin: 0 0 12px;
}
.giris { color: var(--gri); font-size: 18px; max-width: 60ch; margin: 0 0 28px; }
.istege { font-weight: 400; color: var(--gri); }

/* ---------- Kişiye göre görünürlük ---------- */
html:not([data-kim]) .k-marka:not(.k-hepsi), html:not([data-kim]) .k-inf:not(.k-hepsi),
html[data-kim="marka"] .k-inf:not(.k-marka), html[data-kim="marka"] .k-hepsi:not(.k-marka),
html[data-kim="inf"] .k-marka:not(.k-inf), html[data-kim="inf"] .k-hepsi:not(.k-inf) { display: none !important; }

main { display: flex; flex-direction: column; }
html[data-kim="marka"] #anasayfa { order: 0 } html[data-kim="marka"] #kurgula { order: 1 }
html[data-kim="marka"] #marka { order: 2 } html[data-kim="marka"] #kadro { order: 3 } html[data-kim="marka"] #hizmetler { order: 4 }
html[data-kim="marka"] #uyum { order: 5 } html[data-kim="marka"] #raporlar { order: 6 }
html[data-kim="marka"] #davetler { order: 7 } html[data-kim="marka"] #basvuru { order: 8 }
html[data-kim="marka"] #iletisim { order: 9 }
html[data-kim="inf"] #anasayfa { order: 0 } html[data-kim="inf"] #influencer { order: 1 }
html[data-kim="inf"] #basvuru { order: 2 } html[data-kim="inf"] #davetler { order: 3 }
html[data-kim="inf"] #hizmetler { order: 4 } html[data-kim="inf"] #raporlar { order: 5 }
html[data-kim="inf"] #uyum { order: 6 } html[data-kim="inf"] #iletisim { order: 8 }

/* ---------- Düğmeler ---------- */
.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font-family: var(--baslik); font-weight: 600; font-size: 16px;
  padding: 14px 26px; border-radius: 12px; border: 0; cursor: pointer;
  text-decoration: none; color: #fff; background: var(--turuncu);
  box-shadow: 0 10px 24px -12px rgba(243, 123, 92, .9);
  transition: transform .2s, box-shadow .2s, background .2s, opacity .2s;
}
.dugme:hover { transform: translateY(-2px); background: #ef6b49; }
.dugme:disabled { opacity: .45; cursor: not-allowed; transform: none; }
:focus-visible { outline: 3px solid var(--pembe); outline-offset: 3px; }
.dugme-genis { width: 100%; padding: 16px; font-size: 17px; }
.dugme-hayalet { background: transparent; box-shadow: inset 0 0 0 2px rgba(255,255,255,.35); }
.dugme-hayalet:hover { background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 2px var(--pembe); }
.dugme-hayalet-acik { background: transparent; color: var(--murekkep); box-shadow: inset 0 0 0 2px var(--cizgi); }
.dugme-hayalet-acik:hover:not(:disabled) { background: var(--beyaz); box-shadow: inset 0 0 0 2px var(--turuncu); }
.koyu .dugme-hayalet-acik { color: #fff; box-shadow: inset 0 0 0 2px rgba(255,255,255,.35); }
.koyu .dugme-hayalet-acik:hover { background: rgba(255,255,255,.08); }
.dugmeler { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- Neon logo: gerçek logo görseli, tüp kendi yolu boyunca yanar ----------
   Animasyon, iki katman da indikten sonra başlar (html.logo-hazir); o zamana kadar duraklatılmıştır. */
.neon-logo { width: 100%; height: auto; overflow: visible; display: block; }
.nl-taban { animation: taban .7s cubic-bezier(.2,.7,.3,1) both paused; transform-origin: center; transform-box: fill-box; }
.nl-iz circle { opacity: 0; animation: yak .14s calc(.6s + var(--g) * 1.9s) forwards paused; }
.nl-neon { animation: yan 1.3s 2.6s both paused; }
html.logo-hazir .nl-taban, html.logo-hazir .nl-iz circle, html.logo-hazir .nl-neon { animation-play-state: running; }
@keyframes taban { from { opacity: 0; transform: scale(.9); } }
@keyframes yak { to { opacity: 1; } }
@keyframes yan {
  0%, 9% { filter: brightness(1); opacity: 1; }
  10%, 16% { opacity: .35; filter: none; }
  17%, 30% { opacity: 1; filter: brightness(1.25) drop-shadow(0 0 6px rgba(255,143,188,.9)); }
  31%, 36% { opacity: .5; filter: none; }
  37%, 100% { opacity: 1; filter: drop-shadow(0 0 2px rgba(255,150,190,.95)) drop-shadow(0 0 10px rgba(255,143,188,.6)) drop-shadow(0 0 24px rgba(255,170,140,.4)); }
}

/* ---------- Kapı ---------- */
.kapi {
  position: fixed; inset: 0; z-index: 100; display: none; place-items: center; padding: 24px 16px;
  background:
    radial-gradient(500px 400px at 50% 30%, rgba(242,139,171,.28), transparent 70%),
    radial-gradient(500px 400px at 50% 100%, rgba(255,176,138,.25), transparent 70%),
    var(--zemin);
  overflow-y: auto;
}
html[data-kapi="acik"] .kapi { display: grid; }
html[data-kapi="acik"] body { overflow: hidden; }
.kapi.kapaniyor { animation: kapikapan .5s ease forwards; }
@keyframes kapikapan { to { opacity: 0; transform: scale(1.04); } }
.kapi-ic { width: min(640px, 100%); text-align: center; }
.kapi .neon-logo { width: 150px; margin: 0 auto 14px; }
.kapi-marka { font-family: var(--baslik); font-weight: 600; font-size: 20px; margin: 0; opacity: 0; animation: belir .6s 2.4s forwards; }
.kapi-baslik { font-size: clamp(30px, 6vw, 44px); font-weight: 600; margin: 6px 0 26px; opacity: 0; animation: belir .6s 2.6s forwards; }
.kapilar { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; opacity: 0; animation: belir .6s 2.8s forwards; }
@keyframes belir { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.kapi-sec {
  display: flex; flex-direction: column; align-items: center; gap: 4px; cursor: pointer;
  padding: 28px 18px; border-radius: 22px; border: 1px solid rgba(255,255,255,.9);
  background: var(--beyaz); box-shadow: var(--golge); transition: transform .25s, box-shadow .25s;
}
.kapi-sec:hover { transform: translateY(-4px); box-shadow: 0 26px 50px -20px rgba(243,123,92,.55); }
.kapi-emoji { font-size: 38px; margin-bottom: 6px; }
.kapi-sec strong { font-family: var(--baslik); font-size: 20px; font-weight: 600; }
.kapi-sec small { color: var(--gri); font-size: 15px; }
.kapi-gec { margin-top: 22px; background: none; border: 0; color: var(--gri); text-decoration: underline; cursor: pointer; font-size: 15px; opacity: 0; animation: belir .6s 3s forwards; }

/* ---------- Üst şerit ---------- */
.ust {
  position: sticky; top: 0; z-index: 20;
  background: rgba(239, 237, 245, .85); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid transparent; transition: border-color .3s;
}
.ust.kaydi { border-bottom-color: var(--cizgi); }
.ust-ic { display: flex; align-items: center; justify-content: space-between; height: 68px; }
.marka { display: flex; align-items: center; gap: 10px; text-decoration: none; font-family: var(--baslik); font-weight: 600; font-size: 21px; }
.marka img { width: 40px; height: 40px; }
.menu { display: flex; align-items: center; gap: 26px; }
.menu a { text-decoration: none; font-weight: 500; font-size: 16px; color: var(--gri); transition: color .2s; }
.menu a:hover { color: var(--turuncu); }
.gorunum {
  display: inline-flex; gap: 8px; align-items: center; cursor: pointer;
  padding: 9px 16px; border-radius: 999px; border: 0; background: var(--gradyan); color: #fff;
  font-family: var(--baslik); font-weight: 600; font-size: 14px;
}
.menu-dugme { display: none; }
.hikaye-cizgileri { display: none; }

/* ---------- Kahraman ---------- */
.kahraman { padding: clamp(36px, 6vw, 88px) 0 clamp(56px, 8vw, 110px); position: relative; }
.kahraman::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(600px 400px at 80% 30%, rgba(242,139,171,.22), transparent 70%),
    radial-gradient(500px 360px at 10% 90%, rgba(255,176,138,.18), transparent 70%);
}
.kahraman-ic { display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px; align-items: center; }
.kahraman h1 { font-size: clamp(38px, 5.8vw, 70px); font-weight: 600; margin-bottom: 22px; text-wrap: balance; }
.kahraman h1 em { font-style: normal; background: var(--gradyan); -webkit-background-clip: text; background-clip: text; color: transparent; }
.kahraman-logo { position: relative; justify-self: center; width: min(420px, 100%); }
.kahraman-logo .neon-logo { position: relative; filter: drop-shadow(0 30px 40px rgba(70,50,90,.3)); animation: suzul 7s 3s ease-in-out infinite; }
.hale { position: absolute; inset: 8%; border-radius: 50%; background: radial-gradient(circle, rgba(242,139,171,.55), rgba(243,123,92,.15) 55%, transparent 72%); filter: blur(30px); animation: nabiz 5s ease-in-out infinite; }
@keyframes suzul { 50% { transform: translateY(-12px); } }
@keyframes nabiz { 50% { opacity: .6; transform: scale(1.08); } }
.asagi { position: absolute; left: 50%; bottom: 22px; translate: -50% 0; width: 26px; height: 42px; border: 2px solid var(--cizgi); border-radius: 14px; display: none; }
.asagi span { position: absolute; left: 50%; top: 8px; width: 4px; height: 8px; margin-left: -2px; border-radius: 2px; background: var(--turuncu); animation: kaydir 1.6s infinite; }
@keyframes kaydir { 70% { transform: translateY(14px); opacity: 0; } 100% { opacity: 0; } }

.iki-yol { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.yol {
  display: flex; align-items: center; gap: 14px; padding: 18px; background: var(--beyaz);
  border-radius: var(--yaricap); text-decoration: none; box-shadow: var(--golge); transition: transform .25s, box-shadow .25s;
}
.yol:hover { transform: translateY(-3px); box-shadow: 0 24px 50px -20px rgba(243,123,92,.5); }
.yol-ikon { flex: none; width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; background: var(--gradyan); font-size: 22px; }
.yol-metin { display: flex; flex-direction: column; font-family: var(--baslik); font-weight: 600; font-size: 17px; line-height: 1.25; }
.yol-metin small { font-family: var(--govde); font-weight: 500; font-size: 13px; color: var(--gri); margin-bottom: 3px; }
.ok { margin-left: auto; color: var(--turuncu); font-size: 20px; transition: transform .25s; }
.yol:hover .ok { transform: translateX(4px); }

/* ---------- Bölümler ---------- */
.bolum { padding: clamp(64px, 9vw, 110px) 0; position: relative; }
.koyu { background: var(--disk-2); color: #f4f1f8; overflow: hidden; }
.koyu::before { content: ""; position: absolute; width: 520px; height: 520px; right: -160px; top: -160px; border-radius: 50%; background: radial-gradient(circle, rgba(242,139,171,.26), transparent 70%); pointer-events: none; }
.koyu .giris { color: #c9c4d3; }
.koyu .ust-baslik { color: var(--seftali); }
.koyu .kap { position: relative; }

.kartlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 36px; }
.kart { background: var(--beyaz); color: var(--murekkep); border-radius: var(--yaricap); padding: 30px 26px 28px; box-shadow: var(--golge); position: relative; overflow: hidden; }
.kart::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--gradyan); }
.kart-emoji { font-size: 34px; display: block; margin-bottom: 18px; }
.kart h3 { margin-bottom: 10px; }
.kart p { color: var(--gri); margin: 0; font-size: 16px; }

.iki-sutun { display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: center; }
.faydalar { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; counter-reset: f; }
.faydalar li { counter-increment: f; position: relative; padding: 22px 22px 22px 74px; border-radius: var(--yaricap); background: var(--beyaz); box-shadow: var(--golge); }
.faydalar li::before { content: "0" counter(f); position: absolute; left: 22px; top: 22px; font-family: var(--baslik); font-weight: 700; font-size: 20px; background: var(--gradyan); -webkit-background-clip: text; background-clip: text; color: transparent; }
.faydalar h3 { font-size: 18px; margin-bottom: 4px; }
.faydalar p { margin: 0; font-size: 15.5px; color: var(--gri); }
.koyu .faydalar li { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); box-shadow: none; }
.koyu .faydalar p { color: #c9c4d3; }
.etiketler { list-style: none; padding: 0; margin: -8px 0 28px; display: flex; flex-wrap: wrap; gap: 8px; }
.etiketler li { font-size: 14px; font-weight: 500; padding: 6px 14px; border-radius: 999px; background: var(--beyaz); color: var(--murekkep); border: 1px solid var(--cizgi); }

/* ---------- Sihirbaz ---------- */
.sihirbaz { background: var(--beyaz); color: var(--murekkep); border-radius: 24px; padding: clamp(20px, 4vw, 40px); box-shadow: 0 30px 70px -30px rgba(0,0,0,.45); position: relative; }
.adimlar { display: flex; gap: 6px; margin-bottom: 26px; }
.adimlar i { flex: 1; height: 5px; border-radius: 3px; background: var(--zemin-2); transition: background .3s; }
.adimlar i.dolu { background: var(--gradyan); }
.adim h3 { font-size: clamp(22px, 3vw, 28px); margin-bottom: 20px; }
.adim { animation: belir .4s ease; }
.secenekler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.secenekler button {
  text-align: left; cursor: pointer; padding: 18px 18px; border-radius: 14px; font-size: 16.5px; font-weight: 500;
  border: 1.5px solid var(--cizgi); background: #fff; transition: border-color .2s, transform .2s, background .2s;
}
.secenekler button:hover { border-color: var(--pembe); transform: translateY(-2px); }
.secenekler button[aria-pressed="true"] { background: var(--gradyan); color: #fff; border-color: transparent; }
.geri { margin-top: 18px; background: none; border: 0; color: var(--gri); cursor: pointer; font-size: 15px; padding: 6px 0; }

.konsept { display: grid; grid-template-columns: 1.35fr .85fr; gap: 24px; animation: belir .5s ease; }
.konsept-kart {
  border-radius: 20px; padding: clamp(22px, 3vw, 32px); color: #f6f2fa; position: relative; overflow: hidden;
  background: radial-gradient(420px 300px at 100% 0%, rgba(242,139,171,.35), transparent 70%), linear-gradient(160deg, #4a4652, #322f39);
  box-shadow: inset 0 0 0 1.5px rgba(255,156,194,.45), 0 0 34px -10px rgba(255,143,188,.6);
}
.konsept-etiket { margin: 0 0 6px; font-family: var(--baslik); font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--neon-seftali); }
.konsept-ad { font-size: clamp(26px, 3.4vw, 36px); margin-bottom: 6px; text-shadow: 0 0 18px rgba(255,156,194,.55); }
.konsept-alt { margin: 0 0 20px; color: #d9d2e2; }
.konsept-ozet { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 22px; }
.konsept-ozet div { border-top: 1px solid rgba(255,255,255,.14); padding-top: 10px; }
.konsept-ozet dt { font-size: 13px; color: #b9b1c4; margin-bottom: 2px; }
.konsept-ozet dd { margin: 0; font-weight: 500; }
.konsept-ozet .vurgu dd { font-family: var(--baslik); font-size: 22px; font-weight: 600; background: linear-gradient(120deg, var(--neon-pembe), var(--neon-seftali)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.varsayimlar { margin-top: 20px; font-size: 14.5px; color: #d0c9da; }
.varsayimlar summary { cursor: pointer; color: var(--neon-seftali); font-weight: 500; }
.varsayimlar ul { padding-left: 18px; margin: 10px 0; }
.varsayimlar p { margin: 0; }
.konsept-gonder { display: flex; flex-direction: column; gap: 12px; }
.konsept-gonder label { display: block; font-size: 14.5px; font-weight: 500; }
.konsept-gonder input, .form input:not([type="checkbox"]), .form select, .form textarea {
  display: block; margin-top: 6px; width: 100%; font: inherit; font-size: 16px; font-weight: 400; color: var(--murekkep);
  padding: 12px 14px; border-radius: 10px; border: 1.5px solid var(--cizgi); background: #fff; transition: border-color .2s, box-shadow .2s;
}
.konsept-gonder .dugme-hayalet { color: var(--murekkep); box-shadow: inset 0 0 0 2px var(--cizgi); }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--pembe) !important; box-shadow: 0 0 0 4px rgba(242,139,171,.2); }

/* ---------- Davetler / raporlar ---------- */
.davetler, .raporlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; }
.davet { background: var(--beyaz); color: var(--murekkep); border-radius: var(--yaricap); box-shadow: var(--golge); overflow: hidden; display: flex; flex-direction: column; }
.davet-tarih { padding: 18px 22px; background: var(--gradyan); color: #fff; display: flex; align-items: baseline; gap: 10px; }
.davet-tarih b { font-family: var(--baslik); font-size: 34px; line-height: 1; }
.davet-tarih span { font-size: 15px; opacity: .95; }
.davet-ic { padding: 18px 22px 22px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.davet-ic h3 { font-size: 19px; }
.davet-ic p { margin: 0; color: var(--gri); font-size: 15px; }
.davet-rozet { align-self: flex-start; margin-top: auto; padding: 5px 12px; border-radius: 999px; font-size: 13.5px; font-weight: 500; background: var(--zemin); }
.davet-rozet.doldu { background: #f6dde5; color: var(--pembe-koyu); }
.bos { text-align: center; padding: 40px 22px; border-radius: 22px; border: 2px dashed var(--cizgi); max-width: 640px; margin: 0 auto; }
.koyu .bos { border-color: rgba(255,255,255,.18); }
.bos-ikon { font-size: 40px; display: block; margin-bottom: 8px; }
.bos p { margin: 0 0 18px; color: var(--gri); }
.koyu .bos p { color: #c9c4d3; }
.bos strong { color: inherit; display: block; font-family: var(--baslik); font-size: 19px; margin-bottom: 4px; color: var(--murekkep); }
.koyu .bos strong { color: #fff; }

/* ---------- Uyum ---------- */
.uyum { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.uyum-madde { padding: 24px 22px; border-radius: var(--yaricap); background: var(--beyaz); color: var(--murekkep); box-shadow: var(--golge); }
.koyu .uyum-madde { background: rgba(255,255,255,.06); color: inherit; border: 1px solid rgba(255,255,255,.1); box-shadow: none; }
.uyum-no { display: inline-block; font-family: var(--baslik); font-weight: 700; font-size: 18px; margin-bottom: 12px; background: var(--gradyan); -webkit-background-clip: text; background-clip: text; color: transparent; }
.uyum-madde h3 { font-size: 18px; margin-bottom: 8px; }
.uyum-madde p { margin: 0; font-size: 15px; color: var(--gri); }
.koyu .uyum-madde p { color: #c9c4d3; }

/* ---------- Başvuru ---------- */
.sekmeler { display: inline-flex; padding: 5px; border-radius: 14px; background: var(--beyaz); box-shadow: var(--golge); margin: 8px 0 22px; }
.sekmeler button { font-family: var(--baslik); font-weight: 600; font-size: 16px; border: 0; cursor: pointer; padding: 11px 24px; border-radius: 10px; background: transparent; color: var(--gri); transition: background .2s, color .2s; }
.sekmeler button[aria-selected="true"] { background: var(--gradyan); color: #fff; }

.kulup { display: grid; grid-template-columns: .8fr 1.2fr; gap: 28px; align-items: start; }
.kart-sahne { position: sticky; top: 92px; display: flex; flex-direction: column; gap: 14px; }
.kulup-kart {
  aspect-ratio: 1.586; border-radius: 22px; padding: 22px 24px; color: #f7f3fb; position: relative; overflow: hidden;
  display: flex; flex-direction: column;
  background: radial-gradient(260px 200px at 100% 0%, rgba(242,139,171,.45), transparent 70%), radial-gradient(240px 180px at 0% 100%, rgba(255,176,138,.3), transparent 70%), linear-gradient(150deg, #4c4855, #2f2c36);
  box-shadow: inset 0 0 0 2px rgba(255,156,194,.65), 0 0 40px -8px rgba(255,143,188,.7), 0 30px 60px -30px rgba(40,20,50,.6);
  transition: transform .4s;
}
.kulup-kart:hover { transform: rotate(-1.5deg) scale(1.01); }
.kulup-kart::after { content: ""; position: absolute; inset: -40% auto -40% -60%; width: 40%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent); transform: rotate(20deg); animation: parilti 5s 1s infinite; }
@keyframes parilti { 0%, 60% { left: -60%; } 100% { left: 140%; } }
.kk-ust { display: flex; justify-content: space-between; align-items: center; }
.kk-ust img { width: 44px; height: 44px; }
.kk-etiket { font-family: var(--baslik); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--neon-seftali); }
.kk-ad { margin-top: auto; font-family: var(--baslik); font-weight: 600; font-size: clamp(20px, 2.4vw, 26px); line-height: 1.15; text-shadow: 0 0 16px rgba(255,156,194,.6); overflow-wrap: anywhere; }
.kk-hesap { color: var(--neon-pembe); font-weight: 500; font-size: 15px; margin-bottom: 12px; overflow-wrap: anywhere; }
.kk-alt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; font-size: 13.5px; }
.kk-alt small { display: block; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: #a9a1b5; }
.kk-alt span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kk-no { display: flex; justify-content: space-between; margin-top: 12px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.14); font-size: 11px; letter-spacing: .16em; color: #a9a1b5; font-family: var(--baslik); }
.kart-ipucu { margin: 0; font-size: 14.5px; color: var(--gri); text-align: center; }

.form { background: var(--beyaz); color: var(--murekkep); border-radius: 22px; padding: clamp(22px, 4vw, 38px); box-shadow: var(--golge); }
.form-dar { max-width: 820px; }
.bal { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.not { margin: 0 0 24px; padding: 16px 18px; border-radius: 12px; font-size: 16px; background: linear-gradient(120deg, rgba(242,139,171,.12), rgba(243,123,92,.1)); border-left: 3px solid var(--turuncu); }
.alanlar { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 18px; }
.form label { display: block; font-size: 14.5px; font-weight: 500; }
.alanlar label { display: flex; flex-direction: column; justify-content: flex-end; }
.form textarea { resize: vertical; }
.form .hata { border-color: var(--pembe-koyu) !important; }
.tam { margin-top: 18px; }
.secimler { border: 0; padding: 0; margin: 22px 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
.secimler legend { font-size: 14.5px; font-weight: 500; margin-bottom: 10px; padding: 0; }
.secimler label { display: inline-flex; align-items: center; cursor: pointer; padding: 8px 15px; border-radius: 999px; border: 1.5px solid var(--cizgi); font-weight: 500; font-size: 14.5px; transition: background .2s, color .2s; }
.secimler input { position: absolute; opacity: 0; pointer-events: none; }
.secimler label:has(input:checked) { background: var(--gradyan); border-color: transparent; color: #fff; }
.secimler label:has(input:focus-visible) { outline: 3px solid var(--pembe); outline-offset: 2px; }
.onay { display: flex !important; align-items: flex-start; gap: 10px; margin: 22px 0; font-weight: 400 !important; color: var(--gri); }
.onay input { margin-top: 4px; width: 18px; height: 18px; accent-color: var(--turuncu); flex: none; }
.durum { margin: 12px 0 0; font-size: 15px; text-align: center; min-height: 1.4em; }
.durum.basarili { color: #2f8a5b; }
.koyu .durum.basarili { color: #8ee0b2; }
.durum.uyari { color: var(--pembe-koyu); }

/* ---------- İletişim ---------- */
.iletisim-ic { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.iletisim-kanallar { display: grid; gap: 12px; }
.kanal { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 24px; border-radius: var(--yaricap); text-decoration: none; background: var(--beyaz); box-shadow: var(--golge); transition: transform .2s; }
.koyu .kanal { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); box-shadow: none; }
.kanal:hover { transform: translateX(4px); }
.kanal-ad { color: var(--gri); font-size: 15px; }
.koyu .kanal-ad { color: #c9c4d3; }
.kanal-deger { font-family: var(--baslik); font-weight: 600; font-size: 19px; }
.alt { background: var(--disk-2); color: #a9a3b4; border-top: 1px solid rgba(255,255,255,.08); }
.alt-ic { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 22px 0; font-size: 14px; }

.gor { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.gor.acik { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *:not(.nl-iz circle):not(.nl-neon), *::before, *::after { animation-duration: .01ms !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; transition: none !important; }
  .gor { opacity: 1; transform: none; }
}

/* ---------- Duyarlı ---------- */
@media (max-width: 1020px) {
  .kahraman-ic, .iki-sutun, .iletisim-ic, .konsept, .kulup { grid-template-columns: 1fr; }
  .kahraman-logo { order: -1; width: min(260px, 62%); }
  .kartlar { grid-template-columns: 1fr; }
  .uyum { grid-template-columns: 1fr 1fr; }
  .kart-sahne { position: static; max-width: 440px; width: 100%; margin: 0 auto; }
  .menu { gap: 18px; }
}
@media (max-width: 760px) {
  body { font-size: 16px; }
  .giris { font-size: 16.5px; }
  .menu-dugme { display: grid; gap: 6px; width: 44px; height: 44px; place-content: center; border: 0; background: transparent; cursor: pointer; }
  .menu-dugme span { display: block; width: 24px; height: 2px; background: var(--murekkep); border-radius: 2px; transition: transform .25s; }
  .menu-dugme[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }
  .menu-dugme[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .menu { position: absolute; top: 68px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; background: var(--zemin); border-bottom: 1px solid var(--cizgi); padding: 8px 16px 18px; display: none; }
  .menu.acik { display: flex; }
  .menu a { padding: 14px 4px; border-bottom: 1px solid var(--cizgi); font-size: 17px; }
  .gorunum { margin-top: 14px; justify-content: center; padding: 13px; font-size: 15px; }
  .iki-yol, .alanlar, .kapilar, .uyum, .konsept-ozet { grid-template-columns: 1fr; }
  .secenekler { grid-template-columns: 1fr 1fr; gap: 10px; }
  .secenekler button { padding: 15px 14px; font-size: 15.5px; }
  .kapi-sec { padding: 20px 16px; flex-direction: row; text-align: left; gap: 14px; }
  .kapi-sec > :not(.kapi-emoji) { display: block; }
  .kapi-sec { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 14px; }
  .kapi-emoji { grid-row: span 2; margin: 0; align-self: center; }
  .kapi .neon-logo { width: 120px; }
  .sekmeler { display: flex; }
  .sekmeler button { flex: 1; padding: 11px 8px; }
  .faydalar li { padding-left: 62px; }
  .faydalar li::before { left: 18px; }
  .kanal { flex-direction: column; align-items: flex-start; gap: 2px; }

  /* Instagram hikâyesi gibi akış */
  html { scroll-snap-type: y proximity; scroll-padding-top: 68px; }
  .hikaye { min-height: calc(100svh - 68px); scroll-snap-align: start; display: flex; flex-direction: column; justify-content: center; padding: 56px 0; }
  .kahraman.hikaye { padding-bottom: 80px; }
  .asagi { display: block; }
  .hikaye-cizgileri { display: flex; gap: 4px; padding: 0 16px 8px; }
  .hikaye-cizgileri i { flex: 1; height: 3px; border-radius: 2px; background: rgba(43,40,51,.14); overflow: hidden; position: relative; }
  .hikaye-cizgileri i::after { content: ""; position: absolute; inset: 0; background: var(--gradyan); transform: scaleX(0); transform-origin: left; transition: transform .4s; }
  .hikaye-cizgileri i.dolu::after { transform: scaleX(1); }
}

/* ---------- Bakım modu ---------- */
html[data-bakim] body > :not(.bakim) { display: none !important; }
.bakim { min-height: 100svh; display: grid; place-content: center; justify-items: center; gap: 10px; text-align: center; padding: 24px 16px;
  background: radial-gradient(500px 400px at 50% 30%, rgba(242,139,171,.28), transparent 70%), var(--zemin); }
.bakim img { width: 120px; height: 120px; }
.bakim h1 { font-size: clamp(34px, 6vw, 52px); }
.bakim p { color: var(--gri); max-width: 46ch; margin: 0; font-size: 18px; }

/* ---------- Kadro vitrini ---------- */
.kadro-suzgec { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.kadro-suzgec label { font-size: 14px; font-weight: 500; }
.kadro-suzgec select { display: block; margin-top: 4px; min-width: 200px; font: inherit; padding: 10px 12px; border-radius: 10px; border: 1.5px solid var(--cizgi); background: #fff; color: var(--murekkep); }
.kadro-ozet { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.kadro-sayi { background: var(--beyaz); color: var(--murekkep); border-radius: var(--yaricap); padding: 22px; box-shadow: var(--golge); }
.koyu .kadro-sayi { background: rgba(255,255,255,.06); color: inherit; box-shadow: none; border: 1px solid rgba(255,255,255,.1); }
.kadro-sayi b { display: block; font-family: var(--baslik); font-size: 36px; line-height: 1.1; background: var(--gradyan); -webkit-background-clip: text; background-clip: text; color: transparent; }
.kadro-sayi span { color: var(--gri); font-size: 14.5px; }
.koyu .kadro-sayi span { color: #c9c4d3; }
.kadro-cipler { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; }
.kadro-cipler span { padding: 6px 14px; border-radius: 99px; background: var(--beyaz); border: 1px solid var(--cizgi); font-size: 14px; color: var(--murekkep); }
.kadro-kitler { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin-top: 18px; }
.kadro-kitler a { display: block; text-decoration: none; padding: 16px 18px; border-radius: var(--yaricap); background: var(--beyaz); color: var(--murekkep); box-shadow: var(--golge); }
.kadro-kitler a b { font-family: var(--baslik); display: block; }
.kadro-kitler a small { color: var(--gri); }
@media (max-width: 760px) { .kadro-ozet { grid-template-columns: 1fr; } .kadro-suzgec select { min-width: 0; width: 100%; } .kadro-suzgec label { flex: 1; } }