/* Kendi sunucumuzda: Manrope + Playfair Display (SIL OFL 1.1, lisanslar bu klasörde). Yalnız latin + latin-ext (Türkçe). 30.09.2026: Google Fonts kaldırıldı — üçüncü taraf istek/KVKK + CSP. */
/* Manrope normal latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-ext-1f62546f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Manrope normal latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-b4295101.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Manrope normal latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-ext-1f62546f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Manrope normal latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-b4295101.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Manrope normal latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-ext-1f62546f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Manrope normal latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-b4295101.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Manrope normal latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-ext-1f62546f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Manrope normal latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-b4295101.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Manrope normal latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-ext-1f62546f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Manrope normal latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-normal-latin-b4295101.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Playfair Display italic latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/playfair-display-italic-latin-ext-dc398705.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Playfair Display italic latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/playfair-display-italic-latin-682cdaa4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Playfair Display italic latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/playfair-display-italic-latin-ext-dc398705.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Playfair Display italic latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/playfair-display-italic-latin-682cdaa4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Playfair Display normal latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/playfair-display-normal-latin-ext-99a7c18e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Playfair Display normal latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/playfair-display-normal-latin-daeff530.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Playfair Display normal latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/playfair-display-normal-latin-ext-99a7c18e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Playfair Display normal latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/playfair-display-normal-latin-daeff530.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* sdhub.com.tr — yeni site (28.09.2026). Marka: logo mavisi #1A3A8C, amber #F5B301, Playfair + Manrope.
   Karanlık "yayın" bölümleri + açık editoryal bölümler. prefers-reduced-motion yalnız geniş alan
   hareketlerini kapatır (dosya sonu); ekran dışındaki (.gizli) ve duraklatılan (.durdu) öğelerde
   animasyonlar bekler. */
:root {
  --gece:#060D1F; --gece-2:#0A1633; --gece-3:#101E45; --gece-cizgi:rgba(148,170,220,.16);
  --gece-metin:#E9EEF9; --gece-soluk:#9DA9C4;
  --zemin:#F7F8FB; --zemin-2:#EDF1FA; --kart:#FFFFFF; --cizgi:#D9E0EE; --murekkep:#0B1834; --soluk:#5B6784;
  --lacivert:#1A3A8C; --lacivert-h:#14307A; --altin:#F5B301; --altin-koyu:#8A6200;
  --kirmizi:#EF4444; --yesil:#22C55E; --yesil-koyu:#15803D; --wa:#25D366; --tv:#5B6EFF;
  --golge:0 1px 2px rgba(11,24,52,.04), 0 10px 30px rgba(11,24,52,.06);
  --golge-b:0 40px 90px -30px rgba(3,8,25,.7);
  --serif:'Playfair Display',Georgia,serif; --sans:Manrope,'Segoe UI',system-ui,sans-serif;
  --egri:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; scroll-padding-top:90px; }
