/* Poppins - yerel (latin + latin-ext: Turkce karakterler) */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-latin-ext-400-normal.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}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-latin-400-normal.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}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-latin-ext-500-normal.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}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-latin-500-normal.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}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-ext-600-normal.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}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-600-normal.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}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-latin-ext-700-normal.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}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-latin-700-normal.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}
@charset "UTF-8";
/*! Anonimler.com stil dosyası */
/* =====================================================
   0. DEĞİŞKENLER, RESET, İKON SİSTEMİ
   ===================================================== */
:root{
  --tg:#ff2d75; --tg2:#c026d3; --bg:#1e0b12; --bg2:#18080e; --glass:rgba(42,16,26,.62);
  --line:rgba(202,160,173,.15); --txt:#f0e1e6; --muted:#caa0ad;
  --grad:linear-gradient(135deg,#ff2e63 0%,#f01a9a 50%,#b620e0 100%);
  --ease:cubic-bezier(.22,.9,.3,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-text-size-adjust:100%}
body{font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:400;font-size:15px;background:var(--bg);color:var(--txt);line-height:1.7;overflow-x:hidden;min-height:100vh}
body.lock{overflow:hidden}
a{color:inherit;text-decoration:none}
svg{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-weight:600;line-height:1.2;color:var(--hd,#ffffff)}
:focus-visible{outline:2px solid #ff6fa5;outline-offset:3px;border-radius:10px}
.container{width:min(1160px,92%);margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ic{width:1.15em;height:1.15em;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ic.fill{fill:currentColor;stroke:none}

/* Arka plan: aurora + ince ızgara + grain */
.bg{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:radial-gradient(1100px 650px at 10% -10%,rgba(255,45,117,.2),transparent 60%),radial-gradient(900px 650px at 100% 25%,rgba(192,38,211,.14),transparent 60%),radial-gradient(800px 600px at 40% 110%,rgba(214,20,92,.16),transparent 60%),var(--bg)}
.grid-lines{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(202,160,173,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(202,160,173,.045) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse at 50% 15%,#000000 15%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 15%,#000000 15%,transparent 70%)}
.grain{position:fixed;inset:0;z-index:150;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* =====================================================
   1. HEADER & TAM EKRAN MENÜ
   ===================================================== */
.header{position:sticky;top:0;z-index:50;background:rgba(30,11,18,.6);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header .container{display:flex;align-items:center;justify-content:space-between;height:68px;gap:14px}
.logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1.1rem;color:#ffffff;letter-spacing:-.2px}
.logo-mark{width:36px;height:36px;border-radius:12px;background:var(--grad);display:grid;place-items:center;box-shadow:0 0 22px rgba(255,45,117,.5),inset 0 1px 0 rgba(255,255,255,.35);transition:.4s var(--ease)}
.logo:hover .logo-mark{transform:rotate(-8deg) scale(1.08)}
.logo b{font-weight:600;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo-img{display:block;height:36px;aspect-ratio:520/79;background:url(../img/logo-h.png) no-repeat center/contain;transition:transform .4s var(--ease)}
.logo:hover .logo-img{transform:scale(1.04)}
.footer .logo-img{height:42px}
.overlay .logo-img{height:34px}
.nav{position:relative;display:flex;gap:2px;padding:5px;border-radius:99px;background:rgba(30,11,18,.72);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 30px -14px rgba(0,0,0,.6)}
.nav-ind{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:99px;background:linear-gradient(135deg,rgba(255,45,117,.3),rgba(192,38,211,.22));border:1px solid rgba(255,45,117,.5);box-shadow:0 0 22px -4px rgba(255,45,117,.65);opacity:0;pointer-events:none;transition:left .45s var(--ease),width .45s var(--ease),opacity .3s}
.nav>a,.nav .dd-t{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;font-weight:500;font-size:.84rem;color:var(--muted);transition:color .3s var(--ease)}
.nav>a .ic,.nav .dd-t .ic{width:1em;height:1em;opacity:.8}
.nav .dd-t .cv{width:.8em;height:.8em;transition:transform .35s var(--ease)}
.nav>a:hover,.nav>a.active,.nav .dd-t:hover,.nav .dd-t.active,.nav-dd:hover .dd-t{color:#ffffff}
.nav-dd:hover .dd-t .cv{transform:rotate(180deg)}
.nav-dd{position:relative}
.dd-panel{position:absolute;top:calc(100% + 16px);left:50%;width:540px;padding:14px;border-radius:24px;background:rgba(24,8,14,.985);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(202,160,173,.22);box-shadow:0 40px 80px -20px rgba(0,0,0,.8),0 0 60px -20px rgba(255,45,117,.5);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(10px);transition:.35s var(--ease)}
.dd-panel::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.dd-panel::after{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;background:#1e0b12;border-left:1px solid rgba(202,160,173,.22);border-top:1px solid rgba(202,160,173,.22);transform:translateX(-50%) rotate(45deg)}
.nav-dd:hover .dd-panel,.nav-dd:focus-within .dd-panel{opacity:1;visibility:visible;transform:translateX(-50%)}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.dd-i{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:15px;border:1px solid transparent;transition:.3s var(--ease)}
.dd-i:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08);transform:translateX(3px)}
.dd-i.wide{grid-column:span 2;background:linear-gradient(135deg,rgba(255,45,117,.18),rgba(192,38,211,.1));border-color:rgba(255,45,117,.32)}
.dd-i .di{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 8px 16px -8px var(--c1);font-size:1rem;color:#ffffff}
.dd-i b{display:block;font-size:.84rem;font-weight:600;line-height:1.25;color:#ffffff}
.dd-i small{display:block;font-size:.7rem;color:var(--muted);line-height:1.3}
.dd-i .dn{margin-left:auto;font-style:normal;font-size:.7rem;font-weight:600;color:#ffd36e;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.dd-i .dn::before{content:"";width:6px;height:6px;border-radius:50%;background:#ffc531}
.dd-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:12px 12px 2px;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted)}
.dd-foot a{color:#ffb3cc;font-weight:600;display:inline-flex;gap:6px;align-items:center}
.dd-foot a:hover{color:#ffffff}
.topbar{background:linear-gradient(90deg,rgba(255,45,117,.2),rgba(192,38,211,.14),rgba(214,20,92,.16));border-bottom:1px solid var(--line);font-size:.72rem;color:#f3dae1}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:34px;gap:16px}
.topbar .tb-l,.topbar .tb-m span,.topbar a{display:inline-flex;align-items:center;gap:8px}
.topbar .tb-m{display:flex;gap:22px}
.topbar .tb-m .ic{color:#ffd36e;width:1em;height:1em}
.topbar a{color:#ffb3cc;font-weight:500}
.topbar a:hover{color:#ffffff}
.burger{display:none;width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,45,117,.4);background:linear-gradient(135deg,rgba(255,45,117,.18),rgba(192,38,211,.12));cursor:pointer;place-items:center;font-size:1.25rem;box-shadow:0 0 22px -6px rgba(255,45,117,.6)}

.overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;padding:18px 6% 24px;visibility:hidden;clip-path:circle(0% at calc(100% - 44px) 44px);transition:clip-path .75s var(--ease),visibility .75s;background:radial-gradient(700px 520px at 95% 0%,rgba(192,38,211,.32),transparent 60%),radial-gradient(700px 520px at 0% 100%,rgba(255,45,117,.38),transparent 60%),radial-gradient(500px 400px at 50% 55%,rgba(214,20,92,.14),transparent 70%),#18080e;overflow-y:auto;overflow-x:hidden}
.overlay.open{visibility:visible;clip-path:circle(150% at calc(100% - 44px) 44px)}
.ov-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ov-orb{position:absolute;top:-130px;right:-150px;width:440px;opacity:.55}
.ov-orb2{position:absolute;bottom:-120px;left:-130px;width:360px;opacity:.35}
.overlay-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}
.overlay-close{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);cursor:pointer;font-size:1.3rem;display:grid;place-items:center;transition:.3s var(--ease)}
.overlay-close:hover{background:var(--tg);transform:rotate(90deg)}
.ov-body{position:relative;z-index:2;margin:auto 0;padding:18px 0}
.ov-label{display:flex;align-items:center;gap:12px;font-size:.66rem;font-weight:600;letter-spacing:.22em;color:#ff6fa5;margin:4px 0 12px}
.ov-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
.ov-item{opacity:0}
.overlay.open .ov-item{animation:ovIn .6s var(--ease) both;animation-delay:calc(.3s + var(--i,0)*.06s)}
@keyframes ovIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.overlay nav{display:flex;flex-direction:column;gap:9px;margin-bottom:22px}
.overlay nav a{position:relative;display:flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid var(--line);backdrop-filter:blur(8px);transition:background .3s,border-color .3s}
.overlay nav a::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:3px;background:var(--grad);opacity:0;transition:.3s}
.overlay nav a .oi{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none;background:var(--b);box-shadow:0 10px 20px -8px var(--bc);font-size:1.1rem}
.overlay nav a .ot{flex:1;min-width:0}
.overlay nav a .ot b{display:block;font-size:1rem;font-weight:600;line-height:1.25}
.overlay nav a .ot small{display:block;font-size:.72rem;color:var(--muted)}
.overlay nav a .on{font-size:.66rem;letter-spacing:.14em;color:rgba(255,255,255,.35);font-weight:600}
.overlay nav a .ar{color:var(--muted);transition:.3s var(--ease)}
.overlay nav a:hover,.overlay nav a.active{background:rgba(255,45,117,.12);border-color:rgba(255,111,165,.55)}
.overlay nav a:hover::before,.overlay nav a.active::before{opacity:1}
.overlay nav a:hover .ar,.overlay nav a.active .ar{color:#ffffff;transform:translateX(3px)}
.ov-chips{cursor:grab;touch-action:pan-x;-webkit-user-select:none;user-select:none;display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none;margin-right:-6vw;padding-right:6vw}
.ov-chips::-webkit-scrollbar{display:none}
.ov-chip{flex:none;display:inline-flex;align-items:center;gap:9px;padding:7px 15px 7px 7px;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:.8rem;font-weight:500;transition:.3s var(--ease)}
.ov-chip .ci{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--c1),var(--c2));font-size:.8rem;color:#ffffff}
.ov-chip:active,.ov-chip:hover{border-color:var(--c1);background:rgba(255,255,255,.09)}
.ov-foot{position:relative;z-index:2;display:grid;gap:14px}
.ov-meta{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;color:var(--muted)}
.ov-meta span{display:inline-flex;align-items:center;gap:8px}
.ov-meta a{color:#ffb3cc}

/* =====================================================
   2. BUTONLAR
   ===================================================== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 24px;border-radius:14px;border:0;cursor:pointer;font-weight:600;font-size:.88rem;color:#ffffff;background:var(--grad);position:relative;overflow:hidden;box-shadow:0 10px 26px -8px rgba(255,45,117,.7);transition:.35s var(--ease)}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.32) 50%,transparent 70%);transform:translateX(-120%);transition:.7s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(192,38,211,.55),0 12px 30px -8px rgba(255,45,117,.7)}
.btn:hover::after{transform:translateX(120%)}
.btn:active{transform:scale(.98)}
.btn.ghost{background:rgba(255,255,255,.05);border:1px solid var(--line);box-shadow:none}
.btn.ghost:hover{border-color:#ff6fa5;background:rgba(255,45,117,.14);box-shadow:0 0 24px rgba(255,45,117,.3)}
.btn.block{width:100%}
.btn.sm{padding:10px 18px;font-size:.82rem;border-radius:12px}
.btn.wine{background:linear-gradient(135deg,#e8103f,#7f1d1d);box-shadow:0 10px 26px -8px rgba(232,16,63,.8)}
.btn.wine:hover{box-shadow:0 0 30px rgba(232,16,63,.6)}
.btn .ic{transition:transform .35s var(--ease)}
.btn:hover .ic.go{transform:translateX(3px)}

/* =====================================================
   3. ORTAK: SAYFA, EDİTORYAL BAŞLIK, ANİMASYONLAR
   ===================================================== */
.page{display:none;animation:pageIn .6s var(--ease)}
.page.active{display:block}
@keyframes pageIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
section{padding:72px 0;position:relative}
.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:6px 14px;border-radius:99px;background:rgba(255,45,117,.12);border:1px solid rgba(255,45,117,.35);color:#ffb3cc;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}
.gt{background:linear-gradient(120deg,#ff6fa5 0%,#ff2d75 40%,#e040fb 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
/* editoryal bölüm başlığı */
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--line);position:relative}
.sh::after{content:"";position:absolute;left:0;bottom:-1px;width:110px;height:1.5px;background:var(--grad)}
.sh .no{display:block;font-size:.68rem;font-weight:600;letter-spacing:.2em;color:#ff6fa5;margin-bottom:10px}
.sh h2{font-size:clamp(1.35rem,2.3vw,1.85rem);letter-spacing:-.02em}
.sh p{color:var(--muted);font-size:.88rem;max-width:470px;margin-top:8px}
.divider{display:flex;align-items:center;gap:18px;color:rgba(202,160,173,.55);padding:0}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
.spot{position:relative;overflow:hidden}
.spot::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.09),transparent 60%)}
.spot:hover::before{opacity:1}
.spot>*{position:relative;z-index:1}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes bob{50%{transform:translateY(-10px)}}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,197,49,0)}100%{box-shadow:0 0 0 0 rgba(255,197,49,0)}}
@keyframes tw{50%{opacity:.25}}
@keyframes beat{50%{transform:scale(1.1)}}
@keyframes steam{0%{stroke-dashoffset:70;opacity:0}30%{opacity:.85}100%{stroke-dashoffset:0;opacity:0}}
@keyframes dots{0%,80%,100%{opacity:.25}40%{opacity:1}}
@keyframes dash{to{stroke-dashoffset:-40}}
@keyframes msgIn{from{opacity:0;transform:translateY(10px) scale(.97)}}

/* =====================================================
   4. HERO + TELEFON MOCKUP
   ===================================================== */
.hero{padding:54px 0 36px;position:relative}
.hero::before{content:"";position:absolute;inset:-80px 0 0;pointer-events:none;background:radial-gradient(520px circle at var(--hx,70%) var(--hy,30%),rgba(255,45,117,.13),transparent 65%)}
.hero-grid{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center;position:relative}
.hero h1{font-size:clamp(1.9rem,3.5vw,2.85rem);font-weight:700;letter-spacing:-.03em;line-height:1.14;margin-bottom:16px}
.lead{color:var(--muted);font-size:.98rem;max-width:480px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:28px;font-size:.8rem;color:#caa0ad}
.trust span{display:inline-flex;align-items:center;gap:8px}
.trust .ic{color:#ffd36e;width:1em;height:1em}

.stage{position:relative;display:flex;justify-content:center;padding:10px 0}
.halo{position:absolute;inset:0;pointer-events:none}
.halo i{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}
.halo i:nth-child(1){width:430px;height:430px;background:radial-gradient(circle,rgba(255,45,117,.4),rgba(192,38,211,.12) 55%,transparent 70%);filter:blur(10px)}
.halo i:nth-child(2){width:460px;height:460px;border:1px dashed rgba(202,160,173,.22)}
.halo i:nth-child(3){width:560px;height:560px;border:1px solid rgba(202,160,173,.1)}
.phone{position:relative;width:292px;height:548px;border-radius:44px;padding:9px;background:linear-gradient(160deg,#33131f,#17080d);border:1px solid rgba(255,255,255,.15);box-shadow:0 50px 90px -20px rgba(0,0,0,.75),0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.18);transform:perspective(1400px) rotateY(calc(-9deg + var(--px,0)*6deg)) rotateX(calc(3deg - var(--py,0)*4deg)) rotateZ(1.5deg);transition:transform .25s ease-out}
.screen{height:100%;border-radius:36px;background:#18090e;overflow:hidden;display:flex;flex-direction:column;position:relative}
.screen::before{content:"";position:absolute;top:8px;left:50%;width:78px;height:20px;border-radius:20px;background:#000000;transform:translateX(-50%);z-index:5}
.ph-head{display:flex;align-items:center;gap:10px;padding:34px 14px 10px;background:#1f0c13;border-bottom:1px solid rgba(255,255,255,.05)}
.ph-av{width:36px;height:36px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-size:1rem;flex:none}
.ph-head b{display:block;font-size:.82rem;font-weight:600;line-height:1.2}
.ph-head small{font-size:.66rem;color:#a57785}
.pin{display:flex;gap:8px;align-items:center;padding:7px 14px;background:#1b0a11;font-size:.66rem;color:#cc9aa9;border-bottom:1px solid rgba(255,255,255,.04)}
.pin i{width:2px;height:22px;background:#ff1d58;border-radius:2px}
.pin b{color:#ff5481;font-weight:600;display:block;font-size:.64rem}
.chat{flex:1;padding:12px 11px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(255,45,117,.1),transparent 50%),#18090e}
.msg{display:flex;gap:7px;align-items:flex-end;animation:msgIn .5s var(--ease)}
.msg .av{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:.7rem}
.msg .bb{background:#250e16;border-radius:14px 14px 14px 4px;padding:6px 10px 7px;font-size:.72rem;line-height:1.4;max-width:78%;color:#f5e5ea}
.msg .bb b{display:block;font-size:.62rem;font-weight:600;margin-bottom:1px}
.msg.own{justify-content:flex-end}
.msg.own .bb{background:#561f33;border-radius:14px 14px 4px 14px}
.msg.typing .bb{display:flex;gap:4px;padding:10px 12px}
.msg.typing i{width:5px;height:5px;border-radius:50%;background:#a57785;animation:dots 1.2s infinite}
.msg.typing i:nth-child(2){animation-delay:.2s}.msg.typing i:nth-child(3){animation-delay:.4s}
.composer{display:flex;align-items:center;gap:8px;padding:9px 10px 14px;background:#1f0c13}
.composer .pill{flex:1;display:flex;align-items:center;gap:6px;background:#18090e;border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:0 12px;min-width:0}
.composer .pill .ic{color:#a57785;width:1em;height:1em}
.composer select{flex:1;min-width:0;background:transparent;border:0;outline:0;font-size:.74rem;padding:10px 0;appearance:none;-webkit-appearance:none;cursor:pointer;color:#f1cdd8}
.composer select option{background:#1e0b12}
.send{width:38px;height:38px;border-radius:50%;border:0;background:var(--grad);display:grid;place-items:center;cursor:pointer;color:#ffffff;box-shadow:0 0 18px rgba(255,45,117,.6);transition:.3s var(--ease);flex:none}
.send:hover{transform:scale(1.1) rotate(-12deg)}
.fchip{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:16px;background:rgba(42,16,26,.78);backdrop-filter:blur(12px);border:1px solid var(--line);font-size:.74rem;font-weight:500;box-shadow:0 16px 36px -12px rgba(0,0,0,.6);animation:bob 6s ease-in-out infinite}
.fchip .fi{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--b);font-size:.95rem}
.fchip small{display:block;font-size:.62rem;color:var(--muted);font-weight:400;line-height:1.2}
.fchip.c1{left:-8px;top:78px}
.fchip.c2{right:-14px;top:238px;animation-delay:-2s}
.fchip.c3{left:6px;bottom:70px;animation-delay:-4s}
.live-dot{width:8px;height:8px;border-radius:50%;background:#ffc531;box-shadow:0 0 0 0 rgba(255,197,49,.7);animation:pulse 1.8s infinite;display:inline-block}
.fine{font-size:.66rem;color:var(--muted);text-align:center;margin-top:12px}

.strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:54px;border:1px solid var(--line);border-radius:18px;background:rgba(30,11,18,.5);backdrop-filter:blur(10px)}
.strip div{display:flex;align-items:center;gap:13px;padding:16px 22px;border-right:1px solid var(--line)}
.strip div:last-child{border-right:0}
.strip .sb{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,45,117,.14);color:#ffb3cc;font-size:1.05rem}
.strip b{display:block;font-size:.95rem;font-weight:600;line-height:1.2}
.strip span{font-size:.72rem;color:var(--muted)}

/* =====================================================
   5. ODALAR (GENİŞLEYEN PANELLER)
   ===================================================== */
.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}
.search{position:relative;flex:1 1 280px;max-width:380px}
.search .ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted);width:1em;height:1em}
.input,.select,textarea{width:100%;padding:12px 16px;border-radius:13px;background:rgba(30,11,18,.8);border:1px solid var(--line);transition:.25s;font-size:.9rem}
.search .input{padding:10px 16px 10px 42px;border-radius:99px;font-size:.84rem}
.input:focus,.select:focus,textarea:focus{outline:0;border-color:#ff6fa5;box-shadow:0 0 0 4px rgba(255,45,117,.18)}
textarea{min-height:130px;resize:vertical}
.select option{background:#1e0b12}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{padding:8px 16px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.03);cursor:pointer;font-size:.78rem;font-weight:500;color:var(--muted);transition:.3s var(--ease)}
.chip:hover{color:#ffffff;border-color:#ff6fa5}
.chip.on{background:var(--grad);color:#ffffff;border-color:transparent;box-shadow:0 0 18px rgba(255,45,117,.4)}

.rooms{display:flex;gap:10px;height:500px}
.room{position:relative;flex:0 0 76px;min-width:0;border-radius:24px;overflow:hidden;cursor:pointer;isolation:isolate;border:1px solid rgba(255,255,255,.08);
  background:radial-gradient(circle at 74% 42%,color-mix(in srgb,var(--c1) 50%,transparent),transparent 58%),radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--c2) 38%,transparent),transparent 55%),var(--d);
  transition:flex .75s var(--ease),height .75s var(--ease),border-color .4s,filter .4s}
.room:not(.on):hover{filter:brightness(1.25)}
.room.on{flex:1 1 0;border-color:rgba(255,255,255,.2);cursor:default}
.room[hidden]{display:none}
.room::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(90deg,var(--d) 6%,transparent 58%);transition:opacity .6s .2s}
.room.on::after{opacity:.85}
.r-art{position:absolute;right:0;top:0;height:100%;width:644px;max-width:none;opacity:0;transform:scale(.93);transition:opacity .6s .15s,transform 1s var(--ease)}
.room.on .r-art{opacity:1;transform:none}
.r-lab{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 0;z-index:2;transition:opacity .35s}
.room.on .r-lab{opacity:0;pointer-events:none}
.r-ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 8px 20px -6px var(--c1);font-size:1.05rem}
.r-name{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:600;font-size:.9rem;letter-spacing:.06em;white-space:nowrap}
.r-no{font-size:.66rem;font-weight:600;letter-spacing:.16em;color:rgba(255,255,255,.55)}
.r-in{position:absolute;inset:0;z-index:3;padding:24px 26px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.room.on .r-in{opacity:1;visibility:visible;transition:opacity .6s .3s,visibility .6s .3s}
.r-top{display:flex;justify-content:space-between;align-items:center}
.tag{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:99px;background:rgba(24,8,14,.6);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);font-size:.68rem;font-weight:600;letter-spacing:.03em}
.tag.age{background:rgba(127,29,29,.7);border-color:rgba(251,113,133,.5)}
.r-no2{font-size:.66rem;font-weight:600;letter-spacing:.18em;color:rgba(255,255,255,.5)}
.r-bot{max-width:280px}
.r-bot h3{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:8px}
.r-bot p{font-size:.84rem;color:rgba(240,225,230,.8);margin-bottom:14px;line-height:1.65}
.meta{display:flex;gap:16px;font-size:.74rem;color:rgba(240,225,230,.7);margin-bottom:16px}
.meta span{display:inline-flex;align-items:center;gap:6px}
.meta .ic{color:var(--c2);width:1em;height:1em}
.empty{display:none;text-align:center;padding:50px 20px;color:var(--muted);border:1.5px dashed var(--line);border-radius:24px}
.empty .ic{width:2rem;height:2rem;margin:0 auto 10px;color:#ff6fa5}

/* =====================================================
   6. NASIL KATILIRIM (ZAMAN ÇİZGİSİ + SAHNELER)
   ===================================================== */
.j-time{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--muted);padding:5px 12px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.03);white-space:nowrap}
.j-time .ic{width:1em;height:1em;color:#ffd36e}
.journey{position:relative}
.rail{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;height:64px}
.rail::before{content:"";position:absolute;left:calc((100% - 44px)/6);right:calc((100% - 44px)/6);top:50%;height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,rgba(202,160,173,.5) 0 6px,transparent 6px 14px);animation:railmove 1.2s linear infinite}
@keyframes railmove{to{background-position:14px 0}}
.rail::after{content:"";position:absolute;left:calc((100% - 44px)/6);right:calc((100% - 44px)/6);top:50%;height:2px;margin-top:-1px;background:var(--grad);transform-origin:left;transform:scaleX(0);transition:transform 1.8s var(--ease) .35s}
.journey.in .rail::after{transform:scaleX(1)}
.node{position:relative;z-index:2;justify-self:center;align-self:center;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.92rem;color:#ffffff;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 0 0 6px #1e0b12,0 0 34px -4px var(--c1)}
.rail .plane{position:absolute;z-index:3;top:50%;left:calc((100% - 44px)/6);width:30px;height:30px;margin:-46px 0 0 -15px;border-radius:50%;display:grid;place-items:center;background:#1e0b12;border:1px solid rgba(255,255,255,.25);color:#ffb3cc;box-shadow:0 0 20px -4px #ff2d75;animation:plane 8s ease-in-out infinite}
@keyframes plane{0%,8%{left:calc((100% - 44px)/6)}46%,54%{left:50%}92%,100%{left:calc(100% - (100% - 44px)/6)}}
.jsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.jstep{position:relative;border-radius:28px;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(150deg,var(--c1),rgba(202,160,173,.12) 50%,var(--c2)) border-box;border:1.5px solid transparent;box-shadow:0 24px 50px -24px rgba(0,0,0,.7);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.jstep:nth-child(2){margin-top:34px}
.jstep::before{content:"";position:absolute;left:50%;top:-26px;width:2px;height:26px;margin-left:-1px;background:linear-gradient(var(--c1),transparent)}
.jstep:nth-child(2)::before{top:-60px;height:60px}
.jstep:hover{transform:translateY(-8px);box-shadow:0 34px 70px -22px var(--c1)}
.j-stage{position:relative;margin:10px;border-radius:20px;overflow:hidden;aspect-ratio:280/170;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--c1) 38%,transparent),transparent 65%),var(--d);border:1px solid rgba(255,255,255,.06)}
.j-stage::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.5px);background-size:16px 16px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000000,transparent 75%);mask-image:radial-gradient(circle at 50% 50%,#000000,transparent 75%)}
.j-stage svg{position:relative;width:100%;height:100%;display:block}
.j-body{padding:6px 22px 24px}
.j-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.j-tag{font-size:.66rem;font-weight:600;letter-spacing:.2em;color:var(--c2)}
.jstep h3{font-size:1.08rem;margin-bottom:6px}
.jstep p{color:var(--muted);font-size:.85rem;margin-bottom:14px}
.j-chips{display:flex;flex-wrap:wrap;gap:6px}
.j-chips span{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;font-size:.7rem;font-weight:500;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#f3dae1}
.j-chips .ic{width:.95em;height:.95em;color:var(--c2)}
.j-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:34px;padding:16px 22px;border-radius:22px;background:rgba(30,11,18,.55);border:1px solid var(--line);flex-wrap:wrap}
.j-cta p{font-size:.88rem;color:#f3dae1;display:flex;align-items:center;gap:10px}
.j-cta p .ic{color:#ffd36e}
.j-cta div{display:flex;gap:10px;flex-wrap:wrap}
@keyframes ripple{0%{transform:scale(.6);opacity:.9}100%{transform:scale(3.2);opacity:0}}
.rip{animation:ripple 2s ease-out infinite;transform-box:fill-box;transform-origin:center}
@media (max-width:1020px){
  .rail{display:none}
  .jsteps{grid-template-columns:1fr}
  .jstep:nth-child(2){margin-top:0}
  .jstep::before,.jstep:nth-child(2)::before{display:none}
  .j-cta{justify-content:center;text-align:center}
}

/* =====================================================
   7. SSS
   ===================================================== */
.faq-wrap{display:grid;grid-template-columns:340px 1fr;gap:44px;align-items:start}
.faq-side{position:sticky;top:96px}
.faq-side .orb{width:100%;max-width:260px;margin:0 0 6px;display:block}
.faq-side p{color:var(--muted);font-size:.85rem;margin-bottom:16px}
.faq-side ul{list-style:none;display:grid;gap:8px}
.faq-side li{display:flex;gap:10px;align-items:center;font-size:.8rem;color:#f3dae1}
.faq-side li .ic{color:#ffd36e;width:1em;height:1em}
.faq-list{display:grid;gap:10px}
.faq{background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.35s var(--ease)}
.faq[open]{border-color:rgba(255,45,117,.55);box-shadow:0 0 30px -12px #ff2d75}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:14px 18px;font-weight:500}
.faq summary::-webkit-details-marker{display:none}
.faq .fi2{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--b);box-shadow:0 8px 16px -8px var(--bc);font-size:1rem}
.faq summary span.q{flex:1;font-size:.9rem}
.faq .chev{transition:.35s var(--ease);color:var(--muted)}
.faq[open] .chev{transform:rotate(180deg);color:#ff6fa5}
.faq .ans{padding:0 20px 18px 70px;color:var(--muted);font-size:.86rem}
.faq[open] .ans{animation:ansIn .45s var(--ease)}
@keyframes ansIn{from{opacity:0;transform:translateY(-8px)}}

/* =====================================================
   8. SEO MAKALE
   ===================================================== */
.article-wrap{display:grid;grid-template-columns:250px 1fr;gap:40px;align-items:start}
.toc{position:sticky;top:96px;background:var(--glass);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:20px;padding:20px}
.toc .toc-t{font-size:.85rem;margin-bottom:10px;display:flex;gap:8px;align-items:center}
.toc .toc-t .ic{color:#ff6fa5}
.toc a{display:block;padding:8px 12px;margin:2px 0;border-radius:10px;font-size:.8rem;color:var(--muted);border-left:2px solid transparent;transition:.25s}
.toc a:hover,.toc a.on{color:#ffffff;background:rgba(255,45,117,.13);border-left-color:#ff2d75}
.article{background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:26px;padding:clamp(22px,3.6vw,42px)}
.article h2{font-size:clamp(1.3rem,2.4vw,1.7rem);margin-bottom:14px}
.article h3{display:flex;align-items:center;gap:13px;font-size:1.08rem;margin:32px 0 10px}
.hi{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--b);box-shadow:0 10px 18px -8px var(--bc);font-size:1rem}
.article p{color:#e6c4ce;margin-bottom:12px;font-size:.9rem}
.chk{list-style:none;margin:10px 0 16px;display:grid;gap:8px}
.chk li{display:flex;gap:11px;color:#e6c4ce;font-size:.88rem}
.chk .ic{color:#ffd36e;margin-top:5px;width:1em;height:1em}
.answer{margin:20px 0;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,rgba(255,45,117,.2),rgba(192,38,211,.12));border:1px solid rgba(255,45,117,.4);border-left:4px solid #ff2d75}
.answer b{display:flex;gap:9px;align-items:center;margin-bottom:5px;color:#ffb3cc;font-size:.8rem;font-weight:600;letter-spacing:.04em}
.answer p{margin:0;color:#f0e1e6}

/* =====================================================
   9. İÇ SAYFALAR
   ===================================================== */
.page-hero{padding:56px 0 8px;display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:center}
.page-hero.center{grid-template-columns:1fr;text-align:center}
.page-hero h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;margin:12px 0;letter-spacing:-.03em}
.page-hero p{color:var(--muted);max-width:540px;font-size:.95rem}
.page-hero.center p{margin:auto}
.page-hero>svg{width:100%;max-width:300px;margin:auto}
.cards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.info{background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:22px;padding:26px;transition:.4s var(--ease)}
.info:hover{transform:translateY(-6px);border-color:rgba(255,45,117,.55);box-shadow:0 20px 50px -22px #ff2d75}
.info .ii{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:1.2rem;background:var(--b);box-shadow:0 10px 20px -8px var(--bc);margin-bottom:14px}
.info h3{font-size:1rem;margin-bottom:6px}
.info p{color:var(--muted);font-size:.85rem}
.prose{max-width:860px;margin:0 auto;background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:26px;padding:clamp(22px,3.6vw,42px)}
.prose h2{font-size:1.15rem;margin:28px 0 10px;display:flex;gap:12px;align-items:center}
.prose h2:first-child{margin-top:0}
.prose h2 .hi{width:34px;height:34px;border-radius:11px}
.prose p,.prose li{color:#e6c4ce;font-size:.89rem;margin-bottom:9px}
.prose ul{padding-left:22px;margin-bottom:12px}
.note{padding:14px 18px;border-radius:14px;background:rgba(192,38,211,.11);border:1px solid rgba(192,38,211,.38);margin:14px 0;display:flex;gap:12px;align-items:flex-start;color:#fef3cd;font-size:.86rem}
.note .ic{margin-top:4px;color:#ffd36e;flex:none}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:start}
.contact-side{display:grid;gap:14px}
.c-card{display:flex;gap:15px;align-items:center;padding:18px;border-radius:20px;background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line);transition:.35s var(--ease)}
.c-card:hover{transform:translateX(6px);border-color:#ff6fa5}
.c-card .ii{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.15rem;background:var(--b);box-shadow:0 10px 20px -8px var(--bc)}
.c-card h3{font-size:.92rem}
.c-card span{font-size:.8rem;color:var(--muted)}
.form-card{background:var(--glass);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:26px;padding:clamp(22px,3.6vw,36px)}
.form-card h2{font-size:1.25rem;margin-bottom:6px}
.form-card>p{color:var(--muted);font-size:.84rem;margin-bottom:18px}
.field{margin-bottom:14px}
.field label{display:block;font-size:.76rem;font-weight:500;color:var(--muted);margin-bottom:6px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-msg{display:none;margin-top:14px;padding:13px 16px;border-radius:13px;background:rgba(192,38,211,.14);border:1px solid rgba(192,38,211,.5);font-size:.84rem}

/* =====================================================
   10. FOOTER, MODAL, TOAST
   ===================================================== */
.footer{position:relative;background:linear-gradient(180deg,rgba(24,8,14,.6),rgba(17,5,10,.96));padding:56px 0 24px;margin-top:30px;overflow:hidden}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ff2d75,#c026d3,#e8103f,transparent)}
.footer::after{content:"";position:absolute;right:-140px;bottom:-160px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(255,45,117,.16),transparent 65%);pointer-events:none}
.footer .container{position:relative;z-index:1}
.f-cta{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:26px 34px;border-radius:28px;margin-bottom:54px;overflow:hidden;background:radial-gradient(520px 230px at 0% 0%,rgba(255,45,117,.36),transparent 60%),radial-gradient(520px 230px at 100% 100%,rgba(192,38,211,.3),transparent 60%),rgba(42,16,26,.55);border:1px solid rgba(255,45,117,.38);box-shadow:0 30px 60px -30px rgba(255,45,117,.55)}
.f-cta>svg{width:170px;height:auto}
.f-cta h3,.f-cta h2{font-size:1.25rem;letter-spacing:-.02em;margin-bottom:6px}
.f-cta p{color:var(--muted);font-size:.86rem;margin:0}
.f-cta-btns{display:flex;gap:10px;flex-wrap:wrap}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:38px}
.foot-grid p{color:var(--muted);font-size:.84rem;margin-top:14px;max-width:320px}
.foot-grid .fh{font-size:.7rem;margin-bottom:14px;letter-spacing:.2em;color:#ff6fa5;font-weight:600;text-transform:uppercase}
.foot-grid a.fl{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.84rem;padding:5px 0;transition:.3s var(--ease)}
.foot-grid a.fl:hover{color:#ffffff;transform:translateX(5px)}
.foot-grid a.fl.dot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c1);box-shadow:0 0 10px var(--c1);flex:none}
.f-stat{display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:7px 14px;border-radius:99px;background:rgba(255,197,49,.1);border:1px solid rgba(255,197,49,.3);font-size:.74rem;color:#fef0be}
.f-soc{display:flex;gap:10px;margin-top:18px}
.f-soc a{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:1.05rem;transition:.35s var(--ease)}
.f-soc a:hover{background:var(--grad);border-color:transparent;transform:translateY(-4px);box-shadow:0 12px 24px -8px rgba(255,45,117,.7)}
.f-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:42px;padding-top:26px;border-top:1px solid var(--line)}
.f-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:.74rem;color:#f3dae1}
.f-badge .ic{color:#ffd36e;width:1em;height:1em}
.f-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;font-size:.74rem;color:var(--muted)}
.f-bottom nav{display:flex;gap:18px;flex-wrap:wrap}
.f-credit{display:inline-flex;gap:6px;align-items:center;padding:5px 12px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.f-credit a{font-weight:600;letter-spacing:.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.f-credit a:hover{filter:brightness(1.25)}
.f-bottom nav a:hover{color:#ffffff}
.modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:20px;background:rgba(29,0,18,.82);backdrop-filter:blur(10px)}
.modal.open{display:grid;animation:pageIn .3s}
.modal-box{width:min(420px,100%);text-align:center;padding:28px 26px;border-radius:28px;background:linear-gradient(160deg,#2a101a,#3b0d1f);border:1px solid rgba(232,16,63,.6);box-shadow:0 0 70px -10px rgba(232,16,63,.7)}
.modal-box svg{width:140px;margin:0 auto 4px;display:block}
.modal-box h3{font-size:1.25rem;margin-bottom:8px}
.modal-box p{color:#f3dae1;font-size:.84rem;margin-bottom:18px}
.modal-actions{display:grid;gap:10px}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,140px);z-index:300;background:#2a101a;border:1px solid #ff2d75;padding:12px 20px;border-radius:14px;font-size:.84rem;box-shadow:0 14px 40px rgba(0,0,0,.5);transition:.4s var(--ease);max-width:92%}
.toast.show{transform:translate(-50%,0)}
.totop{position:fixed;right:20px;bottom:24px;z-index:60;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;background:var(--grad);color:#ffffff;display:grid;place-items:center;box-shadow:0 0 24px rgba(255,45,117,.5);opacity:0;visibility:hidden;transform:translateY(16px);transition:.35s var(--ease)}
.totop.show{opacity:1;visibility:visible;transform:none}
.totop{box-sizing:border-box;padding:0;background:rgba(24,8,14,.94);backdrop-filter:blur(8px);box-shadow:0 0 24px rgba(255,45,117,.45),inset 0 0 0 1px rgba(255,255,255,.08)}
.totop .ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none;overflow:visible}
.totop .ring circle{fill:none;stroke-width:3}
.totop .ring .bg{stroke:rgba(255,255,255,.1)}
.totop .ring .fg{stroke:url(#ringGrad);stroke-linecap:round;stroke-dasharray:131.95;stroke-dashoffset:131.95;transition:stroke-dashoffset .12s linear}
.totop .ic{position:absolute;inset:0;margin:auto;width:20px;height:20px;opacity:0;transform:translateY(6px);transition:.3s var(--ease)}
.totop .pct{position:relative;font-size:.7rem;font-weight:700;letter-spacing:-.02em;color:#f0e1e6;font-variant-numeric:tabular-nums;transition:.3s var(--ease)}
.totop:hover .pct{opacity:0;transform:translateY(-6px)}
.totop:hover .ic{opacity:1;transform:none}
.totop .ring .fg{filter:drop-shadow(0 0 3px rgba(255,111,165,.7))}

/* SVG animasyon sınıfları */
.spin{animation:spin 50s linear infinite}
.spin.rev{animation-direction:reverse;animation-duration:70s}
.fl1{animation:bob 5s ease-in-out infinite}.fl2{animation:bob 7s ease-in-out infinite -2s}
.tw{animation:tw 3s ease-in-out infinite}
.bt{animation:beat 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.dt{animation:dots 1.4s infinite}.dt:nth-child(2){animation-delay:.2s}.dt:nth-child(3){animation-delay:.4s}
.st{stroke-dasharray:70;animation:steam 3.4s ease-in-out infinite}.st:nth-child(2){animation-delay:.9s}.st:nth-child(3){animation-delay:1.8s}
.dsh{stroke-dasharray:5 9;animation:dash 1.4s linear infinite}

/* =====================================================
   11. RESPONSIVE
   ===================================================== */
@media (max-width:1020px){
  .nav,.header .btn.hd,.topbar{display:none}
  .burger{display:grid}
  .hero-grid{grid-template-columns:1fr;gap:34px}
  /* Mobilde giriş (telefon + kanal seçici) en üstte */
  .stage{order:-1}
  .phone{transform:none;height:500px}
  .halo i:nth-child(3){display:none}
  .fchip.c2{right:0}
  .strip{grid-template-columns:repeat(2,1fr)}
  .strip div:nth-child(2){border-right:0}
  .strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .faq-wrap,.contact-grid,.page-hero,.article-wrap{grid-template-columns:1fr}
  .faq-side,.toc{position:static}
  .faq-side .orb{max-width:180px}
  .steps{grid-template-columns:1fr}
  .step{border-right:0;border-bottom:1px solid var(--line)}
  .step:last-child{border-bottom:0}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-grid>div:first-child{grid-column:1/-1}
  .f-cta{grid-template-columns:1fr;text-align:center;justify-items:center}
  .f-cta>svg{width:130px}
  .f-cta-btns{justify-content:center}
  .page-hero>svg{max-width:240px}
}
@media (max-width:900px){
  /* Odalar: dikey akordeon */
  .rooms{flex-direction:column;height:auto}
  .room{flex:none;height:76px}
  .room.on{flex:none;height:470px}
  .room::after{background:linear-gradient(to top,var(--d) 8%,transparent 62%)}
  .r-lab{flex-direction:row;padding:0 18px;justify-content:flex-start;gap:14px}
  .r-name{writing-mode:horizontal-tb;transform:none;flex:1;font-size:.95rem}
  .r-art{width:520px;height:365px;left:calc(50% - 364px);right:auto;top:6px}
  .r-in{padding:20px}
  .r-bot{max-width:none}
}
@media (max-width:640px){
  section{padding:54px 0}
  .hero{padding-top:26px}
  .form-row{grid-template-columns:1fr}
  .faq .ans{padding-left:20px}
  .foot-grid{grid-template-columns:1fr 1fr}
  .f-cta{padding:24px 20px}
  .f-bottom{justify-content:center;text-align:center}
  .logo-img{height:30px}
  .hero-actions .btn{flex:1 1 100%}
  .fchip.c1,.fchip.c3{display:none}
  .stage{padding:0}
  .phone{width:100%;max-width:372px;height:520px}
  .fchip.c2{right:14px;top:-14px;bottom:auto}
  .halo i:nth-child(1){width:100%;height:100%;border-radius:40px;filter:blur(24px)}.halo i:nth-child(2){display:none}
  .strip div{padding:14px}
}

/* =====================================================
   11. TEMA ANAHTARI + YENİ İÇ SAYFA BİLEŞENLERİ
   ===================================================== */
.theme-btn{position:relative;width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:var(--glass);cursor:pointer;display:grid;place-items:center;font-size:1.15rem;color:var(--txt);transition:.35s var(--ease);flex:none;overflow:hidden}
.theme-btn:hover{border-color:#ff6fa5;box-shadow:0 0 24px -6px rgba(255,45,117,.7);transform:translateY(-2px)}
.theme-btn .ic{position:absolute;transition:transform .5s var(--ease),opacity .35s}
.theme-btn .moon{opacity:0;transform:rotate(-90deg) scale(.4)}
html[data-theme="light"] .theme-btn .sun{opacity:0;transform:rotate(90deg) scale(.4)}
html[data-theme="light"] .theme-btn .moon{opacity:1;transform:none}
.ov-actions{display:flex;gap:10px;align-items:center}
.ov-actions .theme-btn{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}
.header .container>.theme-btn{margin-left:auto;margin-right:-2px}
.header .btn.hd{margin-left:0}

/* ---- ortak: sayfa CTA bandi, istatistik, rozetler ---- */
.pg-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:30px 34px;border-radius:28px;overflow:hidden;background:radial-gradient(520px 230px at 0% 0%,rgba(255,45,117,.42),transparent 60%),radial-gradient(520px 230px at 100% 100%,rgba(192,38,211,.34),transparent 60%),#210b13;border:1px solid rgba(255,45,117,.4);box-shadow:0 30px 60px -30px rgba(255,45,117,.55);color:#f0e1e6;--hd:#ffffff;--muted:#dbb5c0}
.pg-cta h3,.pg-cta h2{font-size:1.3rem;letter-spacing:-.02em;margin-bottom:6px}
.pg-cta p{color:var(--muted);font-size:.88rem;max-width:520px}
.pg-cta .btns{display:flex;gap:10px;flex-wrap:wrap}
.pg-cta svg.deco{position:absolute;right:-30px;top:-40px;width:230px;opacity:.16;pointer-events:none}
.pg-cta>*{position:relative}
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.kpi div{position:relative;padding:20px 22px;border-radius:20px;background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line);overflow:hidden}
.kpi div::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--k,var(--grad))}
.kpi b{display:block;font-size:1.7rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;background:var(--k,var(--grad));-webkit-background-clip:text;background-clip:text;color:transparent}
.kpi span{display:block;margin-top:6px;font-size:.76rem;color:var(--muted)}

/* ---- Hakkimizda: manifesto ---- */
.mani{display:grid;grid-template-columns:1.05fr 1fr;gap:26px;align-items:stretch}
.quote{position:relative;padding:38px 34px;border-radius:28px;overflow:hidden;color:#f0e1e6;--hd:#ffffff;background:radial-gradient(420px 300px at 90% 0%,rgba(192,38,211,.45),transparent 60%),radial-gradient(420px 300px at 0% 100%,rgba(255,45,117,.5),transparent 60%),#1b0910;border:1px solid rgba(255,45,117,.4);box-shadow:0 30px 60px -30px rgba(255,45,117,.55)}
.quote .qm{position:absolute;right:22px;top:6px;font-size:9rem;line-height:1;font-weight:700;color:rgba(255,255,255,.07);font-family:Georgia,serif}
.quote blockquote{position:relative;font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:600;letter-spacing:-.02em;line-height:1.35;color:#ffffff;margin-bottom:18px}
.quote blockquote em{font-style:normal;background:linear-gradient(120deg,#ff6fa5,#ffd36e);-webkit-background-clip:text;background-clip:text;color:transparent}
.quote p{position:relative;color:#dbb5c0;font-size:.88rem;max-width:420px}
.quote .sig{position:relative;display:flex;align-items:center;gap:12px;margin-top:22px;font-size:.76rem;color:#f3dae1}
.quote .sig i{width:34px;height:2px;background:var(--grad);display:block}
.pillars{display:grid;gap:14px}
.pillar{display:flex;gap:16px;padding:20px 22px;border-radius:22px;background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line);transition:.4s var(--ease)}
.pillar:hover{transform:translateX(6px);border-color:var(--bc)}
.pillar .ii{flex:none;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:1.2rem;color:#ffffff;background:var(--b);box-shadow:0 10px 20px -8px var(--bc)}
.pillar h3{font-size:1rem;margin-bottom:4px}
.pillar p{color:var(--muted);font-size:.84rem}

/* ---- zaman cizgisi ---- */
.tl{position:relative;display:grid;gap:22px;padding:6px 0}
.tl::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(var(--tg),var(--tg2),#f353ff,#ff3fa4);opacity:.55;border-radius:2px}
.tl-i{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.tl-card{padding:22px 24px;border-radius:22px;background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line);transition:.4s var(--ease)}
.tl-card:hover{transform:translateY(-5px);border-color:var(--c1);box-shadow:0 22px 44px -22px var(--c1)}
.tl-card small{display:block;font-size:.66rem;font-weight:600;letter-spacing:.2em;color:var(--c1);margin-bottom:6px}
.tl-card h3{font-size:1.05rem;margin-bottom:6px}
.tl-card p{color:var(--muted);font-size:.85rem}
.tl-n{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.9rem;color:#ffffff;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 0 0 6px var(--bg),0 0 30px -4px var(--c1);z-index:2}
.tl-i:nth-child(odd) .tl-card{grid-column:1}
.tl-i:nth-child(even) .tl-card{grid-column:2}

/* ---- ilke kartlari ---- */
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.val{padding:24px;border-radius:24px;background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line);transition:.4s var(--ease)}
.val:hover{transform:translateY(-6px);border-color:var(--bc);box-shadow:0 22px 46px -22px var(--bc)}
.val .ii{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.15rem;color:#ffffff;background:var(--b);box-shadow:0 10px 20px -8px var(--bc);margin-bottom:14px}
.val h3{font-size:.98rem;margin-bottom:6px}
.val p{color:var(--muted);font-size:.83rem}

/* ---- moderasyon akisi ---- */
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:24px;background:var(--glass);backdrop-filter:blur(12px);overflow:hidden}
.flow>div{position:relative;padding:26px 26px 24px}
.flow>div+div{border-left:1px solid var(--line)}
.flow .fn{font-size:2.6rem;font-weight:700;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.flow h3{font-size:1rem;margin-bottom:6px}
.flow p{color:var(--muted);font-size:.84rem}
.flow>div::after{content:"";position:absolute;right:-1px;top:30px;width:9px;height:9px;border-top:2px solid var(--line);border-right:2px solid var(--line);transform:translateX(50%) rotate(45deg);background:var(--bg2);z-index:1}
.flow>div:last-child::after{display:none}

/* ---- Gizlilik: ozet kartlari + yasal duzen ---- */
.sum4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:34px}
.sum4 div{display:flex;gap:13px;align-items:center;padding:16px 18px;border-radius:20px;background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line)}
.sum4 .ii{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#ffffff;font-size:1.05rem;background:var(--b);box-shadow:0 8px 16px -8px var(--bc)}
.sum4 b{display:block;font-size:.88rem;font-weight:600;line-height:1.25}
.sum4 span{font-size:.72rem;color:var(--muted)}
.legal{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:start}
.legal .toc{top:96px}
.legal .toc .tp{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted)}
.legal-body{display:grid;gap:16px}
.l-sec{background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:24px;padding:clamp(20px,3vw,32px);scroll-margin-top:96px}
.l-sec h2{display:flex;align-items:center;gap:13px;font-size:1.12rem;margin-bottom:12px}
.l-sec h2 .hi{width:38px;height:38px}
.l-sec h2 .no{margin-left:auto;font-size:.66rem;font-weight:600;letter-spacing:.18em;color:var(--muted)}
.l-sec p,.l-sec li{color:var(--lt,#e6c4ce);font-size:.89rem;margin-bottom:9px}
.l-sec ul{padding-left:22px;margin-bottom:6px}
.dd2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}
.dd2>div{padding:18px 20px;border-radius:18px;border:1px solid var(--line)}
.dd2 .ok{background:rgba(255,197,49,.08);border-color:rgba(255,197,49,.35)}
.dd2 .no2{background:rgba(255,61,113,.08);border-color:rgba(255,61,113,.35)}
.dd2 h3{display:flex;gap:8px;align-items:center;font-size:.88rem;margin-bottom:8px}
.dd2 .ok h3 .ic{color:#ffc531}.dd2 .no2 h3 .ic{color:#ff3d71}
.dd2 ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.dd2 li{margin:0;font-size:.83rem;display:flex;gap:9px}
.dd2 li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;margin-top:9px;background:currentColor;opacity:.6}
.rights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px}
.rights div{padding:14px 16px;border-radius:16px;background:rgba(255,45,117,.07);border:1px solid rgba(255,45,117,.25);font-size:.8rem;color:var(--lt,#e6c4ce);display:flex;gap:10px;align-items:flex-start}
.rights .ic{color:#ff6fa5;margin-top:3px;width:1em;height:1em}

/* ---- Iletisim: durum karti + sureç + mini sss ---- */
.status{display:flex;gap:15px;align-items:center;padding:18px;border-radius:20px;background:linear-gradient(135deg,rgba(255,197,49,.14),rgba(255,45,117,.1));border:1px solid rgba(255,197,49,.4)}
.status .live-dot{flex:none;width:12px;height:12px}
.status b{display:block;font-size:.9rem}
.status span{font-size:.78rem;color:var(--muted)}
.proc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:p}
.proc>div{position:relative;padding:24px 22px 22px;border-radius:24px;background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line);transition:.4s var(--ease)}
.proc>div:hover{transform:translateY(-6px);border-color:var(--bc);box-shadow:0 22px 46px -22px var(--bc)}
.proc .ii{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.15rem;color:#ffffff;background:var(--b);box-shadow:0 10px 20px -8px var(--bc);margin-bottom:14px}
.proc .pn{position:absolute;right:18px;top:12px;font-size:2.4rem;font-weight:700;letter-spacing:-.04em;color:var(--line)}
.proc h3{font-size:.98rem;margin-bottom:6px}
.proc p{color:var(--muted);font-size:.83rem}
.sub-faq{max-width:860px;margin:0 auto;display:grid;gap:10px}

@media (max-width:1020px){
  .kpi,.sum4{grid-template-columns:1fr 1fr}
  .mani,.legal{grid-template-columns:1fr}
  .legal .toc{position:static}
  .vals,.proc{grid-template-columns:1fr 1fr}
  .tl::before{left:23px}
  .tl-i{grid-template-columns:1fr;padding-left:62px;gap:0}
  .tl-i:nth-child(n) .tl-card{grid-column:1}
  .tl-n{left:23px}
  .flow{grid-template-columns:1fr}
  .flow>div+div{border-left:0;border-top:1px solid var(--line)}
  .flow>div::after{display:none}
  .rights{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .kpi,.sum4,.vals,.proc,.dd2,.rights{grid-template-columns:1fr}
  .pg-cta{padding:26px 22px;text-align:center;justify-content:center}
  .pg-cta .btns{justify-content:center}
  .l-sec h2 .no{display:none}
  .quote{padding:30px 24px}
}

/* =====================================================
   12. GÜNDÜZ MODU
   Koyu kalan bölümler (telefon, odalar, footer, mobil menü,
   modal) kendi koyu değişkenlerini yeniden tanımlar.
   ===================================================== */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#fbeef2; --bg2:#ffffff; --glass:rgba(255,255,255,.84);
  --line:rgba(30,11,18,.11); --txt:#2a101a; --muted:#5b2338; --hd:#1e0b12; --lt:#521f32;
}
html[data-theme="light"] .footer,
html[data-theme="light"] .overlay,
html[data-theme="light"] .modal,
html[data-theme="light"] .toast,
html[data-theme="light"] .phone,
html[data-theme="light"] .room,
html[data-theme="light"] .pg-cta,
html[data-theme="light"] .quote,
html[data-theme="light"] .j-stage{
  --bg:#1e0b12; --bg2:#18080e; --glass:rgba(42,16,26,.62);
  --line:rgba(202,160,173,.15); --txt:#f0e1e6; --muted:#caa0ad; --hd:#ffffff; --lt:#e6c4ce;
  color:#f0e1e6;
}
html[data-theme="light"] .bg{background:radial-gradient(1000px 620px at 8% -10%,rgba(255,45,117,.16),transparent 60%),radial-gradient(900px 620px at 100% 22%,rgba(192,38,211,.12),transparent 60%),radial-gradient(800px 560px at 40% 112%,rgba(255,61,113,.08),transparent 60%),#fbeef2}
html[data-theme="light"] .grid-lines{background-image:linear-gradient(rgba(30,11,18,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(30,11,18,.05) 1px,transparent 1px)}
html[data-theme="light"] .grain{opacity:.025}
html[data-theme="light"] ::selection{background:#ffd6e4;color:#1e0b12}

/* header + menu */
html[data-theme="light"] .header{background:rgba(255,255,255,.72);box-shadow:0 8px 30px -22px rgba(30,11,18,.35)}
html[data-theme="light"] .header .logo-img{background-image:url(../img/logo-dark.png)}
html[data-theme="light"] .nav{background:rgba(255,255,255,.85);box-shadow:inset 0 1px 0 #ffffff,0 10px 30px -16px rgba(30,11,18,.25)}
html[data-theme="light"] .nav-ind{background:linear-gradient(135deg,rgba(255,45,117,.16),rgba(192,38,211,.12));border-color:rgba(255,45,117,.45);box-shadow:0 0 22px -6px rgba(255,45,117,.4)}
html[data-theme="light"] .nav>a:hover,html[data-theme="light"] .nav>a.active,html[data-theme="light"] .nav .dd-t:hover,html[data-theme="light"] .nav .dd-t.active,html[data-theme="light"] .nav-dd:hover .dd-t{color:#1e0b12}
html[data-theme="light"] .dd-panel{background:rgba(255,255,255,.985);border-color:rgba(30,11,18,.12);box-shadow:0 40px 80px -24px rgba(30,11,18,.35),0 0 60px -30px rgba(255,45,117,.5)}
html[data-theme="light"] .dd-panel::after{background:#ffffff;border-color:rgba(30,11,18,.12)}
html[data-theme="light"] .dd-i b{color:#1e0b12}
html[data-theme="light"] .dd-i:hover{background:rgba(30,11,18,.05);border-color:rgba(30,11,18,.08)}
html[data-theme="light"] .dd-i.wide{background:linear-gradient(135deg,rgba(255,45,117,.12),rgba(192,38,211,.08));border-color:rgba(255,45,117,.3)}
html[data-theme="light"] .dd-i .dn{color:#925405}
html[data-theme="light"] .dd-foot a{color:#c2185b}
html[data-theme="light"] .dd-foot a:hover{color:#1e0b12}
html[data-theme="light"] .topbar{background:linear-gradient(90deg,rgba(255,45,117,.1),rgba(192,38,211,.08),rgba(255,61,113,.07));color:#3d1725}
html[data-theme="light"] .topbar a{color:#c2185b}
html[data-theme="light"] .topbar a:hover{color:#1e0b12}
html[data-theme="light"] .topbar .tb-m .ic{color:#a16207}
html[data-theme="light"] .burger{color:#1e0b12;background:linear-gradient(135deg,rgba(255,45,117,.12),rgba(192,38,211,.08))}
html[data-theme="light"] .theme-btn{background:rgba(255,255,255,.85);color:#1e0b12}
html[data-theme="light"] .ov-actions .theme-btn{background:rgba(255,255,255,.07);color:#f0e1e6}
html[data-theme="light"] .btn.ghost{background:rgba(255,255,255,.8);color:#1e0b12}
html[data-theme="light"] .pg-cta .btn.ghost,html[data-theme="light"] .footer .btn.ghost,html[data-theme="light"] .overlay .btn.ghost{background:rgba(255,255,255,.06);color:#ffffff}
html[data-theme="light"] .btn.ghost:hover{background:rgba(255,45,117,.1)}

/* ortak metin */
html[data-theme="light"] .eyebrow{color:#c2185b;background:rgba(255,45,117,.09)}
html[data-theme="light"] .gt{background:linear-gradient(120deg,#e8103f 0%,#ff2d75 40%,#c026d3 90%);-webkit-background-clip:text;background-clip:text}
html[data-theme="light"] .sh .no,html[data-theme="light"] .j-tag{color:#c2185b}
html[data-theme="light"] .trust{color:#5b2338}
html[data-theme="light"] .trust .ic{color:#a16207}
html[data-theme="light"] .strip{background:rgba(255,255,255,.75);box-shadow:0 18px 40px -26px rgba(30,11,18,.3)}
html[data-theme="light"] .strip .sb{color:#c2185b;background:rgba(255,45,117,.1)}
html[data-theme="light"] .input,html[data-theme="light"] .select,html[data-theme="light"] textarea{background:#ffffff}
html[data-theme="light"] .select option{background:#ffffff;color:#1e0b12}
html[data-theme="light"] .chip{background:rgba(255,255,255,.7)}
html[data-theme="light"] .chip:hover{color:#1e0b12}
html[data-theme="light"] .chip.on{color:#ffffff;background:var(--grad)}
html[data-theme="light"] :is(.fi2,.hi,.ii,.di,.oi,.ci,.node,.tl-n,.r-ic){color:#ffffff}
html[data-theme="light"] .fchip{background:rgba(255,255,255,.92);color:#1e0b12;box-shadow:0 16px 36px -14px rgba(30,11,18,.35)}
html[data-theme="light"] .fchip small{color:#5b2338}
html[data-theme="light"] .halo i:nth-child(2),html[data-theme="light"] .halo i:nth-child(3){border-color:rgba(30,11,18,.14)}
html[data-theme="light"] .phone{box-shadow:0 50px 80px -24px rgba(30,11,18,.45),0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.18)}

/* adimlar */
html[data-theme="light"] .j-time{background:#ffffff}
html[data-theme="light"] .jstep{box-shadow:0 24px 50px -28px rgba(30,11,18,.35)}
html[data-theme="light"] .j-chips span{background:rgba(30,11,18,.04);color:#3d1725}
html[data-theme="light"] .j-cta{background:rgba(255,255,255,.78)}
html[data-theme="light"] .j-cta p{color:#3d1725}
html[data-theme="light"] .j-cta p .ic{color:#a16207}
html[data-theme="light"] .node{box-shadow:0 0 0 6px #fbeef2,0 0 30px -6px var(--c1)}
html[data-theme="light"] .rail .plane{background:#ffffff;color:#c2185b;border-color:rgba(30,11,18,.15)}
html[data-theme="light"] .rail::before{background:repeating-linear-gradient(90deg,rgba(30,11,18,.3) 0 6px,transparent 6px 14px)}

/* sss + makale + ic sayfalar */
html[data-theme="light"] .faq-side li{color:#3d1725}
html[data-theme="light"] .faq-side li .ic,html[data-theme="light"] .chk .ic{color:#a16207}
html[data-theme="light"] .faq{box-shadow:0 10px 26px -22px rgba(30,11,18,.3)}
html[data-theme="light"] .toc a:hover,html[data-theme="light"] .toc a.on{color:#1e0b12;background:rgba(255,45,117,.09)}
html[data-theme="light"] .article p,html[data-theme="light"] .chk li,html[data-theme="light"] .prose p,html[data-theme="light"] .prose li{color:#521f32}
html[data-theme="light"] .answer{background:linear-gradient(135deg,rgba(255,45,117,.11),rgba(192,38,211,.07))}
html[data-theme="light"] .answer b{color:#c2185b}
html[data-theme="light"] .answer p{color:#2a101a}
html[data-theme="light"] .note{color:#6a4d00;background:rgba(192,38,211,.09)}
html[data-theme="light"] .note .ic{color:#a16207}
html[data-theme="light"] .info,html[data-theme="light"] .c-card,html[data-theme="light"] .form-card,html[data-theme="light"] .prose,html[data-theme="light"] .article,html[data-theme="light"] .toc{box-shadow:0 18px 40px -30px rgba(30,11,18,.3)}
html[data-theme="light"] .form-msg{color:#6a4d00}
html[data-theme="light"] .kpi div,html[data-theme="light"] .pillar,html[data-theme="light"] .tl-card,html[data-theme="light"] .val,html[data-theme="light"] .flow,html[data-theme="light"] .sum4 div,html[data-theme="light"] .l-sec,html[data-theme="light"] .proc>div,html[data-theme="light"] .status{box-shadow:0 18px 40px -30px rgba(30,11,18,.3)}
html[data-theme="light"] .tl-n{box-shadow:0 0 0 6px #fbeef2,0 0 26px -6px var(--c1)}
html[data-theme="light"] .flow>div::after{background:#ffffff}
html[data-theme="light"] .dd2 .ok{color:#5d4811}
html[data-theme="light"] .dd2 .no2{color:#7f1d1d}
html[data-theme="light"] .rights div{color:#3d1725}
html[data-theme="light"] .totop{background:rgba(255,255,255,.95);box-shadow:0 10px 30px -10px rgba(30,11,18,.45),inset 0 0 0 1px rgba(30,11,18,.08)}
html[data-theme="light"] .totop .pct{color:#1e0b12}
html[data-theme="light"] .totop .ring .bg{stroke:rgba(30,11,18,.1)}
html[data-theme="light"] .page-hero>svg{filter:drop-shadow(0 20px 30px rgba(30,11,18,.18))}
html[data-theme="light"] .faq-side .orb{filter:drop-shadow(0 16px 24px rgba(30,11,18,.18))}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* =====================================================
   13. ÇOK SAYFALI YAPI: erişilebilirlik, breadcrumb, mobil alt bar
   ===================================================== */
.skip{position:absolute;left:12px;top:-60px;z-index:400;padding:10px 16px;border-radius:12px;background:#ff2d75;color:#ffffff;font-weight:600;font-size:.85rem;transition:top .25s var(--ease)}
.skip:focus{top:12px}
.crumbs{padding-top:22px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;font-size:.76rem;color:var(--muted)}
.crumbs li+li::before{content:"›";margin-right:8px;opacity:.6}
.crumbs a{transition:color .25s}
.crumbs a:hover{color:#ff6fa5}
.crumbs [aria-current]{color:var(--txt);font-weight:500}
.nf{padding:90px 0 40px;text-align:center}
.nf .big{font-size:clamp(4.5rem,14vw,8rem);font-weight:700;letter-spacing:-.06em;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* alt bar + kanal paneli: yalnızca mobil/tablet, her zaman koyu cam */
.dock,.sheet{display:none}
.dock,.sheet{--hd:#ffffff;--muted:#caa0ad;--line:rgba(202,160,173,.18);--txt:#f0e1e6;color:#f0e1e6}
@media (max-width:1020px){
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .totop{bottom:calc(92px + env(safe-area-inset-bottom));right:14px}
  .toast{bottom:calc(96px + env(safe-area-inset-bottom))}
  .dock{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:70;display:flex;gap:8px;padding:8px;border-radius:22px;background:rgba(24,8,14,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 50px -14px rgba(0,0,0,.7),0 0 40px -16px rgba(255,45,117,.6);transition:transform .35s var(--ease),opacity .3s}
  .dock.away{transform:translateY(140%);opacity:0;pointer-events:none}
  .d-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border-radius:15px;border:0;cursor:pointer;font-weight:600;font-size:.86rem;color:#ffffff;white-space:nowrap}
  .d-btn.alt{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
  .d-btn.main{flex:1;background:var(--grad);box-shadow:0 10px 26px -10px rgba(255,45,117,.9)}
  .d-btn:active{transform:scale(.97)}
  .d-btn .ic{font-size:1.05rem}

  .sheet{position:fixed;inset:0;z-index:90;display:block;visibility:hidden;transition:visibility .45s}
  .sheet.open{visibility:visible}
  .sheet-bg{position:absolute;inset:0;background:rgba(29,0,18,.66);backdrop-filter:blur(6px);opacity:0;transition:opacity .4s}
  .sheet.open .sheet-bg{opacity:1}
  .sheet-box{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow-y:auto;overflow-x:hidden;padding:10px 16px calc(22px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:radial-gradient(500px 260px at 100% 0%,rgba(192,38,211,.22),transparent 60%),radial-gradient(500px 260px at 0% 0%,rgba(255,45,117,.28),transparent 60%),#18080e;border:1px solid rgba(255,255,255,.12);border-bottom:0;box-shadow:0 -30px 70px -20px rgba(0,0,0,.8);transform:translateY(100%);transition:transform .5s var(--ease)}
  .sheet.open .sheet-box{transform:none}
  .sheet-grab{width:44px;height:4px;border-radius:4px;background:rgba(255,255,255,.22);margin:2px auto 14px}
  .sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
  .sheet-title{font-size:1.05rem;font-weight:600;color:#ffffff}
  .sheet-x{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);cursor:pointer;display:grid;place-items:center;font-size:1.1rem;color:#ffffff}
  .sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sh-i{position:relative;min-width:0;display:flex;font-family:inherit;align-items:center;gap:11px;padding:12px;border-radius:18px;text-align:left;cursor:pointer;color:#ffffff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:.3s var(--ease)}
  .sh-i:active{transform:scale(.97);border-color:var(--c1)}
  .sh-i:first-child{grid-column:span 2;background:linear-gradient(135deg,rgba(255,45,117,.22),rgba(192,38,211,.14));border-color:rgba(255,45,117,.45)}
  .sh-i .si{flex:none;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:1.05rem;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 8px 16px -8px var(--c1)}
  .sh-i>span:nth-child(2){min-width:0}
  .sh-i b{display:block;font-size:.84rem;font-weight:600;line-height:1.25}
  .sh-i small{display:block;font-size:.68rem;color:#caa0ad;line-height:1.3}
  .sh-i em{flex:none;margin-left:auto;font-style:normal;font-size:.68rem;font-weight:600;color:#ffd36e;white-space:nowrap}
  .sh-i .age{flex:none;margin-left:auto;font-size:.62rem;font-weight:700;padding:3px 8px;border-radius:99px;background:rgba(232,16,63,.5);border:1px solid rgba(251,113,133,.6)}
  .sheet-note{margin-top:14px;text-align:center;font-size:.7rem;color:#caa0ad}
}

/* ---- İletişim: yönlendirme rehberi (form yerine) ---- */
.guide-card{background:var(--glass);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:26px;padding:clamp(22px,3.6vw,34px)}
.guide-card h2{font-size:1.25rem;margin-bottom:6px}
.guide-card>p{color:var(--muted);font-size:.86rem;margin-bottom:18px}
.routes{display:grid;gap:10px;margin-bottom:22px}
.rt-i{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--line);transition:.35s var(--ease)}
.rt-i:hover{transform:translateX(5px);border-color:var(--bc)}
.rt-i .ii{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:1.1rem;color:#ffffff;background:var(--b);box-shadow:0 10px 18px -8px var(--bc)}
.rt-t{flex:1;min-width:0}
.rt-t h3{font-size:.92rem;margin-bottom:2px}
.rt-t p{color:var(--muted);font-size:.78rem;line-height:1.5}
.rt-a{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}
.pill{font-size:.64rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:99px;border:1px solid var(--line);color:var(--muted)}
.pill.fast{color:#ffd36e;border-color:rgba(255,211,110,.5);background:rgba(255,197,49,.1)}
.pill.mail{color:#ff6fa5;border-color:rgba(255,111,165,.45);background:rgba(255,45,117,.1)}
.mini{display:inline-flex;align-items:center;padding:6px 12px;border-radius:10px;font-size:.74rem;font-weight:600;white-space:nowrap;background:var(--grad);color:#ffffff;transition:.3s var(--ease)}
.mini:hover{transform:translateY(-2px);box-shadow:0 8px 20px -6px rgba(255,45,117,.7)}
.gh{display:flex;gap:9px;align-items:center;font-size:.92rem;margin:4px 0 10px}
.gh .ic{color:#ffd36e}
.gl{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:6px}
.gl li{display:flex;gap:9px;font-size:.82rem;color:var(--lt,#e6c4ce)}
.gl .ic{color:#ffd36e;margin-top:5px;width:1em;height:1em}
.guide-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
html[data-theme="light"] .rt-i{background:rgba(30,11,18,.025)}
html[data-theme="light"] .pill.fast{color:#925405}
html[data-theme="light"] .pill.mail{color:#c2185b}
html[data-theme="light"] .gl li{color:#521f32}
html[data-theme="light"] .guide-card{box-shadow:0 18px 40px -30px rgba(30,11,18,.3)}
@media (max-width:640px){
  .rt-i{flex-wrap:wrap}
  .rt-a{flex-direction:row;width:100%;justify-content:space-between;align-items:center}
  .gl{grid-template-columns:1fr}
  .guide-btns .btn{flex:1 1 100%}
}

/* =====================================================
   14. KADIFE GECE: canli renk, neon parilti, ipek doku
   ===================================================== */
:root{--tg:#ff2d75;--tg2:#c026d3;--grad:linear-gradient(135deg,#ff2e63 0%,#f01a9a 50%,#b620e0 100%);--txt:#fff1f5;--muted:#cfa9b8;--line:rgba(255,130,170,.17)}
.bg{background:radial-gradient(1000px 640px at 8% -8%,rgba(255,45,117,.30),transparent 60%),radial-gradient(900px 640px at 100% 22%,rgba(192,38,211,.26),transparent 60%),radial-gradient(800px 560px at 45% 112%,rgba(214,20,92,.26),transparent 60%),radial-gradient(520px 420px at 85% 95%,rgba(255,150,40,.10),transparent 65%),var(--bg)}
.btn,.d-btn.main,.mini,.chip.on,.send{background:var(--grad);box-shadow:0 12px 34px -8px rgba(255,45,117,.85),0 0 0 1px rgba(255,255,255,.18) inset,0 1px 0 rgba(255,255,255,.45) inset}
.btn:hover{box-shadow:0 16px 44px -6px rgba(255,45,117,1),0 0 30px rgba(240,26,154,.5),0 1px 0 rgba(255,255,255,.5) inset}
.gt,.logo b{filter:drop-shadow(0 0 16px rgba(255,45,117,.42))}
.dd-i .di,.r-ic,.sh-i .si,.ov-chip .ci,.rt-i .ii,.fi,.ic-badge{box-shadow:0 0 0 1px rgba(255,255,255,.22) inset,0 1px 0 rgba(255,255,255,.5) inset,0 10px 26px -6px var(--c1),0 0 22px -4px var(--c1);filter:saturate(1.3) brightness(1.08)}
.node,.tl-n{box-shadow:0 0 0 6px var(--bg2),0 0 34px -2px var(--c1),0 1px 0 rgba(255,255,255,.5) inset}
.jstep:hover,.tl-card:hover{box-shadow:0 34px 80px -20px var(--c1),0 0 40px -12px var(--c1)}
.nav-ind{box-shadow:0 0 26px -2px rgba(255,45,117,.8)}
.room.on,.room:hover{box-shadow:0 30px 80px -26px rgba(255,45,117,.75)}
html[data-theme="light"]{--tg:#e11d48;--tg2:#b620e0;--txt:#2a0a16;--muted:#80505f}
html[data-theme="light"] .btn,html[data-theme="light"] .mini{box-shadow:0 12px 30px -10px rgba(240,26,154,.7),0 1px 0 rgba(255,255,255,.4) inset}
html[data-theme="light"] .dd-i .di,html[data-theme="light"] .r-ic,html[data-theme="light"] .sh-i .si{filter:saturate(1.2)}