body { margin:0; background:var(--zemin); color:var(--murekkep); font-family:var(--sans); font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
img { max-width:100%; height:auto; display:block; }
a { color:var(--lacivert); text-decoration:none; }
a:hover { color:var(--lacivert-h); }
h1,h2,h3,h4 { font-family:var(--serif); margin:0; line-height:1.12; text-wrap:balance; font-weight:700; letter-spacing:-.005em; }
p { margin:0; text-wrap:pretty; }
button { font:inherit; }
[hidden] { display:none !important; }
ul,ol { margin:0; padding:0; }
:focus-visible { outline:3px solid var(--altin); outline-offset:3px; border-radius:6px; }
.atla { position:absolute; left:-9999px; top:10px; z-index:100; background:#fff; color:var(--murekkep); padding:10px 16px; border-radius:10px; font-weight:700; }
.atla:focus { left:16px; }
.kap { max-width:1200px; margin:0 auto; padding:0 32px; }
.m { color:var(--soluk); }
.hub { color:var(--altin); }
.foto { background:#1B2440 url(/kursu.jpg) center 28%/cover no-repeat; }
.kb { animation:kenburns 16s ease-in-out infinite alternate; transform-origin:55% 35%; }
@keyframes kenburns { from { transform:scale(1.03); } to { transform:scale(1.18) translate(-2%,1%); } }

/* ── üst şerit ─────────────────────────────────────────────── */
.ust-serit { position:sticky; top:env(safe-area-inset-top, 0px); z-index:50; background:var(--gece); -webkit-backdrop-filter:saturate(1.4) blur(14px); backdrop-filter:saturate(1.4) blur(14px); border-bottom:1px solid transparent; transition:background .3s, border-color .3s; }
.ust-serit.kaydi { background:rgba(6,13,31,.95); border-bottom-color:var(--gece-cizgi); }
.ust-ic { display:flex; align-items:center; gap:24px; height:74px; }
.logo img, .logo-beyaz { filter:brightness(0) invert(1); }
.logo img { width:46px; height:46px; }
.menu { display:flex; gap:4px; margin-left:6px; }
.menu a { color:var(--gece-soluk); font-weight:700; font-size:15px; padding:8px 13px; border-radius:999px; display:inline-flex; align-items:center; gap:8px; transition:color .2s, background .2s; }
.menu a:hover { color:#fff; background:rgba(255,255,255,.06); }
.menu a[aria-current=page] { color:#fff; background:rgba(255,255,255,.1); }
.menu .menu-ek { display:none; }
.ust-eylem { margin-left:auto; display:flex; gap:10px; align-items:center; }
.dil-dugme { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:36px; padding:0 10px; border-radius:10px; border:1px solid rgba(255,255,255,.22); color:#DCE4F7; font-weight:800; font-size:13px; letter-spacing:.08em; transition:border-color .2s, color .2s, background .2s; }
.dil-dugme:hover { color:#fff; border-color:var(--altin); background:rgba(245,179,1,.1); }
.menu-dugme { display:none; width:44px; height:44px; border-radius:12px; border:1px solid var(--gece-cizgi); background:rgba(255,255,255,.04); cursor:pointer; padding:0; flex-direction:column; align-items:center; justify-content:center; gap:5px; }
.menu-dugme i { display:block; width:18px; height:2px; border-radius:2px; background:#fff; transition:transform .3s, opacity .3s; }
.menu-acik .menu-dugme i:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.menu-acik .menu-dugme i:nth-child(2) { opacity:0; }
.menu-acik .menu-dugme i:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

/* ── düğmeler ──────────────────────────────────────────────── */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:13px 22px; border-radius:12px; font-weight:800; font-size:15.5px; line-height:1.2; border:1px solid transparent; white-space:nowrap; cursor:pointer; transition:transform .2s var(--egri), background .2s, box-shadow .2s, color .2s, border-color .2s; }
.btn:hover { transform:translateY(-1px); }
.btn:active { transform:translateY(0) scale(.98); }
.btn-k { padding:10px 16px; font-size:14.5px; }
.btn-b { padding:16px 26px; font-size:16.5px; }
.btn .ok { display:inline-flex; transition:transform .25s var(--egri); }
.btn:hover .ok, .urun-bag:hover .ok { transform:translateX(4px); }
.btn-altin { background:var(--altin); color:#1B1300; box-shadow:0 10px 30px -10px rgba(245,179,1,.7); }
.btn-altin:hover { background:#FFC526; color:#1B1300; box-shadow:0 14px 34px -10px rgba(245,179,1,.85); }
.btn-ana { background:var(--lacivert); color:#fff; box-shadow:0 10px 26px -12px rgba(26,58,140,.7); }
.btn-ana:hover { background:var(--lacivert-h); color:#fff; }
.btn-yesil { background:var(--yesil-koyu); color:#fff; box-shadow:0 10px 26px -12px rgba(21,128,61,.7); }
.btn-yesil:hover { background:#116B33; color:#fff; }
.btn-cizgi-koyu { color:#fff; border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.04); }
.btn-cizgi-koyu:hover { color:#fff; border-color:rgba(37,211,102,.75); background:rgba(37,211,102,.12); }
.btn-wa { color:#0E7A6E; border-color:rgba(37,211,102,.6); background:transparent; }
.btn-wa:hover { color:#0B5F55; background:rgba(37,211,102,.12); }
.btn[disabled] { opacity:.6; cursor:wait; transform:none; }
.dugmeler { display:flex; flex-wrap:wrap; gap:12px; }

/* ── kahraman (karanlık açılış) ────────────────────────────── */
.kahraman { position:relative; background:var(--gece); color:var(--gece-metin); overflow:hidden; isolation:isolate; }
.kahraman::before { content:""; position:absolute; inset:-25%; z-index:-2; pointer-events:none;
  background:radial-gradient(38% 34% at 22% 22%, rgba(26,58,140,.62), transparent 70%),
             radial-gradient(32% 30% at 84% 28%, rgba(91,110,255,.26), transparent 70%),
             radial-gradient(30% 28% at 60% 92%, rgba(245,179,1,.12), transparent 70%);
  animation:aurora 24s ease-in-out infinite alternate; }
.kahraman::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:56px 56px; -webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 30%, #000 25%, transparent 80%); mask-image:radial-gradient(ellipse 75% 65% at 50% 30%, #000 25%, transparent 80%); }
.kahraman-amber::before { background:radial-gradient(38% 34% at 22% 22%, rgba(26,58,140,.55), transparent 70%), radial-gradient(34% 32% at 82% 30%, rgba(245,179,1,.2), transparent 70%), radial-gradient(30% 28% at 55% 95%, rgba(91,110,255,.15), transparent 70%); }
.kahraman-yesil::before { background:radial-gradient(38% 34% at 22% 22%, rgba(26,58,140,.55), transparent 70%), radial-gradient(34% 32% at 82% 30%, rgba(34,197,94,.18), transparent 70%), radial-gradient(30% 28% at 55% 95%, rgba(245,179,1,.1), transparent 70%); }
@keyframes aurora { 0% { transform:translate3d(0,0,0) rotate(0); } 50% { transform:translate3d(3%,-2%,0) rotate(4deg); } 100% { transform:translate3d(-3%,2%,0) rotate(-3deg); } }
.kahraman-ic { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.02fr); gap:56px; align-items:center; padding-top:84px; padding-bottom:84px; }
.kahraman-metin { display:grid; gap:24px; align-content:center; }
.kahraman-orta { display:grid; gap:24px; justify-items:center; text-align:center; padding-top:88px; padding-bottom:48px; }
.kahraman-orta .alt-metin { margin:0 auto; }
.kahraman-kisa .kahraman-orta { padding-bottom:88px; }
.kahraman h1 { font-size:clamp(40px, 5.3vw, 70px); color:#fff; }
.kahraman-orta h1 { font-size:clamp(42px, 6.2vw, 80px); }
.alt-metin { font-size:19px; color:var(--gece-soluk); max-width:620px; }
.alt-metin b { color:#fff; font-weight:700; }
.alt-metin s { opacity:.7; }
.ust-cip { justify-self:start; display:inline-flex; align-items:center; gap:10px; padding:7px 15px 7px 11px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid var(--gece-cizgi); font-size:12.5px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; color:#DCE4F7; }
.kahraman-orta .ust-cip { justify-self:center; }
.ust-cip.amber { border-color:rgba(245,179,1,.35); color:#FDE68A; }
.ust-cip.yesil { border-color:rgba(34,197,94,.35); color:#BBF7D0; }
.canli-nokta, .nokta-amber, .nokta-yesil { width:9px; height:9px; border-radius:50%; background:var(--kirmizi); display:inline-block; flex:none; animation:nabiz 1.8s infinite; }
.nokta-amber { background:var(--altin); animation-name:nabiz-amber; }
.nokta-yesil { background:var(--yesil); animation-name:nabiz-yesil; }
@keyframes nabiz { 0% { box-shadow:0 0 0 0 rgba(239,68,68,.6); } 70% { box-shadow:0 0 0 9px rgba(239,68,68,0); } 100% { box-shadow:0 0 0 0 rgba(239,68,68,0); } }
@keyframes nabiz-amber { 0% { box-shadow:0 0 0 0 rgba(245,179,1,.6); } 70% { box-shadow:0 0 0 9px rgba(245,179,1,0); } 100% { box-shadow:0 0 0 0 rgba(245,179,1,0); } }
@keyframes nabiz-yesil { 0% { box-shadow:0 0 0 0 rgba(34,197,94,.6); } 70% { box-shadow:0 0 0 9px rgba(34,197,94,0); } 100% { box-shadow:0 0 0 0 rgba(34,197,94,0); } }
.vurgu { font-style:italic; color:var(--altin); position:relative; white-space:nowrap; }
.vurgu svg { position:absolute; left:-2%; bottom:-.14em; width:104%; height:.34em; overflow:visible; }
.vurgu path { stroke:var(--altin); stroke-width:4; fill:none; stroke-linecap:round; stroke-dasharray:240; stroke-dashoffset:240; animation:ciz 1.1s .9s cubic-bezier(.6,0,.2,1) forwards; vector-effect:non-scaling-stroke; }
@keyframes ciz { to { stroke-dashoffset:0; } }
.giris-anim > * { opacity:0; transform:translateY(18px); animation:yuksel .85s var(--egri) forwards; }
.giris-anim > :nth-child(2) { animation-delay:.08s; } .giris-anim > :nth-child(3) { animation-delay:.18s; }
.giris-anim > :nth-child(4) { animation-delay:.28s; } .giris-anim > :nth-child(5) { animation-delay:.38s; }
.giris-anim-demo { opacity:0; transform:translateY(26px) scale(.985); animation:yuksel 1s .3s var(--egri) forwards; }
@keyframes yuksel { to { opacity:1; transform:none; } }
.kahraman-not { list-style:none; display:flex; flex-wrap:wrap; gap:10px 22px; font-size:14px; color:var(--gece-soluk); font-weight:600; }
.kahraman-not li, .tik-liste li { position:relative; padding-left:25px; }
.kahraman-not li svg, .tik-liste li svg { position:absolute; left:0; top:.28em; }
.kahraman-not svg { color:var(--altin); }

/* sayılar */
.sayilar { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); border-top:1px solid var(--gece-cizgi); padding-top:32px; padding-bottom:40px; gap:18px; }
.sayi { display:grid; gap:2px; align-content:start; }
.sayi b { font-family:var(--serif); font-size:clamp(40px, 4.4vw, 56px); line-height:1; color:#fff; font-variant-numeric:tabular-nums; }
.sayi span { font-weight:800; font-size:14px; letter-spacing:.12em; text-transform:uppercase; color:var(--altin); }
.sayi small { font-size:13.5px; color:var(--gece-soluk); line-height:1.45; }

/* ── haber bandı + kayan şeritler ──────────────────────────── */
.bant { display:flex; align-items:stretch; background:var(--gece-2); border-top:1px solid var(--gece-cizgi); border-bottom:1px solid var(--gece-cizgi); color:#DCE4F7; overflow:hidden; }
.bant-etiket { flex:none; display:flex; align-items:center; gap:9px; padding:0 20px; background:var(--kirmizi); color:#fff; font-weight:800; font-size:12.5px; letter-spacing:.16em; position:relative; z-index:1; }
.bant-etiket .canli-nokta { background:#fff; animation-name:nabiz-beyaz; }
@keyframes nabiz-beyaz { 0% { box-shadow:0 0 0 0 rgba(255,255,255,.7); } 70% { box-shadow:0 0 0 8px rgba(255,255,255,0); } 100% { box-shadow:0 0 0 0 rgba(255,255,255,0); } }
.bant .kayan { flex:1; -webkit-mask-image:linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image:linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); padding:14px 0; }
.bant-madde { display:inline-flex; align-items:center; font-weight:700; font-size:15px; margin-right:40px; white-space:nowrap; }
.bant-madde::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--altin); margin-right:40px; }
.kayan { overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image:linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.kayan-ray { display:flex; width:max-content; animation:kay var(--kayma, 40s) linear infinite; }
.kayan.ters .kayan-ray { animation-direction:reverse; }
.kayan:hover .kayan-ray { animation-play-state:paused; }
.kayan-grup { display:flex; flex:none; }
@keyframes kay { to { transform:translateX(-50%); } }

/* ── bölümler ──────────────────────────────────────────────── */
.bolum { padding:112px 0; }
.bolum-beyaz { background:#fff; border-top:1px solid var(--cizgi); border-bottom:1px solid var(--cizgi); }
.bolum-koyu { background:var(--gece); color:var(--gece-metin); position:relative; overflow:hidden; isolation:isolate; }
.bolum-koyu::before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(45% 60% at 85% 50%, rgba(26,58,140,.5), transparent 70%), radial-gradient(30% 40% at 10% 90%, rgba(245,179,1,.08), transparent 70%); }
.bolum-bas { display:grid; gap:14px; max-width:760px; margin-bottom:52px; }
.bolum-bas.orta { margin-left:auto; margin-right:auto; text-align:center; justify-items:center; }
.bolum-bas h2, .form-yan h2, .kontrol h2 { font-size:clamp(32px, 3.8vw, 48px); }
.bolum-alt { font-size:18.5px; color:var(--soluk); max-width:680px; }
.bolum-koyu .bolum-alt { color:var(--gece-soluk); }
.ust { font-size:13px; letter-spacing:.15em; text-transform:uppercase; font-weight:800; color:var(--lacivert); }
.bolum-koyu .ust { color:var(--altin); }
.ust.yesil { color:var(--yesil-koyu); }
[data-goster] { transition:opacity .8s var(--egri), transform .8s var(--egri); transition-delay:calc(var(--g, 0) * 90ms); }
.js-belir [data-goster]:not(.gorundu) { opacity:0; transform:translateY(26px); }

/* rozetler + listeler */
.rozet-altin, .rozet-amber, .rozet-yesil { display:inline-flex; align-items:center; padding:5px 12px; border-radius:999px; font-weight:800; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.rozet-altin { background:rgba(245,179,1,.16); border:1px solid rgba(245,179,1,.5); color:#FFD766; }
.rozet-altin.acik { color:var(--altin-koyu); justify-self:start; }
.rozet-amber { background:rgba(245,179,1,.14); border:1px solid rgba(245,179,1,.5); color:var(--altin-koyu); }
.rozet-yesil { background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.45); color:var(--yesil-koyu); }
.tik-liste { list-style:none; display:grid; gap:9px; font-weight:600; font-size:15px; }
.tik-liste svg { color:var(--lacivert); flex:none; }
.tik-liste.koyu { color:#DCE4F7; } .tik-liste.koyu svg { color:var(--altin); }

/* ışık izleyen kart */
.isik { position:relative; }
.isik::before { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0; transition:opacity .3s;
  background:radial-gradient(420px circle at var(--x, 50%) var(--y, 0%), rgba(26,58,140,.09), transparent 45%); }
.isik:hover::before { opacity:1; }

/* ── ürün kartları (ana sayfa) ─────────────────────────────── */
.urunler { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:22px; }
.urun-kart { background:var(--kart); border:1px solid var(--cizgi); border-radius:22px; box-shadow:var(--golge); overflow:hidden; display:grid; grid-template-rows:auto 1fr; transition:transform .35s var(--egri), box-shadow .35s, border-color .35s, opacity .8s var(--egri); }
.urun-kart:hover { transform:translateY(-4px); box-shadow:0 2px 4px rgba(11,24,52,.05), 0 24px 50px -12px rgba(11,24,52,.18); border-color:#C6D0E6; }
.urun-ic { padding:28px 30px 30px; display:grid; gap:14px; align-content:start; }
.urun-ust { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.urun-ad { font-family:var(--serif); font-weight:700; font-size:22px; display:inline-flex; align-items:center; gap:10px; }
.urun-kart h3 { font-size:26px; }
.urun-bag { display:inline-flex; align-items:center; gap:6px; font-weight:800; font-size:15.5px; margin-top:4px; }
.urun-bag .ok { display:inline-flex; transition:transform .25s var(--egri); }

/* küçük döngüler */
.mini { height:200px; background:linear-gradient(160deg, #0B1636, #060D1F); position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; gap:18px; padding:22px; color:#DCE4F7; }
.mini::after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size:28px 28px; pointer-events:none; }
.mh-kart { width:120px; padding:8px; border-radius:12px; background:rgba(255,255,255,.06); border:1px solid var(--gece-cizgi); display:grid; gap:6px; animation:mh-nefes 5s ease-in-out infinite; }
.mh-kart .foto { height:62px; border-radius:8px; }
.mh-kart i { height:5px; border-radius:3px; background:rgba(255,255,255,.18); }
.mh-kart i + i { width:65%; }
.mh-ok { color:var(--altin); animation:mh-ok 5s ease-in-out infinite; }
.mh-cipler { display:grid; gap:6px; }
.mh-cipler span { padding:4px 12px; border-radius:999px; font-size:12px; font-weight:800; letter-spacing:.04em; background:rgba(245,179,1,.14); border:1px solid rgba(245,179,1,.45); color:#FFE39A; opacity:0; animation:mh-cip 5s var(--egri) infinite; animation-delay:calc(var(--i) * .14s); }
@keyframes mh-nefes { 0%,100% { transform:scale(1); } 20% { transform:scale(1.04); } }
@keyframes mh-ok { 0%,15% { transform:translateX(-6px); opacity:.3; } 25%,85% { transform:none; opacity:1; } 100% { opacity:.3; } }
@keyframes mh-cip { 0%,22% { opacity:0; transform:translateX(-12px) scale(.9); } 30%,84% { opacity:1; transform:none; } 94%,100% { opacity:0; transform:translateX(8px); } }
.mini-tv { justify-content:flex-start; }
.mt-ekran { position:relative; width:46%; aspect-ratio:16/9; border-radius:10px; overflow:hidden; flex:none; border:1px solid var(--gece-cizgi); }
.mt-ekran .foto { position:absolute; inset:0; }
.mt-canli { position:absolute; top:6px; left:6px; display:inline-flex; align-items:center; gap:5px; padding:2px 7px; border-radius:5px; background:var(--kirmizi); color:#fff; font-size:10px; font-weight:800; letter-spacing:.1em; }
.mt-canli i { width:5px; height:5px; border-radius:50%; background:#fff; }
.mt-sag { flex:1; display:grid; gap:12px; min-width:0; }
.mt-metin { font-size:13.5px; line-height:1.6; color:#C9D3EA; }
.mk { border-radius:4px; padding:0 2px; animation:mk-sec 5s infinite; animation-delay:calc(var(--j) * .12s); }
@keyframes mk-sec { 0%,30% { background:transparent; color:#C9D3EA; } 36%,80% { background:rgba(91,110,255,.38); color:#fff; } 90%,100% { background:transparent; } }
.mt-dalga { display:flex; align-items:center; gap:3px; height:34px; }
.mt-dalga i { flex:1; height:calc(var(--h) * 1%); border-radius:2px; background:#3A4A6A; animation:dalga 1.1s ease-in-out infinite alternate; animation-delay:calc(var(--i) * -.08s); }
.mini-sdha { align-items:flex-start; }
.ms-ray { width:100%; display:grid; gap:8px; animation:ms-kay 9s linear infinite; }
.ms-satir { display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:10px; background:rgba(255,255,255,.05); border:1px solid var(--gece-cizgi); font-size:13px; }
.ms-satir em { font-style:normal; font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--altin); width:62px; flex:none; }
.ms-satir b { flex:1; font-weight:700; color:#E9EEF9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ms-satir span { color:var(--yesil); display:flex; }
@keyframes ms-kay { to { transform:translateY(calc(-50% - 4px)); } }
.mb-yorunge { position:absolute; width:150px; height:150px; left:50%; top:50%; margin:-75px 0 0 -75px; animation:don 30s linear infinite; }
.mb-yorunge i { position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-6px; border-radius:50%; background:#2A3A63; transform:rotate(var(--a)) translateY(-75px); animation:mb-yan 3s infinite; animation-delay:calc(var(--i) * .3s); }
.mb-merkez { position:relative; z-index:1; width:64px; height:64px; border-radius:50%; background:var(--lacivert); display:grid; place-items:center; color:#fff; box-shadow:0 0 0 0 rgba(34,197,94,.5); animation:mb-ping 3s infinite; }
@keyframes don { to { transform:rotate(360deg); } }
@keyframes mb-yan { 0%,100% { background:#2A3A63; box-shadow:none; } 10%,30% { background:var(--yesil); box-shadow:0 0 12px rgba(34,197,94,.8); } }
@keyframes mb-ping { 0% { box-shadow:0 0 0 0 rgba(34,197,94,.45); } 70% { box-shadow:0 0 0 40px rgba(34,197,94,0); } 100% { box-shadow:0 0 0 0 rgba(34,197,94,0); } }

/* ── nasıl çalışır ─────────────────────────────────────────── */
.adimlar { position:relative; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:26px; }
.adim-hat { position:absolute; left:12.5%; right:12.5%; top:36px; height:2px; background:repeating-linear-gradient(90deg, #C6D0E6 0 8px, transparent 8px 16px); }
.adim-hat i { position:absolute; top:-5px; left:0; width:12px; height:12px; margin-left:-6px; border-radius:50%; background:var(--altin); box-shadow:0 0 0 6px rgba(245,179,1,.2), 0 0 18px rgba(245,179,1,.8); animation:adim-git 8s var(--egri) infinite; }
@keyframes adim-git { 0% { left:0; } 22%,25% { left:33.33%; } 47%,50% { left:66.66%; } 72%,100% { left:100%; } }
.adim { position:relative; display:grid; gap:10px; justify-items:center; text-align:center; }
.adim-ikon { width:72px; height:72px; border-radius:22px; background:#fff; border:1px solid var(--cizgi); display:grid; place-items:center; color:var(--lacivert); box-shadow:var(--golge); position:relative; z-index:1; animation:adim-yan 8s infinite; animation-delay:calc(var(--i) * 2s - .4s); }
@keyframes adim-yan { 0%,100% { transform:none; background:#fff; color:var(--lacivert); } 6%,16% { transform:translateY(-4px); background:var(--lacivert); color:#fff; box-shadow:0 16px 30px -10px rgba(26,58,140,.55); } 24% { transform:none; background:#fff; color:var(--lacivert); } }
.adim-no { font-weight:800; font-size:12.5px; letter-spacing:.14em; color:var(--altin-koyu); margin-top:6px; }
.adim h3 { font-size:24px; }
.adim p { font-size:15.5px; max-width:250px; }

/* ── özellik ızgarası ──────────────────────────────────────── */
.izgara { display:grid; gap:18px; }
.izgara-3 { grid-template-columns:repeat(3, minmax(0,1fr)); }
.izgara-4 { grid-template-columns:repeat(4, minmax(0,1fr)); }
.ozellik { background:var(--kart); border:1px solid var(--cizgi); border-radius:18px; padding:26px; display:grid; gap:12px; align-content:start; box-shadow:var(--golge); transition:transform .35s var(--egri), box-shadow .35s, border-color .35s, opacity .8s var(--egri); }
.bolum-beyaz .ozellik { background:var(--zemin); box-shadow:none; }
.ozellik:hover { transform:translateY(-3px); border-color:#C6D0E6; box-shadow:0 20px 40px -18px rgba(11,24,52,.22); }
.ozellik-ikon { width:46px; height:46px; border-radius:13px; background:rgba(26,58,140,.08); color:var(--lacivert); display:grid; place-items:center; transition:transform .4s var(--egri), background .3s, color .3s; }
.ozellik:hover .ozellik-ikon { transform:rotate(-6deg) scale(1.08); background:var(--lacivert); color:#fff; }
.ozellik h3 { font-size:21px; }
.ozellik p { font-size:15.5px; color:var(--soluk); }

/* ── kontrol sizde (telefon + Telegram) ────────────────────── */
.kontrol-ic { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:64px; align-items:center; }
.kontrol-metin { display:grid; gap:18px; }
.kontrol h2 { color:#fff; }
.kontrol-kartlar { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; margin-top:10px; }
.kontrol-kartlar div { padding:16px; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid var(--gece-cizgi); display:grid; gap:6px; color:var(--altin); }
.kontrol-kartlar b { color:#fff; font-size:15px; }
.kontrol-kartlar small { color:var(--gece-soluk); font-size:13px; line-height:1.45; }
.sohbet-kap { position:relative; display:grid; justify-items:center; }
.telefon { position:relative; width:280px; aspect-ratio:9/19; border-radius:44px; padding:10px; background:linear-gradient(145deg, #243259, #0B1330); box-shadow:0 0 0 1px rgba(255,255,255,.14), inset 0 0 0 1px rgba(255,255,255,.06), 0 50px 90px -30px rgba(0,0,0,.8); flex:none; }
.telefon::before { content:""; position:absolute; top:19px; left:50%; width:82px; height:22px; margin-left:-41px; border-radius:14px; background:#050914; z-index:5; }
.telefon.kucuk { width:268px; }
.telefon-ekran { position:relative; height:100%; border-radius:35px; overflow:hidden; background:#0B1020; }
.sohbet { background:linear-gradient(180deg, #0E1A3A, #0A1228); padding:54px 12px 12px; display:flex; flex-direction:column; gap:10px; }
.sohbet-ust { display:flex; align-items:center; gap:10px; padding:0 4px 10px; border-bottom:1px solid var(--gece-cizgi); }
.sohbet-ust img { width:32px; height:32px; border-radius:50%; background:#fff; padding:3px; }
.sohbet-ust span { display:grid; line-height:1.2; }
.sohbet-ust b { color:#fff; font-size:14px; }
.sohbet-ust small { color:var(--gece-soluk); font-size:11px; }
.balon { max-width:88%; padding:9px 11px; border-radius:14px 14px 14px 4px; background:#1B2A52; color:#E9EEF9; font-size:12.5px; line-height:1.4; display:grid; gap:5px; opacity:0; transform:translateY(12px) scale(.96); animation:balon 10s var(--egri) infinite; }
.balon .foto { height:92px; border-radius:9px; }
.balon b { font-size:13px; }
.balon small { color:var(--gece-soluk); font-size:11.5px; }
.b-dugme { justify-self:start; padding:5px 14px; border-radius:8px; background:var(--lacivert); color:#fff; font-weight:800; font-size:12px; animation:b-dugme 10s infinite; }
.balon.ben { align-self:flex-end; border-radius:14px 14px 4px 14px; background:var(--lacivert); font-weight:700; animation-name:balon-2; }
.balon.b3 { display:flex; align-items:center; gap:6px; animation-name:balon-3; }
.balon.b3 svg { color:var(--yesil); flex:none; }
@keyframes balon { 0%,6% { opacity:0; transform:translateY(12px) scale(.96); } 11%,90% { opacity:1; transform:none; } 96%,100% { opacity:0; } }
@keyframes balon-2 { 0%,40% { opacity:0; transform:translateY(12px) scale(.96); } 45%,90% { opacity:1; transform:none; } 96%,100% { opacity:0; } }
@keyframes balon-3 { 0%,54% { opacity:0; transform:translateY(12px) scale(.96); } 59%,90% { opacity:1; transform:none; } 96%,100% { opacity:0; } }
@keyframes b-dugme { 0%,24% { box-shadow:0 0 0 0 rgba(245,179,1,0); } 30% { box-shadow:0 0 0 6px rgba(245,179,1,.45); } 36% { transform:scale(.94); box-shadow:0 0 0 0 rgba(245,179,1,0); } 40%,100% { transform:none; background:var(--yesil-koyu); } }
.sohbet-bildirim { position:absolute; left:-24px; top:26%; display:flex; gap:10px; align-items:center; padding:12px 14px; border-radius:16px; background:rgba(255,255,255,.96); color:var(--murekkep); box-shadow:0 20px 40px -10px rgba(0,0,0,.5); max-width:250px; animation:bildirim 10s var(--egri) infinite; }
.sohbet-bildirim svg { color:var(--lacivert); flex:none; }
.sohbet-bildirim span { display:grid; line-height:1.3; }
.sohbet-bildirim b { font-size:13.5px; }
.sohbet-bildirim small { font-size:12px; color:var(--soluk); }
@keyframes bildirim { 0%,2% { opacity:0; transform:translateX(-16px); } 7%,32% { opacity:1; transform:none; } 38%,100% { opacity:0; transform:translateX(-10px); } }

/* ── platformlar ───────────────────────────────────────────── */
.platformlar .kayan { margin-top:14px; }
.p-cip { display:inline-flex; align-items:center; gap:10px; margin-right:14px; padding:12px 20px; border-radius:999px; background:#fff; border:1px solid var(--cizgi); font-weight:700; font-size:16px; white-space:nowrap; box-shadow:var(--golge); }
.p-cip i { width:10px; height:10px; border-radius:50%; background:var(--r); }
.iki-sutun { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:56px; align-items:center; }
.iki-sutun .bolum-bas { margin-bottom:0; }
.pl-izgara { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; }
.pl { display:flex; align-items:center; gap:10px; padding:13px 16px; border-radius:14px; border:1px solid var(--cizgi); background:var(--zemin); font-weight:700; font-size:15px; animation:pl-yan 7s infinite; animation-delay:calc(var(--i) * .35s); }
.pl i { width:10px; height:10px; border-radius:50%; background:var(--r); flex:none; }
@keyframes pl-yan { 0%,100% { border-color:var(--cizgi); background:var(--zemin); transform:none; } 4%,9% { border-color:var(--r); background:#fff; transform:translateY(-2px); box-shadow:0 10px 20px -12px rgba(11,24,52,.35); } 14% { border-color:var(--cizgi); background:var(--zemin); transform:none; box-shadow:none; } }

/* ── fiyat bandı ───────────────────────────────────────────── */
.fiyat-bant { background:var(--gece); color:var(--gece-metin); padding:100px 0; position:relative; overflow:hidden; isolation:isolate; }
.fiyat-bant::before { content:""; position:absolute; inset:-30%; z-index:-1; background:radial-gradient(35% 45% at 80% 50%, rgba(245,179,1,.16), transparent 70%), radial-gradient(40% 50% at 15% 30%, rgba(26,58,140,.6), transparent 70%); animation:aurora 26s ease-in-out infinite alternate; }
.fiyat-ic { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:56px; align-items:center; }
.fiyat-metin { display:grid; gap:18px; justify-items:start; }
.fiyat-metin h2 { font-size:clamp(32px, 3.8vw, 48px); color:#fff; }
.fiyat-metin p { color:var(--gece-soluk); font-size:18px; }
.fiyat-kutu { padding:32px; border-radius:24px; background:linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.14); box-shadow:var(--golge-b); display:grid; gap:18px; }
.fiyat-satir { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding-bottom:16px; border-bottom:1px solid var(--gece-cizgi); flex-wrap:wrap; }
.fiyat-satir small { font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--gece-soluk); font-weight:700; }
.fiyat-satir b { font-family:var(--serif); font-size:36px; color:#fff; line-height:1; }
.fiyat-satir.vurgulu b { color:var(--altin); font-size:44px; }
.fiyat-satir s { color:var(--gece-soluk); font-weight:600; font-size:18px; margin-right:10px; }
.kdv { font-size:13.5px; color:var(--gece-soluk); }

/* ── alt bilgi ─────────────────────────────────────────────── */
.alt { background:#040916; color:var(--gece-soluk); border-top:1px solid var(--gece-cizgi); }
.alt-ic { display:grid; grid-template-columns:minmax(0,1.4fr) repeat(3, minmax(0,1fr)); gap:40px; padding-top:64px; padding-bottom:48px; }
.alt-marka { display:grid; gap:16px; align-content:start; max-width:340px; }
.alt-marka p { font-size:15px; }
.alt-sutun { display:grid; gap:10px; align-content:start; font-size:15px; }
.alt-sutun h2 { font-family:var(--sans); font-size:12.5px; letter-spacing:.16em; text-transform:uppercase; color:#fff; font-weight:800; margin-bottom:4px; }
.alt a { color:var(--gece-soluk); transition:color .2s; }
.alt a:hover { color:#fff; }
.alt-alt { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; padding-top:22px; padding-bottom:28px; border-top:1px solid var(--gece-cizgi); font-size:13.5px; }

/* ── gösterim kabuğu ───────────────────────────────────────── */
.demo { position:relative; background:linear-gradient(180deg, rgba(20,32,70,.94), rgba(9,17,40,.97)); border:1px solid rgba(148,170,220,.2); border-radius:20px; box-shadow:var(--golge-b), inset 0 1px 0 rgba(255,255,255,.07); color:var(--gece-metin); overflow:hidden; font-size:14px; }
.demo-ust { display:flex; align-items:center; gap:7px; padding:12px 16px; border-bottom:1px solid rgba(148,170,220,.13); font-size:12.5px; color:var(--gece-soluk); }
.demo-ust .d { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.14); }
.demo-ust b { margin-left:8px; color:#DCE4F7; font-weight:700; letter-spacing:.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.canli-rozet { margin-left:auto; display:inline-flex; align-items:center; gap:7px; padding:3px 10px; border-radius:999px; background:rgba(239,68,68,.15); color:#FCA5A5; font-weight:800; font-size:11px; letter-spacing:.1em; font-variant-numeric:tabular-nums; white-space:nowrap; }
.canli-rozet i { width:7px; height:7px; border-radius:50%; background:var(--kirmizi); animation:nabiz 1.8s infinite; }
.canli-rozet.amber { background:rgba(245,179,1,.14); color:#FDE68A; } .canli-rozet.amber i { background:var(--altin); animation-name:nabiz-amber; }
.canli-rozet.yesil { background:rgba(34,197,94,.14); color:#BBF7D0; } .canli-rozet.yesil i { background:var(--yesil); animation-name:nabiz-yesil; }
.demo-alt { display:flex; align-items:center; gap:12px; padding:10px 14px; border-top:1px solid rgba(148,170,220,.13); }
.oynat { width:30px; height:30px; flex:none; border-radius:50%; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.06); color:#fff; display:grid; place-items:center; cursor:pointer; padding:0; transition:background .2s; }
.oynat:hover { background:rgba(255,255,255,.14); }
.oynat .i-oynat, .durdu .oynat .i-dur { display:none; }
.durdu .oynat .i-oynat { display:block; }
.ilerleme { flex:1; height:4px; border-radius:4px; background:rgba(255,255,255,.1); overflow:hidden; }
.ilerleme i { display:block; height:100%; width:0; background:linear-gradient(90deg, var(--altin), #FFD766); border-radius:4px; }
.zaman { font-variant-numeric:tabular-nums; font-size:12px; color:var(--gece-soluk); white-space:nowrap; }
.ornek-not { font-size:11px; color:var(--gece-soluk); opacity:.75; white-space:nowrap; margin-left:auto; }
.demo-alt .zaman + .ornek-not { margin-left:0; }
.demo.durdu *, .demo.durdu *::before, .demo.durdu *::after,
.gizli *, .gizli *::before, .gizli *::after, .gizli { animation-play-state:paused !important; }
.iskelet { display:grid; gap:6px; }
.iskelet i { display:block; height:6px; border-radius:4px; background:rgba(255,255,255,.1); }
.iskelet.acik i { background:#E3E8F3; }

/* ── üretim hattı (ana sayfa) ──────────────────────────────── */
.hat-govde { position:relative; padding:18px; display:grid; gap:12px; min-height:452px; align-content:start; }
.hat-ust { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:12px; align-items:stretch; }
.hat-haber { position:relative; padding:12px; border-radius:14px; background:rgba(255,255,255,.045); border:1px solid rgba(148,170,220,.18); overflow:hidden; opacity:0; transform:translateY(-14px) scale(.98); transition:opacity .5s, transform .6s var(--egri); }
.hat.a1 .hat-haber { opacity:1; transform:none; }
.hat-haber .foto { height:78px; border-radius:9px; margin-bottom:9px; }
.hat-kaynak { font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--gece-soluk); display:flex; gap:8px; align-items:center; font-weight:700; }
.etiket { padding:2px 7px; border-radius:6px; background:rgba(245,179,1,.16); color:var(--altin); font-weight:800; }
.hat-baslik { font-family:var(--serif); font-size:16.5px; font-weight:700; line-height:1.25; color:#fff; margin:6px 0 8px; }
.hat-tarama { position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg, transparent, var(--altin), transparent); box-shadow:0 0 18px 5px rgba(245,179,1,.45); opacity:0; }
.hat.a2 .hat-tarama { animation:tara 1.4s ease-in-out forwards; }
@keyframes tara { 0% { top:0; opacity:0; } 10%,88% { opacity:1; } 100% { top:100%; opacity:0; } }
.hat-kontrol { padding:12px; border-radius:14px; background:rgba(255,255,255,.025); border:1px dashed rgba(148,170,220,.22); display:grid; gap:8px; align-content:start; opacity:0; transition:opacity .4s; }
.hat.a2 .hat-kontrol { opacity:1; }
.hat-kontrol ul { list-style:none; display:grid; gap:9px; }
.hat-etiket { font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--gece-soluk); font-weight:800; }
.hat-kontrol li, .ys-bulgular li { display:flex; gap:8px; align-items:center; font-size:12.5px; font-weight:600; color:#C9D3EA; }
.kutucuk { width:18px; height:18px; border-radius:50%; border:1.5px solid rgba(255,255,255,.25); display:grid; place-items:center; flex:none; color:transparent; transition:all .3s; }
.kutucuk svg { width:11px; height:11px; }
.hat-kontrol li { opacity:.4; transition:opacity .35s; transition-delay:calc(var(--i) * .3s); }
.hat-kontrol .kutucuk { transition-delay:calc(var(--i) * .3s); }
.hat.a3 .hat-kontrol li { opacity:1; }
.hat.a3 .hat-kontrol .kutucuk { background:var(--yesil); border-color:var(--yesil); color:#06270F; }
.hat-govde > .hat-etiket { margin-top:4px; opacity:0; transition:opacity .4s; }
.hat.a4 .hat-govde > .hat-etiket { opacity:1; }
.hat-formatlar { display:grid; grid-template-columns:1fr .6fr 1fr .6fr 1.35fr; gap:10px; align-items:end; }
.fmt { display:grid; gap:6px; justify-items:center; opacity:0; transform:translateY(18px) scale(.88); transition:opacity .45s, transform .6s cubic-bezier(.2,.9,.3,1.35); transition-delay:calc(var(--i) * .13s); }
.hat.a4 .fmt { opacity:1; transform:none; }
.fmt .kutu { width:100%; border-radius:8px; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.16); background:#1B2440 url(/kursu.jpg) center 25%/cover no-repeat; }
.fmt .kutu::after { content:""; position:absolute; inset:auto 0 0 0; height:55%; background:linear-gradient(transparent, rgba(6,13,31,.95)); }
.fmt .kutu i { position:absolute; left:6px; z-index:1; height:4px; border-radius:2px; background:rgba(255,255,255,.85); }
.fmt .t1 { bottom:13px; right:6px; } .fmt .t2 { bottom:6px; width:45%; background:var(--altin); }
.fmt-post .kutu { aspect-ratio:1; }
.fmt-story .kutu, .fmt-reel .kutu { aspect-ratio:9/16; }
.fmt-car .kutu { aspect-ratio:4/5; box-shadow:5px -5px 0 -1px rgba(255,255,255,.2), 10px -10px 0 -2px rgba(255,255,255,.09); overflow:visible; }
.fmt-car .kutu::after { border-radius:0 0 8px 8px; }
.fmt-web .kutu { aspect-ratio:16/9; }
.fmt-reel .kutu::before { content:""; position:absolute; z-index:2; left:50%; top:38%; width:20px; height:20px; margin:-10px; border-radius:50%; background:rgba(255,255,255,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4 2.5l5 3.5-5 3.5z' fill='%230B1834'/%3E%3C/svg%3E") center/10px no-repeat; }
.fmt span { font-size:10.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:#C9D3EA; }
.hat-alt { display:grid; gap:10px; margin-top:4px; }
.hat-onay { display:flex; align-items:center; gap:10px; opacity:0; transform:translateY(8px); transition:opacity .4s, transform .4s; }
.hat.a5 .hat-onay { opacity:1; transform:none; }
.hat-onay small { font-size:12px; color:var(--gece-soluk); font-weight:600; }
.onay-dugme { display:inline-flex; align-items:center; gap:6px; padding:7px 15px; border-radius:9px; background:var(--lacivert); color:#fff; font-weight:800; font-size:12.5px; transition:background .3s, transform .15s; }
.hat.a5 .onay-dugme { animation:dugme-nabiz 1s ease-out 1; }
.hat.a6 .onay-dugme { background:var(--yesil-koyu); animation:none; }
.onay-dugme .sonra, .hat.a6 .onay-dugme .once { display:none; }
.hat.a6 .onay-dugme .sonra { display:inline-flex; align-items:center; gap:5px; }
@keyframes dugme-nabiz { 0% { box-shadow:0 0 0 0 rgba(245,179,1,.6); } 60% { box-shadow:0 0 0 10px rgba(245,179,1,0); transform:scale(.96); } 100% { box-shadow:0 0 0 0 rgba(245,179,1,0); transform:none; } }
.hat-platformlar { display:flex; flex-wrap:wrap; gap:6px; }
.hat-platformlar span { display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; background:rgba(255,255,255,.04); border:1px solid rgba(148,170,220,.16); font-size:11.5px; font-weight:700; color:#7F8DB0; transition:color .35s, border-color .35s, background .35s; transition-delay:calc(var(--i) * .17s); }
.hat-platformlar span::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--r); opacity:.3; transition:opacity .35s; transition-delay:calc(var(--i) * .17s); }
.hat.a7 .hat-platformlar span { color:#fff; border-color:rgba(34,197,94,.5); background:rgba(34,197,94,.12); }
.hat.a7 .hat-platformlar span::before { opacity:1; }
.demo.bitis .hat-govde > *, .demo.bitis .tv-govde > * { opacity:0 !important; transition:opacity .5s !important; }

/* ── SDHub-TV yayın editörü ────────────────────────────────── */
.kahraman-tv .tv-sahne { padding-bottom:96px; }
.tv-govde { position:relative; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); min-height:470px; }
.tv-sol { padding:16px; border-right:1px solid rgba(148,170,220,.13); display:grid; gap:12px; align-content:start; }
.tv-ekran { position:relative; aspect-ratio:16/9; border-radius:12px; overflow:hidden; background:#000; }
.tv-goruntu { position:absolute; inset:0; background:url(/kursu.jpg) center/cover no-repeat; animation:kenburns 18s ease-in-out infinite alternate; transform-origin:52% 35%; }
.tv-kanal { position:absolute; top:10px; left:10px; display:inline-flex; align-items:center; gap:6px; padding:3px 9px; border-radius:6px; background:var(--kirmizi); color:#fff; font-size:11px; font-weight:800; letter-spacing:.12em; }
.tv-kanal i { width:6px; height:6px; border-radius:50%; background:#fff; animation:nabiz-beyaz 1.8s infinite; }
.tv-logo { position:absolute; top:8px; right:10px; width:34px; height:34px; filter:brightness(0) invert(1); opacity:.9; }
.tv-altyazi { position:absolute; left:6%; right:6%; bottom:12px; text-align:center; line-height:1.75; }
.tv-altyazi span { background:rgba(0,0,0,.76); color:#fff; font-weight:700; font-size:14.5px; padding:3px 9px; border-radius:4px; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.tv-dalga { position:relative; display:flex; align-items:center; gap:3px; height:54px; padding:0 10px; border-radius:10px; background:rgba(0,0,0,.28); overflow:hidden; }
.tv-dalga i { flex:1; height:calc(var(--h) * 1%); min-height:4px; border-radius:2px; background:#3A4A6A; animation:dalga 1.2s ease-in-out infinite alternate; animation-delay:calc(var(--i) * -.09s); transition:background .4s; }
@keyframes dalga { from { transform:scaleY(.5); } to { transform:scaleY(1); } }
.tv.k-cikis .tv-dalga i.s { background:var(--tv); }
.tv-secim { position:absolute; top:5px; bottom:5px; left:37%; width:0; border-radius:6px; background:rgba(91,110,255,.18); border:1.5px solid var(--tv); opacity:0; transition:width .7s var(--egri), opacity .3s; }
.tv.k-giris .tv-secim { opacity:1; width:3px; }
.tv.k-cikis .tv-secim { width:37.5%; }
.tv-gc { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; }
.tv-gc div { padding:8px 10px; border-radius:10px; background:rgba(255,255,255,.04); border:1px solid rgba(148,170,220,.13); transition:border-color .3s, background .3s; }
.tv-gc small { display:block; font-size:10px; letter-spacing:.14em; color:var(--gece-soluk); font-weight:800; }
.tv-gc b { font-variant-numeric:tabular-nums; font-size:15.5px; color:#fff; }
.tv-gc .dolu { border-color:rgba(91,110,255,.55); background:rgba(91,110,255,.12); }
.tv-gc .dolu b { color:#B7C3FF; }
.tv-hazir { display:flex; align-items:center; gap:10px; font-size:12.5px; font-weight:700; color:#C9D3EA; opacity:0; transition:opacity .3s; }
.tv.k-hazir .tv-hazir { opacity:1; }
.tv-hazir .ilerleme i { width:0; transition:width 1.7s linear; }
.tv.k-hazir .tv-hazir .ilerleme i { width:100%; }
.tv-hazir .tamam { display:none; color:#86EFAC; align-items:center; gap:5px; }
.tv.k-reel .tv-hazir .tamam { display:inline-flex; }
.tv.k-reel .tv-hazir .surec { display:none; }
.tv-sag { padding:16px; display:grid; align-content:start; gap:8px; transition:opacity .4s; }
.tv.k-reel .tv-sag { opacity:.4; }
.tv-tbas { display:flex; justify-content:space-between; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--gece-soluk); font-weight:800; padding:0 10px 4px; }
.tv-t { display:grid; gap:4px; }
.tv-t p { display:grid; grid-template-columns:52px 1fr; gap:10px; padding:8px 10px; border-radius:10px; font-size:14px; line-height:1.6; color:#C9D3EA; transition:background .3s; }
.tv-t p.simdi { background:rgba(255,255,255,.05); }
.tv-t time { font-variant-numeric:tabular-nums; font-size:12px; color:#7F8DB0; padding-top:2px; }
.tv-t .k { border-radius:4px; padding:0 1px; transition:opacity .2s, background .25s, color .25s, box-shadow .25s; }
.tv-t .canli .k { opacity:0; }
.tv-t .canli .k.g { opacity:1; }
.tv-t .k.sec { background:rgba(91,110,255,.34); color:#fff; transition-delay:calc(var(--j, 0) * 22ms); }
.tv-t .k.giris-k { background:rgba(34,197,94,.34); color:#fff; box-shadow:inset 2px 0 0 #22C55E; }
.tv-t .k.cikis-k { box-shadow:inset -2px 0 0 #EF4444; }
.tv-reel { position:absolute; right:22px; top:50%; width:196px; aspect-ratio:9/16; border-radius:20px; overflow:hidden; background:#000; border:3px solid #1B2440; box-shadow:0 40px 70px -14px rgba(0,0,0,.8); opacity:0; transform:translate(40px,-50%) scale(.92); transition:opacity .5s, transform .7s cubic-bezier(.2,.9,.3,1.2); z-index:5; pointer-events:none; }
.tv.k-reel .tv-reel { opacity:1; transform:translate(0,-50%); }
.tv-reel .g { position:absolute; inset:0; background:url(/kursu.jpg) 52% 30%/auto 100% no-repeat; animation:kenburns 12s ease-in-out infinite alternate; }
.tv-reel::after { content:""; position:absolute; inset:45% 0 0 0; background:linear-gradient(transparent, rgba(0,0,0,.85)); }
.rl-logo { position:absolute; z-index:2; top:10px; left:10px; width:28px; height:28px; filter:brightness(0) invert(1); }
.rl-altyazi { position:absolute; z-index:2; left:10px; right:10px; bottom:128px; text-align:center; font-weight:800; font-size:13px; line-height:1.35; color:rgba(255,255,255,.55); text-shadow:0 1px 3px rgba(0,0,0,.8); }
.rk { transition:color .2s; }
.tv.k-reel .rl-altyazi .rk { animation:kara .3s forwards; animation-delay:calc(.7s + var(--j) * .26s); }
@keyframes kara { to { color:#FFD766; } }
.rl-bant { position:absolute; z-index:2; left:10px; right:10px; bottom:62px; padding:7px 9px; background:var(--lacivert); border-left:3px solid var(--altin); color:#fff; font-family:var(--serif); font-weight:700; font-size:12.5px; line-height:1.25; }
.rl-bant small { display:block; font-family:var(--sans); font-size:9px; letter-spacing:.14em; color:var(--altin); font-weight:800; }
.rl-onay { position:absolute; z-index:2; left:10px; right:10px; bottom:14px; padding:9px; border-radius:10px; background:var(--altin); color:#1B1300; text-align:center; font-weight:800; font-size:12.5px; transition:background .3s, color .3s, transform .15s; }
.rl-onay .sonra, .tv.k-onay .rl-onay .once { display:none; }
.tv.k-onay .rl-onay { background:var(--yesil-koyu); color:#fff; transform:scale(.97); }
.tv.k-onay .rl-onay .sonra { display:inline-flex; align-items:center; gap:5px; justify-content:center; }
.rl-yayin { position:absolute; z-index:3; left:10px; right:10px; top:48px; display:flex; flex-wrap:wrap; gap:5px; }
.rl-yayin span { padding:3px 8px; border-radius:999px; background:rgba(6,13,31,.82); border:1px solid rgba(34,197,94,.55); color:#fff; font-size:10.5px; font-weight:700; opacity:0; transform:translateY(-6px); transition:opacity .3s, transform .3s; transition-delay:calc(var(--i) * .15s); }
.tv.k-yayin .rl-yayin span { opacity:1; transform:none; }
.imlec { position:absolute; left:0; top:0; z-index:8; width:22px; height:22px; pointer-events:none; opacity:0; transform:translate(var(--x, 70%), var(--y, 380px)); transition:transform .8s cubic-bezier(.6,.05,.3,1), opacity .3s; }
.imlec svg { filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)); }
.tv.imlec-var .imlec { opacity:1; }
.imlec::after { content:""; position:absolute; left:-9px; top:-9px; width:22px; height:22px; border-radius:50%; border:2px solid var(--altin); opacity:0; }
.imlec.tik::after { animation:tik .55s ease-out; }
@keyframes tik { 0% { opacity:1; transform:scale(.3); } 100% { opacity:0; transform:scale(1.7); } }
.tv-adimlar { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:20px; counter-reset:adim; }
.tv-adim { padding:30px; border-radius:20px; background:#fff; border:1px solid var(--cizgi); box-shadow:var(--golge); display:grid; gap:12px; align-content:start; }
.tv-no { width:46px; height:46px; border-radius:50%; background:var(--gece); color:var(--altin); font-family:var(--serif); font-weight:700; font-size:22px; display:grid; place-items:center; }
.tv-adim h3 { font-size:24px; }
.not-satiri { margin-top:28px; text-align:center; font-weight:700; color:var(--soluk); }

/* ── SDHub: format telefonu ────────────────────────────────── */
.format { display:grid; grid-template-columns:minmax(0,1fr) 272px; gap:24px; align-items:center; }
.format-sekmeler { display:grid; gap:8px; }
.format-sekmeler button, .yetenek-sekmeler button { text-align:left; display:grid; gap:2px; padding:13px 16px; border-radius:14px; border:1px solid var(--gece-cizgi); background:rgba(255,255,255,.03); color:var(--gece-soluk); cursor:pointer; position:relative; overflow:hidden; transition:background .3s, border-color .3s, color .3s; }
.format-sekmeler button:hover { background:rgba(255,255,255,.06); }
.format-sekmeler b { font-size:15.5px; color:#DCE4F7; font-weight:800; }
.format-sekmeler small { font-size:13px; line-height:1.4; }
.format-sekmeler .aktif { background:rgba(255,255,255,.08); border-color:rgba(245,179,1,.5); color:#C9D3EA; }
.format-sekmeler .aktif b { color:#fff; }
.sekme-ilerleme { position:absolute; left:0; bottom:0; height:2px; width:0; background:var(--altin); }
.aktif > .sekme-ilerleme { animation:dol var(--sure, 4s) linear forwards; }
.bekle .aktif > .sekme-ilerleme, .gizli .aktif > .sekme-ilerleme { animation-play-state:paused; }
@keyframes dol { to { width:100%; } }
.ekran { position:absolute; inset:0; opacity:0; visibility:hidden; transform:scale(1.04); transition:opacity .5s, transform .6s var(--egri), visibility 0s .6s; }
.ekran.aktif { opacity:1; visibility:visible; transform:none; transition:opacity .5s, transform .6s var(--egri), visibility 0s; }
.ekran .foto { position:absolute; inset:0; }
.uyg-ust { display:flex; align-items:center; gap:8px; padding:50px 12px 10px; font-size:12.5px; }
.uyg-ust img { width:26px; height:26px; border-radius:50%; background:#fff; padding:2px; border:1px solid var(--cizgi); }
.uyg-ust i { margin-left:auto; font-style:normal; color:#8B95AE; letter-spacing:.1em; }
.ekran-post, .ekran-car, .ekran-web { background:#fff; color:var(--murekkep); }
.post-gorsel { position:relative; aspect-ratio:1; overflow:hidden; }
.post-serit { position:absolute; left:0; right:0; bottom:0; padding:12px; background:linear-gradient(transparent, rgba(6,13,31,.92) 35%); color:#fff; display:grid; gap:3px; }
.post-serit small, .story-baslik small, .ys-blok small { font-size:9.5px; font-weight:800; letter-spacing:.16em; color:var(--altin); }
.post-serit b { font-family:var(--serif); font-size:15px; line-height:1.25; }
.ekran-post.aktif .post-serit { animation:serit-gel .7s .2s var(--egri) both; }
@keyframes serit-gel { from { transform:translateY(100%); } }
.uyg-eylem { display:flex; gap:14px; padding:10px 12px 4px; }
.uyg-eylem svg:first-child { color:#E4405F; animation:kalp 4.2s infinite; }
@keyframes kalp { 0%,55%,100% { transform:none; fill:none; } 60% { transform:scale(1.25); fill:#E4405F; } 70%,95% { fill:#E4405F; } }
.uyg-metin { padding:4px 12px; font-size:12px; line-height:1.45; color:#334155; }
.uyg-metin span { color:var(--lacivert); }
.ekran-story .foto { transform-origin:50% 30%; }
.ekran-story::after { content:""; position:absolute; inset:0; background:linear-gradient(rgba(0,0,0,.35), transparent 25%, transparent 50%, rgba(0,0,0,.85)); }
.story-cubuk { position:absolute; z-index:2; top:46px; left:12px; right:12px; display:flex; gap:4px; }
.story-cubuk i { flex:1; height:3px; border-radius:2px; background:rgba(255,255,255,.35); overflow:hidden; position:relative; }
.story-cubuk .dolu { background:#fff; }
.story-cubuk .dolan::after { content:""; position:absolute; inset:0; width:0; background:#fff; }
.ekran-story.aktif .dolan::after { animation:dol 4.2s linear forwards; }
.story-marka { position:absolute; z-index:2; top:58px; left:12px; display:flex; align-items:center; gap:7px; color:#fff; font-weight:800; font-size:11px; letter-spacing:.12em; }
.story-marka img { width:24px; height:24px; border-radius:50%; background:#fff; padding:2px; }
.story-baslik { position:absolute; z-index:2; left:12px; right:12px; bottom:58px; display:grid; gap:6px; padding:12px; border-left:3px solid var(--altin); background:rgba(26,58,140,.88); color:#fff; }
.story-baslik b { font-family:var(--serif); font-size:18px; line-height:1.2; }
.ekran-story.aktif .story-baslik { animation:yan-gel .7s .2s var(--egri) both; }
@keyframes yan-gel { from { transform:translateX(-110%); } }
.story-kaydir { position:absolute; z-index:2; bottom:18px; left:0; right:0; text-align:center; color:#fff; font-size:11.5px; font-weight:700; animation:zipla 1.6s ease-in-out infinite; }
.story-kaydir::before { content:"⌃"; display:block; font-size:14px; line-height:.8; }
@keyframes zipla { 50% { transform:translateY(-5px); } }
.car-pencere { overflow:hidden; aspect-ratio:4/5; }
.car-ray { display:flex; height:100%; }
.ekran-car.aktif .car-ray { animation:car-kay 4.2s var(--egri) forwards; }
@keyframes car-kay { 0%,16% { transform:none; } 24%,42% { transform:translateX(-100%); } 50%,70% { transform:translateX(-200%); } 78%,100% { transform:translateX(-300%); } }
.car-slayt { position:relative; flex:none; width:100%; height:100%; padding:14px; display:flex; flex-direction:column; justify-content:flex-end; gap:6px; color:#fff; overflow:hidden; }
.car-slayt .foto { position:absolute; inset:0; }
.car-slayt .foto::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 40%, rgba(6,13,31,.95)); }
.car-slayt b { position:relative; font-family:var(--serif); font-size:17px; line-height:1.2; }
.car-slayt small { position:relative; font-size:10px; font-weight:800; letter-spacing:.12em; color:var(--altin); }
.car-slayt.duz { background:var(--lacivert); justify-content:center; }
.car-slayt.duz small { position:absolute; top:14px; right:14px; }
.car-slayt.duz p { font-family:var(--serif); font-size:18px; line-height:1.3; }
.car-slayt.son { background:var(--gece); }
.car-slayt.son span { color:var(--altin); font-weight:800; font-size:12px; }
.car-nokta { display:flex; justify-content:center; gap:5px; padding:10px 0 4px; }
.car-nokta i { width:6px; height:6px; border-radius:50%; background:#CBD3E4; }
.ekran-car.aktif .car-nokta i { animation:car-nokta 4.2s forwards; }
.car-nokta i:nth-child(1) { background:var(--lacivert); }
.ekran-car.aktif .car-nokta i:nth-child(1) { animation-name:car-n1; }
.ekran-car.aktif .car-nokta i:nth-child(2) { animation-name:car-n2; }
.ekran-car.aktif .car-nokta i:nth-child(3) { animation-name:car-n3; }
.ekran-car.aktif .car-nokta i:nth-child(4) { animation-name:car-n4; }
@keyframes car-n1 { 0%,20% { background:var(--lacivert); } 24%,100% { background:#CBD3E4; } }
@keyframes car-n2 { 0%,20% { background:#CBD3E4; } 24%,46% { background:var(--lacivert); } 50%,100% { background:#CBD3E4; } }
@keyframes car-n3 { 0%,46% { background:#CBD3E4; } 50%,74% { background:var(--lacivert); } 78%,100% { background:#CBD3E4; } }
@keyframes car-n4 { 0%,74% { background:#CBD3E4; } 78%,100% { background:var(--lacivert); } }
.ekran-reel::after { content:""; position:absolute; inset:0; background:linear-gradient(rgba(0,0,0,.3), transparent 25%, transparent 45%, rgba(0,0,0,.88)); }
.reel-ses { position:absolute; z-index:2; top:50px; left:12px; display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; background:rgba(0,0,0,.45); color:#fff; font-size:11px; font-weight:700; }
.reel-ses svg { animation:don 4s linear infinite; }
.reel-yan { position:absolute; z-index:2; right:10px; bottom:120px; display:grid; gap:16px; color:#fff; }
.reel-altyazi { position:absolute; z-index:2; left:14px; right:46px; bottom:88px; font-weight:800; font-size:15px; line-height:1.35; color:rgba(255,255,255,.6); text-shadow:0 1px 4px rgba(0,0,0,.9); }
.ekran-reel.aktif .rk, .ys-ses.aktif .rk { animation:kara .25s forwards; animation-delay:calc(.3s + var(--j) * .3s); }
.reel-bant { position:absolute; z-index:2; left:0; right:0; bottom:26px; display:flex; align-items:stretch; background:var(--lacivert); color:#fff; font-size:12px; font-weight:700; overflow:hidden; }
.reel-bant b { flex:none; padding:7px 9px; background:var(--kirmizi); font-size:10px; letter-spacing:.1em; display:flex; align-items:center; }
.reel-kayan { flex:1; overflow:hidden; display:flex; align-items:center; }
.reel-kayan span { white-space:nowrap; padding-left:10px; animation:reel-kay 9s linear infinite; }
@keyframes reel-kay { to { transform:translateX(-50%); } }
.tarayici { display:flex; align-items:center; gap:8px; margin:48px 10px 0; padding:7px 10px; border-radius:10px; background:#EEF1F7; font-size:11px; color:#64748B; }
.tarayici i { width:8px; height:8px; border-radius:50%; background:var(--yesil); }
.web-sayfa { padding:10px; display:grid; gap:9px; }
.web-menu { display:flex; justify-content:space-between; align-items:center; font-size:11px; letter-spacing:.12em; padding-bottom:8px; border-bottom:2px solid var(--lacivert); }
.web-dil { font-size:10.5px; color:#64748B; letter-spacing:.06em; } .web-dil em { font-style:normal; color:var(--lacivert); font-weight:800; }
.web-kapak { position:relative; aspect-ratio:16/9; border-radius:8px; overflow:hidden; }
.ekran-web .foto.web-kapak { position:relative; inset:auto; }
.web-kapak span { position:absolute; left:8px; bottom:8px; padding:2px 7px; border-radius:4px; background:var(--altin); color:#1B1300; font-size:9.5px; font-weight:800; letter-spacing:.1em; }
.ekran-web.aktif .web-kapak { animation:kapak-gel .8s .15s var(--egri) both; }
@keyframes kapak-gel { from { clip-path:inset(0 100% 0 0); } to { clip-path:inset(0 0 0 0); } }
.web-sayfa h4 { font-size:16px; line-height:1.25; }
.web-kart { display:grid; grid-template-columns:70px 1fr; gap:8px; align-items:center; padding-top:8px; border-top:1px solid #E3E8F3; }
.web-kart .foto { position:relative; inset:auto; aspect-ratio:4/3; border-radius:6px; }

/* ── SDHub: yetenek sekmeleri ──────────────────────────────── */
.yetenek { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:28px; align-items:stretch; }
.yetenek-sekmeler { display:grid; gap:10px; align-content:start; }
.yetenek-sekmeler button { grid-template-columns:auto 1fr; gap:14px; align-items:start; padding:18px; border-color:var(--cizgi); background:#fff; color:var(--soluk); }
.yetenek-sekmeler button:hover { border-color:#C6D0E6; }
.yetenek-sekmeler .aktif { border-color:var(--lacivert); box-shadow:0 14px 30px -18px rgba(26,58,140,.5); }
.y-ikon { width:42px; height:42px; border-radius:12px; background:rgba(26,58,140,.08); color:var(--lacivert); display:grid; place-items:center; transition:background .3s, color .3s; }
.aktif .y-ikon { background:var(--lacivert); color:#fff; }
.y-metin { display:grid; gap:4px; }
.y-metin b { font-family:var(--serif); font-size:19px; color:var(--murekkep); }
.y-metin small { font-size:14.5px; line-height:1.5; display:none; }
.aktif .y-metin small { display:block; }
.yetenek-sahne { position:relative; min-height:500px; border-radius:24px; background:linear-gradient(160deg, #0B1636, #060D1F); overflow:hidden; box-shadow:var(--golge-b); }
.ornek-rozet { position:absolute; top:14px; right:16px; z-index:5; font-size:11px; font-weight:700; color:var(--gece-soluk); }
.ys { position:absolute; inset:0; padding:40px 32px; display:grid; gap:16px; align-content:center; justify-items:center; opacity:0; visibility:hidden; transform:translateY(12px); transition:opacity .5s, transform .6s var(--egri), visibility 0s .6s; color:var(--gece-metin); }
.ys.aktif { opacity:1; visibility:visible; transform:none; transition:opacity .5s, transform .6s var(--egri), visibility 0s; }
.ys-not { font-size:13.5px; color:var(--gece-soluk); text-align:center; font-weight:600; }
.ys-kart { width:100%; max-width:430px; padding:18px; border-radius:16px; background:#fff; color:var(--murekkep); display:grid; gap:12px; box-shadow:0 30px 60px -20px rgba(0,0,0,.6); }
.ys-bas { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--soluk); font-weight:700; }
.etiket-acik { padding:2px 8px; border-radius:6px; background:var(--zemin-2); color:var(--lacivert); font-weight:800; font-size:11px; }
.ys-metin { font-size:14px; line-height:1.55; color:#334155; }
.ys-metin b { font-family:var(--serif); font-size:16px; color:var(--murekkep); }
.degis { display:grid; margin:4px 0; }
.degis > span { grid-area:1 / 1; align-self:start; transition:opacity .4s; }
.sorun { text-decoration:underline wavy #EF4444; text-underline-offset:3px; }
.duzgun { opacity:0; color:#14532D; background:rgba(34,197,94,.14); border-radius:4px; padding:0 3px; justify-self:start; }
.ys-editor.aktif .sorun { animation:sorun 5.6s forwards; }
.ys-editor.aktif .duzgun { animation:duzgun 5.6s forwards; }
@keyframes sorun { 0%,36% { opacity:1; } 42%,100% { opacity:0; } }
@keyframes duzgun { 0%,38% { opacity:0; } 44%,100% { opacity:1; } }
.ys-uyari { font-size:12.5px; padding:8px 10px; border-radius:9px; background:#FEF3C7; color:#78350F; opacity:0; }
.ys-editor.aktif .ys-uyari { animation:uyari 5.6s forwards; }
@keyframes uyari { 0%,12% { opacity:0; transform:translateY(-4px); } 18%,100% { opacity:1; transform:none; } }
.ys-bulgular { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ys-bulgular li { color:var(--murekkep); font-size:12.5px; }
.ys-bulgular em { font-style:normal; font-size:10.5px; color:var(--soluk); margin-left:auto; }
.ys-bulgular .kutucuk { border-color:#CBD3E4; }
.ys-editor.aktif .ys-bulgular .kutucuk { animation:kutucuk-dol .4s forwards; animation-delay:calc(2.4s + var(--i) * .4s); }
@keyframes kutucuk-dol { to { background:var(--yesil); border-color:var(--yesil); color:#06270F; } }
.ys-sonuc { display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:800; color:var(--yesil-koyu); opacity:0; }
.ys-editor.aktif .ys-sonuc { animation:yuksel .5s 4.2s forwards; }
.ys-tuval { position:relative; width:300px; aspect-ratio:1; border-radius:14px; overflow:hidden; box-shadow:0 30px 60px -20px rgba(0,0,0,.6); }
.ys-tuval .foto { position:absolute; inset:0; }
.ys-blok { position:absolute; left:12px; right:12px; bottom:12px; padding:12px; display:grid; gap:4px; background:rgba(26,58,140,.92); color:#fff; border-left:4px solid var(--altin); outline:2px dashed transparent; outline-offset:4px; }
.ys-blok b { font-family:var(--serif); font-size:18px; line-height:1.2; }
.ys-sablon.aktif .ys-blok { animation:blok-tasi 5.6s var(--egri) forwards; }
@keyframes blok-tasi { 0%,12% { transform:none; outline-color:transparent; } 18% { outline-color:#fff; } 30%,44% { transform:translateY(-178px); background:rgba(26,58,140,.92); } 54%,64% { transform:translateY(-178px); background:rgba(185,28,28,.92); } 74%,84% { transform:translateY(-178px); background:rgba(15,118,110,.92); outline-color:#fff; } 94%,100% { transform:translateY(-178px); background:rgba(15,118,110,.92); outline-color:transparent; } }
.ys-el { position:absolute; left:150px; top:250px; filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)); }
.ys-sablon.aktif .ys-el { animation:el-tasi 5.6s var(--egri) forwards; }
@keyframes el-tasi { 0%,10% { transform:none; opacity:1; } 30%,44% { transform:translateY(-178px); } 48% { opacity:0; } 100% { opacity:0; transform:translateY(-178px); } }
.ys-renkler { display:flex; align-items:center; gap:10px; font-size:12.5px; color:var(--gece-soluk); font-weight:700; }
.ys-renkler i { width:24px; height:24px; border-radius:50%; background:var(--c); box-shadow:0 0 0 2px rgba(255,255,255,.12); }
.ys-sablon.aktif .ys-renkler i:nth-of-type(2) { animation:renk-sec 5.6s forwards; animation-delay:0s; }
@keyframes renk-sec { 0%,48% { box-shadow:0 0 0 2px rgba(255,255,255,.12); } 52%,66% { box-shadow:0 0 0 3px #fff; } 70%,100% { box-shadow:0 0 0 2px rgba(255,255,255,.12); } }
.ys-sablon.aktif .ys-renkler i:nth-of-type(3) { animation:renk-sec-3 5.6s forwards; }
@keyframes renk-sec-3 { 0%,68% { box-shadow:0 0 0 2px rgba(255,255,255,.12); } 72%,100% { box-shadow:0 0 0 3px #fff; } }
.ys-ses { grid-template-columns:auto 1fr; align-items:center; justify-items:stretch; gap:22px; }
.ys-reel { position:relative; width:150px; aspect-ratio:9/16; border-radius:16px; overflow:hidden; box-shadow:0 30px 60px -20px rgba(0,0,0,.6); }
.ys-reel .foto { position:absolute; inset:0; }
.ys-reel::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 45%, rgba(0,0,0,.85)); }
.ys-reel .reel-altyazi { left:10px; right:10px; bottom:18px; font-size:12px; }
.ys-parcalar { position:relative; display:grid; gap:14px; }
.ys-parca { display:grid; gap:6px; }
.ys-parca span { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:#C9D3EA; }
.ys-dalga { display:flex; align-items:center; gap:2px; height:52px; padding:0 8px; border-radius:10px; background:rgba(255,255,255,.05); border:1px solid var(--gece-cizgi); }
.ys-dalga i { flex:1; height:calc(var(--h) * 1%); min-height:2px; border-radius:2px; }
.ys-dalga.ses i { background:#8FA6FF; }
.ys-dalga.muzik i { background:var(--altin); opacity:.8; }
.ys-oynatma { position:absolute; top:22px; bottom:44px; left:0; width:2px; background:#fff; box-shadow:0 0 10px rgba(255,255,255,.8); }
.ys-ses.aktif .ys-oynatma { animation:oynat-git 5.6s linear forwards; }
@keyframes oynat-git { from { left:2%; } to { left:98%; } }
.ys-plan { align-content:center; }
.ys-takvim { width:100%; max-width:460px; display:grid; gap:14px; }
.ys-izgara { display:grid; grid-template-columns:48px repeat(7, minmax(0,1fr)); grid-template-rows:auto repeat(4, 44px); gap:6px; padding:14px; border-radius:16px; background:#fff; color:var(--murekkep); box-shadow:0 30px 60px -20px rgba(0,0,0,.6); }
.ys-izgara b { font-size:11px; letter-spacing:.06em; color:var(--soluk); text-align:center; }
.ys-izgara small { font-size:10.5px; color:var(--soluk); align-self:center; font-variant-numeric:tabular-nums; }
.slot { border-radius:8px; background:color-mix(in srgb, var(--r) 16%, #fff); border-left:3px solid var(--r); font-size:10px; font-weight:800; color:var(--murekkep); display:flex; align-items:center; padding:0 5px; opacity:0; transform:scale(.6); }
.ys-plan.aktif .slot { animation:slot-gel .4s var(--egri) forwards; animation-delay:calc(.3s + var(--i) * .22s); }
@keyframes slot-gel { to { opacity:1; transform:none; } }

/* ── SDHA akışı ────────────────────────────────────────────── */
.akis-filtre { display:flex; gap:6px; padding:12px 16px 4px; flex-wrap:wrap; }
.akis-filtre span { padding:4px 11px; border-radius:999px; border:1px solid var(--gece-cizgi); font-size:12px; font-weight:700; color:var(--gece-soluk); }
.akis-filtre .aktif { background:rgba(245,179,1,.14); border-color:rgba(245,179,1,.5); color:#FFE39A; }
.akis-liste { list-style:none; padding:8px 16px 12px; display:grid; gap:8px; height:410px; overflow:hidden; align-content:start; }
.akis-liste li { display:grid; grid-template-columns:44px 1fr; gap:10px; padding:11px 12px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid rgba(148,170,220,.14); transition:opacity .45s, transform .55s var(--egri), background .6s, border-color .6s; }
.akis-liste li.yeni { opacity:0; transform:translateY(-18px) scale(.98); }
.akis-liste li.taze { background:rgba(245,179,1,.08); border-color:rgba(245,179,1,.45); }
.akis-liste li.gidiyor { opacity:0; }
.akis-liste time { font-variant-numeric:tabular-nums; font-size:12px; color:#7F8DB0; padding-top:2px; }
.akis-liste li > div { display:grid; gap:4px; min-width:0; }
.a-kat { font-size:10.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--altin); }
.akis-liste b { font-family:var(--serif); font-size:15px; line-height:1.3; color:#fff; font-weight:700; }
.a-ek { display:flex; flex-wrap:wrap; gap:5px; align-items:center; }
.a-ek em { font-style:normal; font-size:9.5px; font-weight:800; letter-spacing:.08em; padding:2px 6px; border-radius:5px; background:rgba(255,255,255,.07); color:#C9D3EA; }
.a-onay { display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:700; color:#86EFAC; margin-left:4px; }
.a-onay svg { width:13px; height:13px; }
.akis-alt { display:flex; gap:12px; align-items:center; padding:10px 16px; border-top:1px solid rgba(148,170,220,.13); font-size:12.5px; color:#C9D3EA; }
.akis-sdhub { display:flex; align-items:center; gap:7px; }
.akis-sdhub svg { color:var(--altin); flex:none; }

/* ── SDHA BÜLTEN ağı ───────────────────────────────────────── */
.bulten-ag { display:block; width:100%; height:auto; padding:6px 8px 0; }
.bulten-ag text { font-family:var(--sans); }
.bulten-ag .yol { fill:none; stroke:rgba(148,170,220,.22); stroke-width:1.5; stroke-dasharray:4 5; }
.bulten-ag .gonderen rect { fill:rgba(255,255,255,.06); stroke:rgba(148,170,220,.3); }
.bulten-ag .gonderen text { fill:#DCE4F7; font-size:13px; font-weight:700; }
.bulten-ag .abone { fill:#1B2A52; stroke:rgba(34,197,94,.7); stroke-width:1.5; }
.bulten-ag .abone-ad { fill:var(--gece-soluk); font-size:12px; font-weight:700; }
.bulten-ag .paket-g { fill:var(--altin); filter:drop-shadow(0 0 4px rgba(245,179,1,.9)); }
.bulten-ag .paket-a { fill:var(--yesil); filter:drop-shadow(0 0 4px rgba(34,197,94,.9)); }
.bulten-ag .halka { fill:none; stroke:rgba(245,179,1,.6); stroke-width:2; }
.bulten-ag .merkez { fill:var(--lacivert); stroke:var(--altin); stroke-width:2.5; }
.bulten-ag .merkez-y1 { fill:#fff; font-family:var(--serif); font-size:20px; font-weight:700; }
.bulten-ag .merkez-y2 { fill:var(--altin); font-size:11px; font-weight:800; letter-spacing:.14em; }
.bulten-not { font-size:12.5px; color:#C9D3EA; font-weight:600; }
.g-cip { display:inline-flex; align-items:center; gap:9px; margin-right:12px; padding:12px 20px; border-radius:999px; background:var(--zemin); border:1px solid var(--cizgi); font-weight:700; font-size:16px; white-space:nowrap; }
.g-cip svg { color:var(--yesil-koyu); }

/* ── SDHA BÜLTEN onaylı abone sayacı (0 iken gizli) ─────────── */
.bulten-sayac { display:inline-flex; align-items:center; gap:9px; margin:0; font-size:15px; color:#DCE4F7; }
.bulten-sayac b { font-family:var(--serif); font-size:24px; color:#fff; font-variant-numeric:tabular-nums; }
.bulten-sayac.acik { color:var(--soluk); font-size:14px; font-weight:600; }
.bulten-sayac.acik b { color:var(--yesil-koyu); font-size:20px; }

/* ── abonelikten çıkış sayfası ─────────────────────────────── */
.cikis-sayfa { min-height:100vh; display:grid; place-items:center; padding:32px 16px; background:var(--zemin); }
.cikis-kart { width:100%; max-width:520px; }
.cikis-logo { width:56px; height:56px; }
.cikis-kart h1 { font-size:30px; }
.cikis-adres { font-weight:800; font-size:17px; word-break:break-all; padding:12px 14px; border-radius:12px; background:var(--zemin-2); margin:0; }
.cikis-alt { font-size:13px; }

/* ── fotoğraflı bölümler (Pexels; "Görseller temsilîdir") ──── */
.temsili { margin-top:16px; font-size:12.5px; color:var(--soluk); }
.temsili.koyu { color:var(--gece-soluk); }
.kim-izgara { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; }
.kim-kart { position:relative; aspect-ratio:4/5; border-radius:20px; overflow:hidden; isolation:isolate; background:var(--gece); color:#fff; box-shadow:var(--golge); transition:transform .4s var(--egri), box-shadow .4s, opacity .8s var(--egri); }
.kim-kart:hover { transform:translateY(-4px); box-shadow:0 24px 50px -18px rgba(11,24,52,.45); }
.kim-foto, .kaftan-foto img, .fb-foto img, .bg-foto img, .teklif-foto img { width:100%; height:100%; object-fit:cover; display:block; }
.kim-foto { position:absolute; inset:0; z-index:-2; transform:scale(1.02); transition:transform 1.4s var(--egri); }
.kim-kart:hover .kim-foto { transform:scale(1.1); }
.kim-kart::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(6,13,31,0) 30%, rgba(6,13,31,.55) 55%, rgba(6,13,31,.94)); }
.kim-ic { position:absolute; left:0; right:0; bottom:0; padding:20px; display:grid; gap:8px; }
.kim-urun { display:flex; flex-wrap:wrap; gap:5px; }
.kim-urun > span { padding:3px 9px; border-radius:999px; background:rgba(255,255,255,.14); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); font-size:11px; font-weight:800; letter-spacing:.02em; }
.kim-kart h3 { font-size:22px; line-height:1.15; }
.kim-kart p { font-size:14px; line-height:1.45; color:#DCE4F7; }
.kaftan-izgara { display:grid; gap:20px; }
.kaftan-3 { grid-template-columns:repeat(3, minmax(0,1fr)); }
.kaftan-4 { grid-template-columns:repeat(4, minmax(0,1fr)); }
.kaftan-kart { border-radius:22px; overflow:hidden; background:var(--zemin); border:1px solid var(--cizgi); display:grid; grid-template-rows:auto 1fr; transition:transform .4s var(--egri), box-shadow .4s, opacity .8s var(--egri); }
.kaftan-kart:hover { transform:translateY(-4px); box-shadow:0 24px 50px -20px rgba(11,24,52,.3); }
.kaftan-foto { aspect-ratio:16/10; overflow:hidden; }
.kaftan-foto img { transition:transform 1.4s var(--egri); }
.kaftan-kart:hover .kaftan-foto img { transform:scale(1.07); }
.kaftan-ic { padding:24px; display:grid; gap:14px; align-content:start; }
.kaftan-ic h3 { font-size:22px; }
.kaftan-ic .tik-liste { font-size:14.5px; font-weight:600; color:#334155; }
.teklif-foto { position:absolute; inset:0; z-index:-2; opacity:.55; }
.teklif-foto img { object-fit:cover; }
.teklif::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, rgba(6,13,31,.96) 35%, rgba(6,13,31,.55)); }
.foto-bant { background:var(--gece); color:var(--gece-metin); padding:96px 0; overflow:hidden; }
.foto-bant-ic { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr) minmax(0,1fr); gap:20px; align-items:center; }
.fb-foto { margin:0; border-radius:22px; overflow:hidden; aspect-ratio:4/5; box-shadow:var(--golge-b); }
.fb-foto.buyuk { aspect-ratio:1/1; }
.fb-foto img { transition:transform 6s ease-out; }
.foto-bant:hover .fb-foto img { transform:scale(1.06); }
.fb-metin { display:grid; gap:16px; padding-left:16px; }
.fb-metin h2 { font-size:clamp(28px, 3vw, 40px); color:#fff; }
.foto-bant .ust { color:var(--altin); }
.bulten-gonderen { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:48px; align-items:center; margin-bottom:44px; }
.bulten-gonderen .bolum-bas { margin-bottom:0; }
.bg-foto { margin:0; border-radius:24px; overflow:hidden; aspect-ratio:16/10; box-shadow:var(--golge); }
.paket { margin-top:44px; padding:22px 24px; border-radius:22px; border:1px solid rgba(245,179,1,.35); background:rgba(245,179,1,.06); display:grid; gap:14px; }
.paket-bas { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.paket-bas b { font-family:var(--serif); font-size:22px; color:#fff; }
.paket-ogeler { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); gap:14px; align-items:center; }
.paket-ogeler > div { padding:14px 16px; border-radius:16px; background:rgba(255,255,255,.05); border:1px solid var(--gece-cizgi); display:grid; gap:4px; }
.paket-ad { font-family:var(--serif); font-weight:700; font-size:19px; color:#fff; }
.paket-ogeler small { font-size:13px; color:var(--gece-soluk); line-height:1.45; }
.paket-arti { font-family:var(--serif); font-size:30px; color:var(--altin); font-weight:700; line-height:1; }

/* ── yapay zekâsız / internetsiz üretim kartı ──────────────── */
.aisiz-kart { margin-top:56px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:44px; align-items:center; padding:44px; border-radius:28px; background:#fff; border:1px solid var(--cizgi); box-shadow:var(--golge); text-align:left; }
.bolum-beyaz .aisiz-kart { background:var(--zemin); margin-top:28px; }
.as-metin { display:grid; gap:16px; }
.as-metin h2 { font-size:clamp(28px, 3.2vw, 42px); }
.as-sinir { font-size:13.5px; color:var(--soluk); padding-top:12px; border-top:1px solid var(--cizgi); }
.as-demo { --dongu:10s; padding:22px; border-radius:22px; background:linear-gradient(160deg, #0E1C44, var(--gece)); color:var(--gece-metin); display:grid; gap:14px; box-shadow:var(--golge-b); }
.as-durumlar { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.as-durum { position:relative; display:flex; align-items:center; gap:10px; padding:12px; border-radius:14px; background:rgba(255,255,255,.05); border:1px solid var(--gece-cizgi); overflow:hidden; }
.as-ikon { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:rgba(239,68,68,.14); color:#FCA5A5; flex:none; }
.as-durum span:not(.as-ikon) { display:grid; line-height:1.25; }
.as-durum small { font-size:10.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--gece-soluk); }
.as-durum b { font-size:14px; color:#fff; }
.as-kapali { position:absolute; right:12px; top:50%; width:10px; height:10px; margin-top:-5px; border-radius:50%; background:#6B7280; box-shadow:0 0 0 3px rgba(107,114,128,.25); }
.as-motor { display:flex; align-items:center; gap:10px; padding:10px 14px; border-radius:12px; background:rgba(34,197,94,.1); border:1px solid rgba(34,197,94,.35); color:#BBF7D0; font-weight:800; font-size:13.5px; }
.as-nabiz { width:9px; height:9px; border-radius:50%; background:var(--yesil); animation:nabiz-yesil 1.6s infinite; flex:none; }
.as-cikti { list-style:none; display:grid; gap:8px; }
.as-cikti li { display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:11px; background:rgba(255,255,255,.04); border:1px solid rgba(148,170,220,.14); font-size:13.5px; font-weight:700; color:#DCE4F7; opacity:.35; animation:as-satir var(--dongu) infinite; animation-delay:calc(.4s + var(--i) * .55s); }
.as-cikti .kutucuk { animation:as-kutu var(--dongu) infinite; animation-delay:calc(.4s + var(--i) * .55s); }
@keyframes as-satir { 0%,4% { opacity:.35; } 9%,88% { opacity:1; } 95%,100% { opacity:.35; } }
@keyframes as-kutu { 0%,4% { background:transparent; border-color:rgba(255,255,255,.25); color:transparent; } 9%,88% { background:var(--yesil); border-color:var(--yesil); color:#06270F; } 95%,100% { background:transparent; border-color:rgba(255,255,255,.25); color:transparent; } }
.as-alt { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; font-size:12.5px; font-weight:700; color:#86EFAC; }
.as-alt > span:first-child { display:inline-flex; align-items:center; gap:6px; }
.as-alt .ornek-not { margin-left:0; }

/* ── yasa ve meslek ilkeleri kartı ─────────────────────────── */
.mevzuat-kart { position:relative; margin-top:28px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.02fr); gap:44px; align-items:center; padding:48px; border-radius:28px; overflow:hidden; isolation:isolate; color:var(--gece-metin);
  background:linear-gradient(150deg, #0E1C44, var(--gece) 60%); box-shadow:var(--golge-b); }
.mevzuat-kart::before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(40% 55% at 95% 10%, rgba(245,179,1,.14), transparent 70%), radial-gradient(45% 60% at 0% 100%, rgba(26,58,140,.55), transparent 70%); }
.mv-metin { display:grid; gap:18px; }
.mevzuat-kart .ust { color:var(--altin); }
.mevzuat-kart h2 { font-size:clamp(30px, 3.4vw, 44px); color:#fff; }
.mv-giris { font-size:17px; color:var(--gece-soluk); }
.mv-maddeler { list-style:none; display:grid; gap:12px; }
.mv-maddeler li { display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; font-size:15px; color:#C9D3EA; line-height:1.5; }
.mv-maddeler b { display:block; color:#fff; font-size:15.5px; }
.mv-ikon { width:36px; height:36px; border-radius:10px; background:rgba(245,179,1,.12); color:var(--altin); display:grid; place-items:center; }
.mv-dayanak { display:grid; gap:9px; }
.mv-dayanak-bas { font-size:11.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--gece-soluk); }
.mv-cipler { display:flex; flex-wrap:wrap; gap:6px; }
.mv-cipler span { padding:4px 10px; border-radius:999px; border:1px solid var(--gece-cizgi); background:rgba(255,255,255,.04); font-size:12px; font-weight:700; color:#DCE4F7; }
.mv-not { font-size:13.5px; color:var(--gece-soluk); padding-top:14px; border-top:1px solid var(--gece-cizgi); }
.mv-not b { color:#fff; }
.mv-demo { display:grid; gap:12px; --dongu:12s; }
.mv-belge { position:relative; overflow:hidden; padding:18px 20px; border-radius:16px; background:#fff; color:var(--murekkep); box-shadow:0 30px 60px -24px rgba(0,0,0,.7); }
.mv-bas { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; color:var(--soluk); margin-bottom:10px; }
.mv-durum { margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:800; letter-spacing:.06em; color:var(--lacivert); }
.mv-durum i { width:7px; height:7px; border-radius:50%; background:var(--lacivert); animation:nabiz-mavi 1.4s infinite; }
@keyframes nabiz-mavi { 0% { box-shadow:0 0 0 0 rgba(26,58,140,.5); } 70% { box-shadow:0 0 0 7px rgba(26,58,140,0); } 100% { box-shadow:0 0 0 0 rgba(26,58,140,0); } }
.mv-baslik { font-family:var(--serif); font-weight:700; font-size:19px; line-height:1.25; margin-bottom:6px; }
.mv-govde { font-size:15px; line-height:1.7; color:#334155; }
.mv-govde mark { background:transparent; color:inherit; border-radius:3px; padding:0 2px; animation:mv-isaret var(--dongu) infinite; animation-delay:calc(var(--i) * .45s); }
.mv-govde mark.yuksek { --renk:239,68,68; } .mv-govde mark.orta { --renk:245,179,1; } .mv-govde mark.dusuk { --renk:59,130,246; }
@keyframes mv-isaret { 0%,16% { background:transparent; box-shadow:none; } 21%,90% { background:rgba(var(--renk),.16); box-shadow:inset 0 -2px 0 rgba(var(--renk),1); } 96%,100% { background:transparent; box-shadow:none; } }
.mv-tarama { position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(90deg, transparent, var(--lacivert), transparent); box-shadow:0 0 14px 3px rgba(26,58,140,.35); opacity:0; animation:mv-tara var(--dongu) infinite; }
@keyframes mv-tara { 0% { top:0; opacity:0; } 2% { opacity:1; } 15% { top:100%; opacity:1; } 16%,100% { top:100%; opacity:0; } }
.mv-uyarilar { list-style:none; display:grid; gap:8px; }
.mv-uyarilar li { --renk:245,179,1; padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.05); border:1px solid rgba(148,170,220,.16); border-left:3px solid rgb(var(--renk)); display:grid; gap:4px; opacity:0; transform:translateX(18px); animation:mv-uyari var(--dongu) var(--egri) infinite; animation-delay:calc(var(--i) * .5s); }
.mv-uyarilar li.yuksek { --renk:239,68,68; } .mv-uyarilar li.dusuk { --renk:96,165,250; }
@keyframes mv-uyari { 0%,24% { opacity:0; transform:translateX(18px); } 30%,90% { opacity:1; transform:none; } 96%,100% { opacity:0; transform:none; } }
.mv-u-ust { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.mv-u-ust b { font-size:14.5px; color:#fff; }
.mv-onem { flex:none; padding:2px 8px; border-radius:6px; background:rgba(var(--renk),.16); color:rgb(var(--renk)); font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.mv-uyarilar small { font-size:11.5px; font-weight:700; color:#9DB0FF; }
.mv-uyarilar p { font-size:12.5px; line-height:1.45; color:#C9D3EA; }
.mv-guven { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:700; color:var(--gece-soluk); }
.mv-guven::before { content:""; order:0; }
.mv-guven i { order:1; display:block; width:90px; height:4px; border-radius:3px; background:rgba(255,255,255,.1); overflow:hidden; position:relative; }
.mv-guven i::after { content:""; position:absolute; inset:0; width:var(--p); background:rgb(var(--renk)); border-radius:3px; }
.mv-guven { flex-direction:row-reverse; justify-content:flex-end; }
.mv-alt { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; font-size:12.5px; font-weight:700; color:#86EFAC; }
.mv-alt > span:first-child { display:inline-flex; align-items:center; gap:6px; }
.mv-alt .ornek-not { margin-left:0; }

/* ── formlar ───────────────────────────────────────────────── */
.kart { background:var(--kart); border:1px solid var(--cizgi); border-radius:22px; box-shadow:var(--golge); }
.form-duzen { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:56px; align-items:start; }
.form-duzen.ters { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); }
.form-yan { display:grid; gap:18px; align-content:start; }
.bolum-form { padding-top:64px; }
.form { position:relative; padding:36px; display:grid; gap:22px; }
.form-bas { display:grid; gap:8px; }
.form-bas h2 { font-size:32px; }
.alanlar { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; }
.alan { display:grid; gap:6px; }
.alan.genis { grid-column:1 / -1; }
.alan > span, .secimler legend { font-size:12.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--soluk); }
.alan small { font-size:13px; color:var(--soluk); }
.alan input, .alan textarea { width:100%; padding:14px; border-radius:12px; border:1px solid var(--cizgi); font:inherit; font-size:15.5px; background:#fff; color:var(--murekkep); transition:border-color .2s, box-shadow .2s; }
.alan textarea { resize:vertical; min-height:96px; }
.alan input:focus, .alan textarea:focus { outline:none; border-color:var(--lacivert); box-shadow:0 0 0 4px rgba(26,58,140,.12); }
.alan input:user-invalid { border-color:#DC2626; }
.secimler { border:0; padding:0; margin:0; display:grid; gap:10px; }
.secimler legend { margin-bottom:10px; }
.secim { display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:12px; border:1px solid var(--cizgi); cursor:pointer; font-weight:600; transition:border-color .2s, background .2s; }
.secim:has(input:checked) { border-color:var(--lacivert); background:rgba(26,58,140,.05); }
.secim input, .onay-kutusu input { width:18px; height:18px; accent-color:var(--lacivert); flex:none; }
.onay-kutusu { display:flex; gap:10px; align-items:flex-start; font-size:14.5px; color:var(--soluk); cursor:pointer; }
.onay-kutusu input { margin-top:3px; }
.gizli-alan { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.form-durum { font-size:15px; font-weight:700; min-height:1px; }
.form-durum.tamam { color:var(--yesil-koyu); padding:12px 14px; border-radius:12px; background:rgba(34,197,94,.1); }
.form-durum.hata { color:#B91C1C; padding:12px 14px; border-radius:12px; background:rgba(220,38,38,.08); }
.bilgi-kart { padding:22px; border-radius:18px; background:var(--zemin); border:1px solid var(--cizgi); display:grid; gap:8px; justify-items:start; }
.bilgi-kart b { font-size:17px; }
.sira-liste { list-style:none; display:grid; gap:14px; counter-reset:sira; }
.sira-liste li { display:grid; gap:2px; padding-left:48px; position:relative; counter-increment:sira; }
.sira-liste li::before { content:counter(sira); position:absolute; left:0; top:0; width:34px; height:34px; border-radius:50%; background:var(--yesil-koyu); color:#fff; font-weight:800; display:grid; place-items:center; }
.fiyat-kart { padding:28px; display:grid; gap:14px; }
.fk-satir { display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding-bottom:12px; border-bottom:1px solid var(--cizgi); flex-wrap:wrap; }
.fk-satir span { font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--soluk); font-weight:700; }
.fk-satir b { font-family:var(--serif); font-size:28px; }
.fk-satir.vurgulu b { color:var(--lacivert); font-size:32px; }
.fk-satir s { font-size:16px; color:var(--soluk); font-weight:600; margin-right:8px; font-family:var(--sans); }
.wa-kart { padding:24px; display:grid; gap:12px; justify-items:start; }
.posta { font-weight:700; }

/* ── duyarlı düzen ─────────────────────────────────────────── */
@media (max-width: 1100px) {
  .kahraman-ic { grid-template-columns:1fr; gap:48px; }
  .kahraman-demo { max-width:680px; width:100%; justify-self:center; }
  .izgara-4 { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .kontrol-ic, .fiyat-ic, .iki-sutun, .form-duzen, .form-duzen.ters, .yetenek, .mevzuat-kart, .aisiz-kart { grid-template-columns:1fr; gap:40px; }
  .alt-ic { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .sohbet-bildirim { left:0; }
  .kim-izgara, .kaftan-4 { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .foto-bant-ic { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); }
  .fb-metin { grid-column:1 / -1; padding-left:0; }
  .bulten-gonderen { grid-template-columns:1fr; gap:28px; }
  .paket-ogeler { grid-template-columns:1fr; gap:8px; }
  .paket-arti { justify-self:center; font-size:22px; }
}
@media (max-width: 960px) {
  .menu { display:none; position:absolute; top:74px; left:0; right:0; flex-direction:column; gap:4px; margin:0; padding:12px 16px 18px; background:rgba(6,13,31,.98); border-bottom:1px solid var(--gece-cizgi); }
  .menu a { padding:12px 14px; border-radius:12px; font-size:16px; }
  .menu .menu-ek { display:inline-flex; color:#86EFAC; }
  .menu-acik .menu { display:flex; }
  .menu-dugme { display:flex; }
  .genis-dugme { display:none; }
  .dil-dugme { height:40px; }
  .sayilar { grid-template-columns:repeat(3, minmax(0,1fr)); }
  .urunler, .izgara-3, .tv-adimlar, .kaftan-3 { grid-template-columns:1fr; }
  .adimlar { grid-template-columns:repeat(2, minmax(0,1fr)); row-gap:40px; }
  .adim-hat { display:none; }
  .adim-ikon { animation-duration:8s; }
  .tv-govde { grid-template-columns:1fr; }
  .tv-sol { border-right:0; border-bottom:1px solid rgba(148,170,220,.13); }
  .tv-reel { top:auto; bottom:18px; transform:translate(30px,0) scale(.92); }
  .tv.k-reel .tv-reel { transform:none; }
  .bolum { padding:84px 0; }
}
@media (max-width: 760px) {
  .kap { padding:0 16px; }
  body { font-size:16px; }
  .kahraman-ic { padding-top:52px; padding-bottom:56px; }
  .kahraman-orta { padding-top:56px; }
  .alt-metin { font-size:17px; }
  .sayilar { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .sayi:last-child { grid-column:1 / -1; }
  .izgara-4, .pl-izgara { grid-template-columns:1fr 1fr; }
  .kontrol-kartlar { grid-template-columns:1fr; }
  .kim-izgara, .kaftan-4 { grid-template-columns:1fr; }
  .kim-kart { aspect-ratio:4/3.4; }
  .foto-bant { padding:64px 0; }
  .foto-bant-ic { grid-template-columns:1fr 1fr; gap:12px; }
  .adimlar { grid-template-columns:1fr; }
  .alanlar, .ys-bulgular { grid-template-columns:1fr; }
  .form { padding:24px 18px; }
  .mevzuat-kart, .aisiz-kart { padding:28px 18px; border-radius:22px; }
  .as-durumlar { grid-template-columns:1fr; }
  .mv-belge { padding:14px; }
  .fiyat-kutu { padding:24px 20px; }
  .alt-ic { grid-template-columns:1fr; gap:28px; }
  .dugmeler .btn-b { flex:1 1 auto; }
  .btn-b { padding:15px 20px; font-size:16px; }
  .ust-eylem .btn-altin { padding:10px 14px; font-size:14px; }
  .format { grid-template-columns:1fr; justify-items:center; }
  .format-sekmeler { display:flex; overflow-x:auto; width:100%; gap:8px; padding-bottom:4px; scrollbar-width:none; }
  .format-sekmeler button { flex:none; }
  .format-sekmeler small { display:none; }
  .hat-ust { grid-template-columns:1fr; }
  .hat-kontrol ul { grid-template-columns:1fr 1fr; }
  .hat-govde { min-height:0; }
  .tv-sag { padding:12px; }
  .tv-t p { grid-template-columns:44px 1fr; font-size:13px; padding:6px 8px; }
  .tv-reel { width:150px; right:12px; }
  .rl-altyazi { bottom:146px; font-size:11px; }
  .rl-bant { bottom:54px; font-size:11.5px; }
  .yetenek-sahne { min-height:470px; }
  .ys { padding:36px 16px; }
  .ys-ses { grid-template-columns:1fr; justify-items:center; }
  .ys-reel { width:120px; }
  .ys-parcalar { width:100%; }
  .ys-tuval { width:260px; }
  .ys-el { left:120px; top:210px; }
  @keyframes blok-tasi { 0%,12% { transform:none; } 30%,44% { transform:translateY(-150px); } 54%,64% { transform:translateY(-150px); background:rgba(185,28,28,.92); } 74%,100% { transform:translateY(-150px); background:rgba(15,118,110,.92); } }
  @keyframes el-tasi { 0%,10% { transform:none; opacity:1; } 30%,44% { transform:translateY(-150px); } 48%,100% { opacity:0; transform:translateY(-150px); } }
  .sohbet-bildirim { position:relative; left:auto; top:auto; margin-top:-40px; }
  .akis-liste { height:380px; }
  .demo-alt .ornek-not { display:none; }
  .alt-alt { flex-direction:column; }
}
@media (max-width: 560px) {
  .izgara-4 { grid-template-columns:1fr; }
}
@media (max-width: 420px) {
  .ust-ic { gap:12px; }
  .logo img { width:40px; height:40px; }
  .ust-eylem .btn-altin { padding:9px 12px; font-size:13.5px; }
  .hat-formatlar { gap:6px; }
  .fmt span { font-size:9px; }
  .tv-gc b { font-size:13.5px; }
}

/* ── hareket azaltma ───────────────────────────────────────────
   "Azalt", "kaldır" değildir. Windows'ta "Animasyon efektleri" kapalıysa Chrome/Edge bu sorguyu
   'reduce' bildirir (kullanıcının PC'sinde ölçüldü) ve kullanıcı 28.09'da bandın akmadığını bildirdi.
   Bu yüzden ürün gösterimleri, kayan bantlar ve küçük döngüler AKAR (bantlar üzerine gelince durur);
   yalnız geniş alan/yakınlaşma hareketleri kapanır: arka plan akışı, Ken Burns, giriş kaydırmaları. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .kahraman::before, .fiyat-bant::before, .kb, .tv-goruntu, .tv-reel .g { animation:none !important; }
  .giris-anim > *, .giris-anim-demo { animation:none; opacity:1; transform:none; }
  .vurgu path { animation:none; stroke-dashoffset:0; }
  .btn:hover, .urun-kart:hover, .ozellik:hover, .ozellik:hover .ozellik-ikon { transform:none; }
}