/* Mucize Kodlarım — site stili. Renkler en üstteki :root içinde. */

:root{
  --spiral:url(../img/spiral.jpg);
  --bg:#05261c; --bg-2:#083526; --panel:rgba(255,255,255,.045); --line:rgba(255,255,255,.10);
  --text:#f4efe6; --muted:#b9adc6; --dim:#a597b8;
  --plum:#8a3e74; --orchid:#e08cc4; --sage:#a9c98a; --olive:#5d7043; --gold:#f3d9a4;
  --grad: linear-gradient(120deg,var(--orchid) 0%, var(--gold) 50%, var(--sage) 100%);
  --r:22px;
  --serif:"Cormorant Garamond", Georgia, serif;
  --sans:"Sora", system-ui, sans-serif;
  --mono:"JetBrains Mono", ui-monospace, monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:300;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.nw{white-space:nowrap}
img{max-width:100%;display:block}
.wrap{width:min(1180px,100% - 32px);margin-inline:auto}

/* arka plan: yıldız ağı + aurora */
#net{position:fixed;inset:0;z-index:0;pointer-events:none}
.aurora{position:fixed;inset:-20%;z-index:0;pointer-events:none;filter:blur(90px);opacity:.7}
.aurora span{position:absolute;border-radius:50%;animation:drift 26s ease-in-out infinite alternate}
.aurora span:nth-child(1){width:48vw;height:48vw;left:5%;top:0;background:radial-gradient(circle,#1f8a4c 0%,transparent 65%)}
.aurora span:nth-child(2){width:40vw;height:40vw;right:0;top:25%;background:radial-gradient(circle,#17667a 0%,transparent 65%);animation-delay:-8s}
.aurora span:nth-child(3){width:34vw;height:34vw;left:30%;bottom:0;background:radial-gradient(circle,#4a3f86 0%,transparent 65%);animation-delay:-15s}
@keyframes drift{to{transform:translate(6vw,-4vh) scale(1.15)}}
#glow{position:fixed;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(224,140,196,.10),transparent 60%);transform:translate(-50%,-50%);transition:opacity .3s}
main,header,footer{position:relative;z-index:2}

/* önizleme bandı */
.proto{position:relative;z-index:3;text-align:center;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:9px 12px;color:var(--bg);background:var(--gold)}

/* nav */
.nav{position:sticky;top:14px;z-index:20;margin-top:14px}
.nav .bar{display:flex;align-items:center;gap:20px;padding:10px 12px 10px 20px;border:1px solid var(--line);border-radius:999px;background:rgba(5,38,28,.62);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:23px;font-weight:600;letter-spacing:.01em;white-space:nowrap}
.brand svg{width:26px;height:26px}
.links{display:flex;gap:26px;margin-left:auto;font-size:14px;color:var(--muted)}
.links a:hover{color:var(--text)}
.btn{display:inline-flex;align-items:center;gap:10px;font:500 14px/1 var(--sans);padding:14px 22px;border-radius:999px;border:1px solid var(--line);cursor:pointer;transition:.25s;white-space:nowrap}
.btn-main{background:var(--grad);color:#1a0f22;border:0;box-shadow:0 0 0 0 rgba(224,140,196,.5)}
.btn-main:hover{box-shadow:0 0 34px 2px rgba(224,140,196,.45);transform:translateY(-1px)}
.btn-ghost{background:rgba(255,255,255,.04);color:var(--text)}
.btn-ghost:hover{border-color:rgba(224,140,196,.6)}
.menu-t{display:none;background:none;border:0;color:var(--text);font-size:22px;margin-left:auto;cursor:pointer}

/* hero */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;min-height:min(calc(100vh - 110px),860px);padding:60px 0 40px}
.tag{font:500 12px/1 var(--mono);color:var(--sage);letter-spacing:.08em;display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid rgba(169,201,138,.3);border-radius:999px;background:rgba(169,201,138,.06)}
.tag i{width:7px;height:7px;border-radius:50%;background:var(--sage);box-shadow:0 0 12px var(--sage);animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.3}}
h1{font-family:var(--serif);font-weight:500;font-size:clamp(44px,5.2vw,80px);line-height:.98;letter-spacing:-.01em;margin:26px 0 22px}
h1 em,.g{font-style:italic;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(16px,1.6vw,18px);color:var(--muted);max-width:520px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:40px}
.chips span{font:400 12px/1 var(--mono);color:var(--muted);padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel)}



/* terminal */
.term{margin-top:-10px;border:1px solid var(--line);border-radius:var(--r);background:rgba(6,26,14,.78);backdrop-filter:blur(12px);overflow:hidden}
.term .top{display:flex;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line)}
.term .top i{width:10px;height:10px;border-radius:50%;background:#2d4a36}
.term .top span{margin-left:10px;font:400 12px var(--mono);color:var(--dim)}
.term pre{font:400 14px/1.9 var(--mono);padding:18px 22px;min-height:190px;color:var(--muted);white-space:pre-wrap}
.term .ok{color:var(--sage)}.term .pk{color:var(--orchid)}.term .gd{color:var(--gold)}
.caret{display:inline-block;width:8px;height:16px;background:var(--orchid);vertical-align:-3px;animation:pulse 1s steps(1) infinite}

/* bölümler */
section{padding:110px 0}
.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--orchid)}
h2{font-family:var(--serif);font-weight:500;font-size:clamp(36px,4.6vw,62px);line-height:1.04;margin:16px 0 18px}
.sub{color:var(--muted);max-width:620px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s ease}
.reveal.in{opacity:1;transform:none}

/* bilinçaltı sayılar */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.stat{padding:30px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel)}
.stat b{font-family:var(--serif);font-size:64px;font-weight:500;line-height:1;display:block}
.stat p{color:var(--muted);font-size:15px;margin-top:10px}

/* iki yol */
.paths{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:50px}
.path{position:relative;padding:40px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(138,62,116,.20),rgba(255,255,255,.02) 60%);overflow:hidden;transition:.35s}
.path.b{background:linear-gradient(160deg,rgba(93,112,67,.28),rgba(255,255,255,.02) 60%)}
.path:hover{transform:translateY(-4px);border-color:rgba(224,140,196,.45)}
.path .k{font:500 12px var(--mono);color:var(--gold)}
.path h3{font-family:var(--serif);font-size:38px;font-weight:500;margin:14px 0 10px;line-height:1.1}
.path p{color:var(--muted)}
.path ul{list-style:none;margin:22px 0 28px;display:grid;gap:10px}
.path li{display:flex;gap:10px;font-size:15px}
.path li:before{content:"◇";color:var(--orchid)}
.path.b li:before{color:var(--sage)}

/* modül yolu */
.track{position:relative;margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.track:before{content:"";position:absolute;left:4%;right:4%;top:34px;height:1px;background:linear-gradient(90deg,var(--orchid),var(--gold),var(--sage));opacity:.6}
.mod{position:relative;padding:74px 26px 28px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);transition:.3s}
.mod:hover{background:rgba(255,255,255,.07)}
.mod .lv{position:absolute;top:16px;left:26px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:500 13px var(--mono);color:#1a0f22;background:var(--grad);box-shadow:0 0 24px rgba(224,140,196,.5)}
.mod h4{font-family:var(--serif);font-size:27px;font-weight:600;line-height:1.15}
.mod h4:has(.nw){font:500 12px/1.2 var(--mono);letter-spacing:.1em;color:var(--gold)}
.mod h4 .nw{display:block;margin-top:8px;font:600 27px/1.15 var(--serif);letter-spacing:0;color:var(--text)}
.mod p{color:var(--muted);font-size:14.5px;margin:10px 0 18px}
.meta{display:flex;gap:8px;flex-wrap:wrap}
.meta span{font:400 11.5px var(--mono);padding:6px 10px;border-radius:7px;border:1px solid var(--line);color:var(--dim)}
.meta .soon{color:var(--gold);border-color:rgba(243,217,164,.35)}
.more{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.wide{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;padding:26px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel)}
.wide .ic{aspect-ratio:1;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle,rgba(169,201,138,.25),transparent 70%);border:1px solid rgba(169,201,138,.25)}
.wide .ic svg{width:54px;height:54px}
.wide h4{font-family:var(--serif);font-size:25px;font-weight:600;line-height:1.15}
.wide p{color:var(--muted);font-size:14.5px;margin:6px 0 12px}

/* kartlar */
.cards-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.deck{position:relative;height:420px;perspective:1200px}
.card{position:absolute;left:50%;top:50%;width:210px;height:320px;margin:-160px 0 0 -105px;border-radius:18px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);cursor:pointer}
.card .fc,.card .bc{position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid rgba(243,217,164,.35);overflow:hidden}
.card .bc{background:
   radial-gradient(circle at 50% 50%,rgba(243,217,164,.18),transparent 45%),
   repeating-conic-gradient(from 0deg,rgba(224,140,196,.10) 0 10deg,transparent 10deg 20deg),
   linear-gradient(160deg,#2a1640,#120a1f);display:grid;place-items:center}
.card .bc svg{width:90px;opacity:.9}
.card .fc{transform:rotateY(180deg);background:linear-gradient(160deg,#f4efe6,#e6dccd);color:#2a1640;padding:26px 20px;display:flex;flex-direction:column;justify-content:space-between;text-align:center}
.card .fc small{font:500 10px var(--mono);letter-spacing:.14em;color:var(--plum)}
.card .fc b{font-family:var(--serif);font-size:30px;font-weight:600;line-height:1.1}
.card .fc p{font-size:12.5px;color:#5a4a68}
.card.c1{transform:translateX(-120px) rotate(-12deg)}
.card.c2{transform:translateY(-14px)}
.card.c3{transform:translateX(120px) rotate(12deg)}
.card.flip.c1{transform:translateX(-120px) rotate(-12deg) rotateY(180deg)}
.card.flip.c2{transform:translateY(-14px) rotateY(180deg)}
.card.flip.c3{transform:translateX(120px) rotate(12deg) rotateY(180deg)}
.hint{font:400 12px var(--mono);color:var(--dim);margin-top:14px}

/* hakkımda */
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.about .ph{position:relative;border-radius:30px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/5;background:radial-gradient(circle at 50% 30%,rgba(138,62,116,.55),rgba(6,42,31,1) 70%)}
.about .ph img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120%;max-width:none}
.about .ph .spi{position:absolute;inset:0;background:var(--spiral) center/cover;opacity:.22;mix-blend-mode:screen}
blockquote{font-family:var(--serif);font-style:italic;font-size:clamp(24px,2.6vw,34px);line-height:1.3;margin:24px 0}
.sig{font-family:var(--serif);font-size:22px;color:var(--gold)}

/* takvim */
.cal{margin-top:46px;border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:130px 1fr auto auto;gap:24px;align-items:center;padding:24px 4px;border-bottom:1px solid var(--line);transition:.25s}
.row:hover{background:rgba(255,255,255,.03);padding-left:14px}
.row .d{font-family:var(--serif);font-size:30px;line-height:1}
.row .d small{display:block;font:400 11px var(--mono);color:var(--dim);margin-top:6px}
.row h5{font-size:17px;font-weight:500}
.row p{font-size:13px;color:var(--dim)}
.pill{font:500 11.5px var(--mono);padding:7px 12px;border-radius:999px;border:1px solid rgba(169,201,138,.35);color:var(--sage)}
.pill.w{border-color:rgba(243,217,164,.35);color:var(--gold)}
.note{font:400 12px var(--mono);color:var(--dim);margin-top:16px}

/* blog */
.blog{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.post{border-radius:var(--r);border:1px solid var(--line);background:var(--panel);overflow:hidden;transition:.3s}
.post:hover{transform:translateY(-4px)}
.post .im{height:170px;background:linear-gradient(160deg,rgba(138,62,116,.5),rgba(93,112,67,.4)),var(--spiral) center/cover}
.post:nth-child(2) .im{background:radial-gradient(circle at 30% 40%,rgba(243,217,164,.5),transparent 50%),linear-gradient(160deg,#3a1d4a,#1b2a1c)}
.post:nth-child(3) .im{background:repeating-radial-gradient(circle at 50% 120%,rgba(224,140,196,.25) 0 2px,transparent 2px 22px),#150c24}
.post .bd{padding:22px}
.post small{font:400 11px var(--mono);color:var(--orchid)}
.post h6{font-family:var(--serif);font-size:23px;font-weight:600;line-height:1.2;margin:8px 0}
.post p{font-size:14px;color:var(--muted)}

/* form */
.apply{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:50px;border-radius:32px;border:1px solid var(--line);background:linear-gradient(140deg,rgba(138,62,116,.22),rgba(6,42,31,.6) 55%,rgba(93,112,67,.22))}
form{display:grid;gap:14px}
label{font:500 12px var(--mono);color:var(--muted);display:grid;gap:8px}
input,select{font:400 15px var(--sans);color:var(--text);background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:14px;padding:14px 16px;outline:none;transition:.2s}
input:focus,select:focus{border-color:var(--orchid);box-shadow:0 0 0 4px rgba(224,140,196,.15)}
select option{background:#0b3a2b}
.check{display:flex;gap:10px;align-items:flex-start;font:300 13px var(--sans);color:var(--muted)}
.check input{margin-top:3px;accent-color:var(--orchid)}
.check a{text-decoration:underline;color:var(--text)}
.wa{display:flex;gap:12px;align-items:center;margin-top:26px;padding:16px 18px;border-radius:16px;border:1px solid rgba(169,201,138,.3);background:rgba(169,201,138,.06);font-size:14px}
.wa b{color:var(--sage)}

footer{padding:70px 0 40px;border-top:1px solid var(--line);margin-top:60px}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
footer h6{font:500 12px var(--mono);letter-spacing:.12em;color:var(--dim);text-transform:uppercase;margin-bottom:14px}
footer ul{list-style:none;display:grid;gap:8px;color:var(--muted);font-size:14px}
.disc{margin-top:46px;padding:18px 20px;border-radius:14px;border:1px solid var(--line);font-size:12.5px;color:var(--dim);line-height:1.7}
.copy{margin-top:22px;font:400 12px var(--mono);color:var(--dim)}


/* ===== açılır menü ===== */
[id]{scroll-margin-top:110px}
.links{align-items:center}
.dd{position:relative}
.dd>button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 0}
.dd>button:after{content:"▾";font-size:10px;opacity:.7;transition:.2s}
.dd:hover>button,.dd.open>button{color:var(--text)}
.dd.open>button:after{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% + 20px);left:50%;transform:translate(-50%,8px);min-width:580px;display:grid;grid-template-columns:1fr 1fr;gap:6px 26px;padding:22px;border-radius:22px;border:1px solid var(--line);background:rgba(5,38,28,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 30px 80px rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.25s}
.mega:before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px}
.dd:hover .mega,.dd.open .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega.sm{min-width:320px;grid-template-columns:1fr}
.mega h6{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:4px 12px 6px}
.mega a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;color:var(--text);font-size:14.5px;font-weight:400}
.mega a i{width:9px;height:9px;border-radius:50%;flex:none;background:var(--c,var(--orchid));box-shadow:0 0 10px var(--c,var(--orchid))}
.mega a small{display:block;color:var(--dim);font-size:12px;font-weight:300}
.mega a:hover{background:rgba(255,255,255,.06)}
.mnav{position:fixed;inset:0;z-index:50;background:#05261c;padding:22px 20px 40px;overflow-y:auto;transform:translateY(-102%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.mnav.open{transform:none}
.mtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.mnav .x{background:none;border:1px solid var(--line);color:var(--text);width:44px;height:44px;border-radius:50%;font-size:18px;cursor:pointer}
.mnav h6{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--orchid);margin:26px 0 4px}
.mnav a.l{display:flex;justify-content:space-between;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:24px;font-weight:500}
.mnav a.l small{font:400 11px var(--mono);color:var(--dim)}
.mnav .btn{width:100%;justify-content:center;margin-top:30px}

/* ===== hero: gezegen + uydular ===== */
.hero{grid-template-columns:1fr 1.05fr;grid-template-areas:"txt sys" "term sys";row-gap:30px;align-items:center}
.hero .txt{grid-area:txt;align-self:end}
.hero .term{grid-area:term;align-self:start;margin-top:0}
.hero .sys{grid-area:sys}
.orbit{position:relative;aspect-ratio:1;width:min(580px,calc(100% - 150px));margin:40px auto 0}
.ring{position:absolute;border-radius:50%;border:1px solid rgba(224,140,196,.25);pointer-events:none;animation:spin var(--t) linear infinite}
.r-out{inset:0;--t:95s}
.r-deco{inset:7%;border:1px dashed rgba(243,217,164,.16);animation:spin 200s linear infinite}
.r-in{inset:15%;--t:65s;border-color:rgba(169,201,138,.28);animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.arm{position:absolute;inset:0;transform:rotate(var(--a));pointer-events:none}
.sat{position:absolute;left:50%;top:0;transform:translate(-50%,-50%) rotate(calc(-1 * var(--a)));pointer-events:auto;cursor:pointer}
.sat.e{--c:var(--orchid)}.sat.d{--c:var(--sage)}.sat.k{--c:var(--gold)}
.lab{display:flex;align-items:center;gap:9px;padding:7px 14px 7px 8px;border-radius:999px;background:rgba(5,38,28,.88);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap;animation:spin var(--t) linear infinite reverse;transition:border-color .25s,box-shadow .25s}
.r-in .lab{animation-direction:normal}
.lab i{width:12px;height:12px;border-radius:50%;flex:none;background:var(--c);box-shadow:0 0 16px var(--c);transition:transform .25s}
.lab b{display:block;font:500 12.5px/1.2 var(--sans)}
.lab small{display:block;font:400 10.5px/1.2 var(--mono);color:var(--dim)}
.sat:hover .lab,.sat:focus-visible .lab{border-color:var(--c);box-shadow:0 0 30px -4px var(--c)}
.sat:hover .lab i{transform:scale(1.35)}
.orbit:hover .ring,.orbit:hover .lab{animation-play-state:paused}
.planet{position:absolute;inset:28%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 32%,rgba(243,217,164,.45),rgba(224,140,196,.45) 30%,rgba(138,62,116,.45) 55%,rgba(6,42,31,.95) 80%);border:1px solid rgba(243,217,164,.3);box-shadow:0 0 90px rgba(224,140,196,.35),0 0 0 10px rgba(224,140,196,.05)}
.planet img{position:absolute;left:50%;bottom:-2%;width:118%;max-width:none;transform:translateX(-50%)}
.planet:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 -26px 40px rgba(11,7,20,.55)}
.plate{text-align:center;margin-top:44px}
.plate b{display:block;font-family:var(--serif);font-size:30px;font-weight:600;line-height:1.1}
.plate span{font:400 12px var(--mono);color:var(--muted)}
.legend{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font:400 12px var(--mono);color:var(--muted)}
.legend span{display:flex;align-items:center;gap:7px}
.legend i{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}
.legend em{font-style:normal;color:var(--dim);width:100%;text-align:center}

/* hedefe gidince parlama + bilgi */
.ping{animation:ping 1.5s ease 2}
@keyframes ping{50%{box-shadow:0 0 0 2px var(--orchid),0 0 60px rgba(224,140,196,.45)}}
.toast{position:fixed;left:50%;bottom:24px;z-index:60;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 18px;border-radius:14px;background:rgba(5,38,28,.96);border:1px solid rgba(243,217,164,.35);font:400 12.5px var(--mono);color:var(--gold);transition:.3s;max-width:calc(100% - 32px);text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* iletişim */
.contact{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}
.cc{padding:26px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);transition:.3s}
.cc:hover{transform:translateY(-4px);border-color:rgba(224,140,196,.45)}
.cc svg{width:34px;height:34px;margin-bottom:22px}
.cc small{display:block;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.cc b{display:block;font-family:var(--serif);font-size:24px;font-weight:600;margin:6px 0 4px}
.cc span{font-size:13.5px;color:var(--muted)}

@media (max-width:1060px){.links{gap:18px;font-size:13.5px}}
@media (max-width:900px){
  .hero{grid-template-columns:1fr;grid-template-areas:"txt" "sys" "term"}
  .orbit{width:min(440px,calc(100% - 56px));margin-top:40px}
  .lab{flex-direction:column;gap:4px;padding:6px 8px;border-radius:14px}.lab small{display:none}.lab b{font-size:10px;line-height:1.15;white-space:normal;text-align:center;max-width:74px}.lab i{width:9px;height:9px}
  .plate b{font-size:26px}
  .contact{grid-template-columns:1fr 1fr}
}
@media (max-width:420px){.contact{grid-template-columns:1fr}}

@media (max-width:900px){
  .links,.nav .btn{display:none}.menu-t{display:block}
  .hero{grid-template-columns:1fr;padding-top:40px;min-height:auto}
  .stats,.paths,.track,.more,.cards-wrap,.about,.blog,.apply,.fgrid{grid-template-columns:1fr}
  .track:before{display:none}
  .apply{padding:26px}
  .row{grid-template-columns:90px 1fr;gap:10px 16px}
  .row .pill,.row .btn{grid-column:2;justify-self:start}
  .wide{grid-template-columns:72px 1fr}
  .deck{height:380px}
  .card{width:170px;height:260px;margin:-130px 0 0 -85px}
  .card.c1,.card.flip.c1{--x:-80px}.card.c1{transform:translateX(-80px) rotate(-12deg)}.card.c3{transform:translateX(80px) rotate(12deg)}
  .card.flip.c1{transform:translateX(-80px) rotate(-12deg) rotateY(180deg)}.card.flip.c3{transform:translateX(80px) rotate(12deg) rotateY(180deg)}
  section{padding:80px 0}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ===================== çok sayfalı site eklentileri ===================== */
.atla{position:absolute;left:-999px;top:0}
.atla:focus{left:16px;top:16px;z-index:100;background:var(--gold);color:#1a0f22;padding:10px 14px;border-radius:10px}
.links a.aktif{color:var(--text)}
a:focus-visible,button:focus-visible,.card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.f-ozet{color:var(--muted);font-size:14px;margin-top:12px;max-width:340px}
footer a:hover{color:var(--text)}
.copy a{text-decoration:underline}

/* sayfa başlığı */
.sayfa-bas{padding:70px 0 20px}
.iz{font:400 12px var(--mono);color:var(--dim);margin-bottom:22px;display:flex;flex-wrap:wrap;gap:8px}
.iz a:hover{color:var(--text)}
.sayfa-bas h1{font-size:clamp(40px,5.4vw,72px);margin:14px 0 18px}
.sayfa-bas .lead{max-width:680px}

/* detay: metin + yan kutu */
.detay{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start;padding:30px 0 40px}
.metin{padding:44px;border-radius:28px;border:1px solid var(--line);background:rgba(5,38,28,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.metin h2{font-size:clamp(28px,3vw,40px);margin:0 0 18px}
.metin h3{font-family:var(--serif);font-size:27px;font-weight:600;margin:36px 0 12px;color:var(--gold);line-height:1.2}
.metin p{color:#dcd2e6;margin:0 0 14px;font-size:16.5px;line-height:1.75}
.metin ul{list-style:none;display:grid;gap:10px;margin:8px 0 20px}
.metin li{display:flex;gap:10px;color:#dcd2e6;font-size:16px;line-height:1.6}
.metin li:before{content:"◇";color:var(--orchid);flex:none}
.metin ul.konular{grid-template-columns:1fr 1fr;gap:8px}
.metin ul.konular li{padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:var(--panel);font-size:14.5px}
.metin ul.konular li:before{color:var(--sage)}
.yan{position:sticky;top:110px;display:grid;gap:16px}
.kutu{padding:26px;border-radius:24px;border:1px solid var(--line);background:rgba(10,38,22,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.kutu h4{font-family:var(--serif);font-size:25px;font-weight:600;margin-bottom:16px}
.kutu dl{display:grid;gap:10px;margin-bottom:18px}
.kutu dl div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-bottom:10px;border-bottom:1px dashed var(--line);font-size:14px}
.kutu dt{color:var(--dim);font:400 12px var(--mono);flex:none}
.kutu dd{text-align:right}
.kutu dd.vurgu{color:var(--gold)}
.kutu .btn{width:100%;justify-content:center;margin-top:8px}
.miniyol{display:grid;gap:6px}
.miniyol a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;font-size:14px;color:var(--muted);border:1px solid transparent;transition:.2s}
.miniyol a:hover{background:rgba(255,255,255,.05);color:var(--text)}
.miniyol a.aktif{background:rgba(224,140,196,.12);color:var(--text);border-color:rgba(224,140,196,.35)}
.miniyol a b{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font:500 11px var(--mono);color:#1a0f22;background:var(--grad)}
.miniyol a.dn b{background:var(--sage)}

/* genel ızgaralar */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.devam{display:inline-block;margin-top:14px;font:500 12.5px var(--mono);color:var(--orchid)}
.mod,.wide{display:block}
.wide{display:grid}
a.mod:hover,a.wide:hover{border-color:rgba(224,140,196,.45)}
.cips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.cips span{padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);font-size:14px}
.cips span b{color:var(--gold);font-weight:500;font:500 11px var(--mono);margin-left:6px}

/* blog yazısı */
.yazi{max-width:780px;margin-inline:auto}
.yazi .metin{padding:48px}

/* hakkımda */
.hk-bas{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:60px 0 20px}
.hk-foto{position:relative;aspect-ratio:4/5;border-radius:32px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 50% 35%,rgba(243,217,164,.30),rgba(138,62,116,.45) 45%,rgba(6,42,31,1) 78%)}
.hk-foto img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:94%;width:auto;max-width:none}
.hk-foto .spi{position:absolute;inset:0;background:var(--spiral) center/cover;opacity:.16;mix-blend-mode:screen}

/* sezgisel kartlar sayfası */
.kart-bas{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center;padding:60px 0 20px}
.kart-kapak{border-radius:22px;overflow:hidden;border:1px solid rgba(243,217,164,.35);box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 60px rgba(169,201,138,.15);transform:rotate(-3deg);max-width:380px;margin-inline:auto}
.fayda{padding:28px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel)}
.fayda h4{font-family:var(--serif);font-size:25px;font-weight:600;margin-bottom:8px}
.fayda p{color:var(--muted);font-size:15px}

/* ana sayfa kart destesi: ön yüz gerçek kapak */
.card .bc.kapak{background-color:#10180f;background-size:cover;background-position:center}
.card .bc.kapak svg{display:none}

/* takvim boş satırı */
.row.bos{grid-template-columns:130px 1fr auto}
.row .d{white-space:nowrap}
.row h5 a:hover{color:var(--orchid)}

/* form */
form.basvuru .tesekkur{display:none;padding:14px 16px;border-radius:14px;border:1px solid rgba(169,201,138,.35);background:rgba(169,201,138,.08);font-size:14px}
form.basvuru.gonderildi .tesekkur{display:block}
.form-not{font:400 12px/1.6 var(--mono);color:var(--dim)}
select optgroup{background:#0b3a2b;color:var(--muted)}

/* iletişim bölümü: prototipteki kartların bağlantı hâli */
.cc{display:block}

/* kvkk / 404 */
.duz .metin{max-width:820px}
.uyari{padding:16px 18px;border-radius:14px;border:1px solid rgba(243,217,164,.35);background:rgba(243,217,164,.07);color:var(--gold);font-size:14px;margin-bottom:22px}

@media (max-width:900px){
  .detay,.hk-bas,.kart-bas,.grid2,.grid3{grid-template-columns:1fr}
  .yan{position:static}
  .metin,.yazi .metin{padding:24px}
  .metin ul.konular{grid-template-columns:1fr}
  .hk-foto{max-width:420px;margin-inline:auto;width:100%}
  .kart-kapak{max-width:280px}
  .row.bos{grid-template-columns:60px 1fr}
  .row.bos .btn{grid-column:2;justify-self:start}
}

/* arka plan sesi düğmesi (ses.js) */
.ses{position:fixed;left:16px;bottom:16px;z-index:40;display:flex;align-items:center;gap:8px}
.ses-btn{height:52px;padding:0 20px 0 16px;border-radius:999px;border:1px solid rgba(243,217,164,.55);background:rgba(5,38,28,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--gold);font:500 13px/1 var(--mono);letter-spacing:.06em;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 22px rgba(243,217,164,.22);transition:.25s}
.ses-btn:hover{border-color:var(--gold);box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 30px rgba(243,217,164,.4)}
.ses-btn .bars{display:flex;gap:3px;align-items:flex-end;height:18px}
.ses-btn .bars i{display:block;width:3.5px;height:4px;border-radius:2px;background:var(--grad);opacity:1}
.ses-btn .bars i:nth-child(1){height:6px}.ses-btn .bars i:nth-child(2){height:12px}.ses-btn .bars i:nth-child(3){height:8px}.ses-btn .bars i:nth-child(4){height:14px}
.ses.acik .ses-btn{border-color:rgba(243,217,164,.5);box-shadow:0 0 26px rgba(224,140,196,.35)}
.ses.acik .bars i{opacity:1;animation:eq 1.2s ease-in-out infinite}
.ses.acik .bars i:nth-child(2){animation-delay:-.3s}.ses.acik .bars i:nth-child(3){animation-delay:-.6s}.ses.acik .bars i:nth-child(4){animation-delay:-.9s}
.ses.bekliyor .ses-btn{animation:pulse 2s infinite}
.ses:not(.acik):not(.bekliyor) .ses-btn{animation:sesparla 3s ease-in-out infinite}
@keyframes sesparla{50%{box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 34px rgba(243,217,164,.45)}}
@media (max-width:520px){.ses.acik .ses-btn .yazi{display:none}.ses.acik .ses-btn{padding:0 16px}}
@keyframes eq{50%{height:16px}}
.ses-menu{display:flex;gap:4px;padding:5px;border-radius:999px;border:1px solid var(--line);background:rgba(5,38,28,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateX(-6px);transition:.25s}
.ses.acik .ses-menu{opacity:1;visibility:visible;transform:none}
.ses-menu button{font:500 11.5px var(--mono);color:var(--muted);background:none;border:0;border-radius:999px;padding:8px 12px;cursor:pointer}
.ses-menu button:hover{color:var(--text)}
.ses-menu button[aria-pressed="true"]{color:#1a0f22;background:var(--grad)}
@media (prefers-reduced-motion:reduce){.ses.acik .bars i{height:10px}.ses-btn{animation:none!important}}

/* eğitim sayfası görseli (başlığın altında) */
.egitim-gorsel{position:relative;margin:34px 0 0;height:clamp(200px,30vw,340px);border-radius:28px;overflow:hidden;border:1px solid var(--line);background:#0a2a17}
.egitim-gorsel img{width:100%;height:100%;object-fit:cover}
.egitim-gorsel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,38,28,0) 55%,rgba(5,38,28,.55))}
/* eğitim görseli başlığın yanında, orta boy (Çorakçı/Beyga düzeni) */
.sayfa-bas:has(.egitim-gorsel){display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:48px;align-items:start}
.sayfa-bas:has(.egitim-gorsel)>*:not(.egitim-gorsel){grid-column:1}
.sayfa-bas .egitim-gorsel{grid-column:2;grid-row:1 / span 6;align-self:center;margin:0;height:auto;aspect-ratio:4/3}
.egitim-gorsel img.yakin{transform:scale(2);transform-origin:50% 84%;filter:brightness(1.2)}
@media(max-width:860px){
  .sayfa-bas:has(.egitim-gorsel){display:block}
  .sayfa-bas .egitim-gorsel{margin:26px 0 0;aspect-ratio:16/9;max-width:520px}
}

/* ana sayfa: fotoğraflı eğitim ve atölye kartları */
.bolum-bas .buyuk{font-size:clamp(40px,5vw,64px)}
.atolye-bas{margin-top:70px}
.kartlar{display:grid;gap:20px;margin-top:34px}
.kartlar.k3{grid-template-columns:repeat(4,1fr)}
.kartlar.k4{grid-template-columns:repeat(4,1fr)}
.ek{display:flex;flex-direction:column;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);overflow:hidden;transition:.3s}
a.ek:hover{border-color:rgba(224,140,196,.45);transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.ek-gorsel{position:relative;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(circle at 60% 40%,rgba(224,140,196,.18),transparent 60%),linear-gradient(160deg,#0c3d2d,#062a20)}
.ek-gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.9);transition:filter .4s,transform .6s}
.ek-gorsel img.yakin{object-position:center 88%;transform:scale(1.6);transform-origin:50% 84%;filter:brightness(1.15)}
.ek-gorsel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,38,28,0) 50%,rgba(5,38,28,.55))}
a.ek:hover .ek-gorsel img{filter:saturate(1) brightness(1)}
.ek-govde{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.ek-govde small{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.ek-govde h4{font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.15;margin:6px 0 8px}
.ek-govde p{color:var(--muted);font-size:14.5px;line-height:1.6;margin-bottom:14px}
.ek-devam{margin-top:auto;font:500 13px var(--sans);color:var(--text);opacity:.85}
a.ek:hover .ek-devam{color:var(--orchid);opacity:1}
.ek-bos{border-style:dashed}
.ek-bos .ek-gorsel{background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 10px,transparent 10px 20px),linear-gradient(160deg,#0c3d2d,#062a20)}
@media(max-width:1000px){.kartlar.k3,.kartlar.k4{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.kartlar.k3,.kartlar.k4{grid-template-columns:1fr}}

/* DENEME (Neziha 2026-10-03): kartlar Melike Hoca fotoğrafının arkasındaki gezegen moru — beğenilmezse bu bloğu sil */
.ek{background:linear-gradient(165deg,rgba(138,62,116,.55),rgba(74,32,66,.72));border-color:rgba(224,140,196,.28);box-shadow:0 14px 40px rgba(0,0,0,.3)}
.ek-govde p{color:#d9cfe0}
.ek-bos{background:linear-gradient(165deg,rgba(138,62,116,.32),rgba(74,32,66,.45))}

/* DENEME (Neziha 2026-10-03): eğitim sayfası — görsel solda başta, başlık ve yazılar sağında. Önce yalnız Basic DNA; onaylanınca hepsine */
.sayfa-bas.gorsel-solda{grid-template-columns:440px minmax(0,1fr);column-gap:52px;align-items:center}
.sayfa-bas.gorsel-solda>.iz{grid-column:1 / -1;grid-row:1;margin-bottom:18px}
.sayfa-bas.gorsel-solda>*:not(.egitim-gorsel):not(.iz){grid-column:2}
.sayfa-bas.gorsel-solda .egitim-gorsel{grid-column:1;grid-row:2 / span 4;align-self:stretch;aspect-ratio:auto;min-height:300px}
.sayfa-bas.gorsel-solda h1{margin:10px 0 14px}
@media(max-width:860px){.sayfa-bas.gorsel-solda .egitim-gorsel{min-height:0;aspect-ratio:16/9;margin:0 0 22px}}
@media(max-width:860px){.sayfa-bas.gorsel-solda{display:flex;flex-direction:column;align-items:stretch}.sayfa-bas.gorsel-solda>*{order:2}.sayfa-bas.gorsel-solda>.iz{order:0}.sayfa-bas.gorsel-solda .egitim-gorsel{order:1}.sayfa-bas.gorsel-solda .cta{align-self:flex-start}}

/* ana sayfa blog kutuları: görseller + Instagram logosu */
.post .im img{width:100%;height:100%;object-fit:cover;display:block}
.post.post-insta .im{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(224,140,196,.28),transparent 62%),linear-gradient(160deg,#3a1d4a,#1b2a1c)}
.post.post-insta .im .ig{width:84px;height:84px;filter:drop-shadow(0 10px 28px rgba(214,36,159,.45));transition:transform .35s}
.post.post-insta:hover .im .ig{transform:scale(1.08)}

/* ana sayfa 02: danışmanlık / eğitim kutularında Melike Hoca fotoğrafı */
.path-foto{margin:-40px -40px 26px;height:330px;overflow:hidden;position:relative}
.path-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.path-foto:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,38,28,0) 60%,rgba(5,38,28,.45))}
.path:hover .path-foto img{transform:scale(1.03)}
@media(max-width:600px){.path-foto{margin:-28px -24px 22px;height:220px}}

/* kart alt satırı: fiyat + detaylar; 4 modül paketi kolaj görseli */
.ek-alt{margin-top:auto;padding-top:14px;border-top:1px solid rgba(224,140,196,.18);display:flex;align-items:center;justify-content:space-between;gap:10px}
.ek-alt .ek-devam{margin-top:0}
.ek-fiyat{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--gold);white-space:nowrap}
.ek-kolaj{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px}
.ek-kolaj img{position:static;width:100%;height:100%;object-fit:cover;min-height:0}
.ek-kolaj img.yakin{transform:none;object-position:center 92%}
.ek-paket{border-color:rgba(243,217,164,.45)}

/* DENEME (Neziha 2026-10-03): eğitim sayfalarındaki yazı ve yan kutular da kartlar gibi gezegen moru */
.gorsel-solda + .detay .metin,
.gorsel-solda + .detay .kutu{background:linear-gradient(165deg,rgba(138,62,116,.55),rgba(74,32,66,.72));border-color:rgba(224,140,196,.28);box-shadow:0 14px 40px rgba(0,0,0,.3)}
.gorsel-solda + .detay .metin ul.konular li{background:rgba(255,255,255,.05);border-color:rgba(224,140,196,.2)}
.gorsel-solda + .detay .metin p,.gorsel-solda + .detay .metin li{color:#e6dcea}

/* logo: MK monogramı (Hilal Hanım 01) */
.brand img.logo-mk{width:58px;height:40px;filter:drop-shadow(0 0 6px rgba(243,217,164,.25));object-fit:cover;flex:none}

/* DENEME (Neziha 2026-10-03): 01+02 tek bölüm; danışmanlık/eğitim kutuları daha kompakt, zemin atölye kutusu gibi çizgili yeşil */
.ikinci-bas{margin-top:64px}
#yollar .paths{margin-top:30px;gap:18px}
#yollar .path{padding:26px 28px 26px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 10px,transparent 10px 20px),linear-gradient(160deg,#0c3d2d,#062a20)}
#yollar .path-foto{margin:-26px -28px 18px;height:230px}
#yollar .path h3{font-size:30px;margin:8px 0 6px}
#yollar .path p{font-size:15px;line-height:1.6}
#yollar .path ul{margin:14px 0 18px;gap:6px}
#yollar .path li{font-size:14.5px}
#yollar .path .btn{padding:11px 18px;font-size:13.5px}
@media(max-width:600px){#yollar .path-foto{margin:-26px -28px 16px;height:200px}}
#yollar .paths{max-width:1000px}
#yollar .path-foto{height:200px}
/* DENEME: 01+02 bölümü daha sıkı, kutular daha dar */
#yollar{padding-top:40px}
#yollar .ikinci-bas{margin-top:34px}
#yollar .paths{max-width:860px;margin-top:24px}
#yollar .path-foto{height:180px}
#yollar .path h3{font-size:28px}

/* Neziha 2026-10-03: tıklanan her düğme dolgulu ve renkli (eski çerçeveli düğmeler de) */
.btn-ghost{background:var(--grad);color:#1a0f22;border:0;font-weight:500}
.btn-ghost:hover{box-shadow:0 0 34px 2px rgba(224,140,196,.45);transform:translateY(-1px)}

/* DENEME (Neziha 2026-10-04): danışmanlık/seminer kutusunda fotoğraf YANDA mı ÜSTTE mi — karar verilince seçici ve kullanılmayan düzen silinecek */
/* yanda: kutular alt alta, fotoğraf solda tam boy dikey */
#yollar.foto-yan .paths{grid-template-columns:1fr;max-width:860px}
#yollar.foto-yan .path{display:grid;grid-template-columns:260px 1fr;column-gap:30px;padding:26px 30px 26px 0;align-content:start}
#yollar.foto-yan .path>*:not(.path-foto){grid-column:2}
#yollar.foto-yan .path-foto{grid-column:1;grid-row:1 / span 6;margin:-26px 0 -26px 0;height:auto;min-height:340px}
#yollar.foto-yan .path-foto img{object-position:50% 30% !important}
#yollar.foto-yan .path-foto:after{background:linear-gradient(90deg,rgba(5,38,28,0) 70%,rgba(5,38,28,.4))}
#yollar.foto-yan .path .btn{justify-self:start}
@media(max-width:700px){#yollar.foto-yan .path{display:block;padding:26px 28px}#yollar.foto-yan .path-foto{margin:-26px -28px 18px;min-height:0;height:300px}}
/* üstte: fotoğraf alanı daha uzun */
#yollar.foto-yan .path.b .path-foto img{object-position:45% 60% !important}
/* Neziha 2026-10-04: "Yanda" seçildi — kutular yine yan yana, kompakt */
#yollar.foto-yan .paths{grid-template-columns:1fr 1fr;max-width:1180px}
#yollar.foto-yan .path{grid-template-columns:190px 1fr;column-gap:22px;padding:20px 22px 20px 0}
#yollar.foto-yan .path-foto{margin:-20px 0 -20px 0;min-height:290px}
#yollar.foto-yan .path .k{font-size:11px}
#yollar.foto-yan .path h3{font-size:25px;margin:4px 0 6px}
#yollar.foto-yan .path p{font-size:14px;line-height:1.55}
#yollar.foto-yan .path ul{margin:10px 0 14px;gap:4px}
#yollar.foto-yan .path li{font-size:13.5px}
@media(max-width:1000px){#yollar.foto-yan .paths{grid-template-columns:1fr;max-width:640px}}

/* Neziha 2026-10-04: Seminerler başlığı yukarı, kart fotoğrafları daha uzun */
#yollar{padding-bottom:40px}
#yol{padding-top:40px}
.ek-gorsel{aspect-ratio:4/3}

/* DENEME (Neziha 2026-10-05): eski seminer görselleri daha aydınlık — beğenilmezse bu bloğu sil */
.ek-gorsel img,.ek-kolaj img,.egitim-gorsel img,.post .im img{filter:brightness(1.45) contrast(.88) saturate(.85) !important}
.ek-gorsel img.yakin,.egitim-gorsel img.yakin{filter:brightness(1.55) contrast(.88) saturate(.85) !important}
.ek-gorsel:after,.egitim-gorsel:after{background:none !important}

/* yasal sayfalar */
.metin.yasal ul{margin:8px 0 14px;padding-left:0;display:grid;gap:8px}
.metin.yasal li{display:block;padding-left:22px;position:relative}
.metin.yasal li:before{position:absolute;left:0}
.metin.yasal h3{margin-top:26px}
.bos{background:rgba(243,217,164,.18);border:1px dashed rgba(243,217,164,.6);border-radius:6px;padding:0 6px;color:var(--gold)}
.not-kutu{padding:12px 16px;border-radius:12px;border:1px solid rgba(224,140,196,.3);background:rgba(224,140,196,.08)}
.tarih{margin-top:24px;font:400 12.5px var(--mono);color:var(--dim)}
.copy a{text-decoration:underline;text-underline-offset:2px}

/* seminer sayfaları: derli toplu alt bilgiler + düz konu listesi (Neziha 2026-10-10) */
.detay .metin h3{font-size:24px;margin:30px 0 10px}
.bilgi-izgara{display:grid;grid-template-columns:1fr;gap:16px;margin:28px 0 6px;padding-top:24px;border-top:1px solid rgba(243,217,164,.22)}
.bilgi-izgara h4{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--gold);margin:0 0 6px;line-height:1.25}
.bilgi-izgara p{font-size:14.5px;line-height:1.6;margin:0}
.metin .bilgi-izgara ul{display:block;margin:0}
.metin .bilgi-izgara li{font-size:14.5px;line-height:1.55;margin:0 0 5px}
.metin ul.konular{display:block;columns:3;column-gap:26px;margin:6px 0 4px}
@media (max-width:1100px){.metin ul.konular{columns:2}}
.bilgi-izgara + h3{margin-top:26px}
.metin ul.konular li,.gorsel-solda + .detay .metin ul.konular li{padding:2px 0;border:0;background:none;border-radius:0;font-size:14px;line-height:1.5;break-inside:avoid}
/* kartlardaki "Detaylar →" da diğer düğmeler gibi (Neziha 2026-10-12) */
.ek-devam,.ek-alt .ek-devam{display:inline-flex;align-items:center;align-self:flex-start;padding:9px 16px;border-radius:999px;background:var(--grad);color:#1a0f22;font:500 13px/1 var(--sans);opacity:1;white-space:nowrap;transition:.25s}
a.ek:hover .ek-devam{color:#1a0f22;box-shadow:0 0 18px rgba(224,140,196,.45);transform:translateY(-1px)}
/* telefonda müzik düğmesi daha küçük (Neziha 2026-10-13) */
@media (max-width:640px){.ses{left:10px;bottom:10px}.ses-btn{height:40px;padding:0 13px 0 11px;gap:7px;font-size:11px}.ses-btn .bars{height:14px}}
/* kanca bölümleri (kimin için / kazanımlar) */
.metin p.kanca{font-family:var(--serif);font-size:23px;line-height:1.35;color:#fff;margin:0 0 12px}
.metin ul.kanca-liste{gap:6px;margin:0 0 10px}
.metin ul.kanca-liste li{font-size:16px;line-height:1.55}
.metin p.kanca-son{font-weight:500;color:var(--gold);margin:4px 0 0}
.metin h4.konu-bas{font:500 13px/1.3 var(--sans,Sora,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--sage,#a9c98a);margin:16px 0 6px}
@media (max-width:700px){.bilgi-izgara{grid-template-columns:1fr}.metin ul.konular{columns:1}}

/* müzik düğmesi: asistanla eş, theta dalgalı rozet (Neziha 2026-10-13) */
.ses{align-items:flex-end}
.ses-btn,.ses.acik .ses-btn,.ses.bekliyor .ses-btn,.ses:not(.acik):not(.bekliyor) .ses-btn{flex-direction:column;align-items:center;height:auto;padding:0;gap:4px;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}
.ses-rozet{width:58px;height:58px;border-radius:50%;background:#06281e;border:2px solid rgba(243,217,164,.85);display:grid;place-items:center;overflow:hidden;box-shadow:0 7px 23px rgba(0,0,0,.4);transition:.25s}
.ses-btn:hover .ses-rozet{box-shadow:0 7px 23px rgba(0,0,0,.4),0 0 22px rgba(243,217,164,.45)}
.ses:not(.acik):not(.bekliyor) .ses-rozet{animation:sesparla 3s ease-in-out infinite}
.ses.bekliyor .ses-rozet{animation:sesparla 2s ease-in-out infinite}
.ses.acik .ses-rozet{box-shadow:0 0 24px rgba(224,140,196,.45)}
.ses-rozet svg{width:40px;height:22px;overflow:hidden}
.ses-rozet .dalga{fill:none;stroke:#f3d9a4;stroke-width:2.2;stroke-linecap:round;transform-box:fill-box;transform-origin:center;transform:scaleY(.38);transition:transform .6s ease}
.ses.acik .ses-rozet .dalga{animation:sesakis 2.4s linear infinite}
@keyframes sesakis{from{transform:translateX(0) scaleY(1)}to{transform:translateX(-20px) scaleY(1)}}
.ses-btn .yazi{background:var(--grad);color:#1a0f22;font:500 12.5px/1.2 var(--sans);letter-spacing:0;padding:8px 16px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.ses-menu{margin-bottom:2px}
@media (max-width:640px){.ses{left:10px;bottom:10px}.ses-rozet{width:42px;height:42px}.ses-rozet svg{width:30px;height:17px}.ses-btn .yazi{font-size:10.5px;padding:5px 10px}.ses.acik .ses-btn .yazi{display:inline}}
@media (prefers-reduced-motion:reduce){.ses.acik .ses-rozet .dalga{animation:none;transform:none}}
/* müzik rozeti: altın DNA sarmalı + dönen ışık halkaları (Neziha 2026-10-13, Pinterest esinli, kendi çizimimiz) */
.ses-rozet{background:radial-gradient(circle at 50% 45%,#2a3a1c 0%,#06281e 70%)}
.ses-rozet svg{width:46px;height:46px;overflow:visible}
.ses-rozet .ses-yorunge ellipse{fill:none;stroke:#f3d9a4;stroke-opacity:.8;stroke-width:1}
.ses-rozet .ses-yorunge circle{fill:#fff3c4;filter:drop-shadow(0 0 2px #f3d9a4)}
.ses-rozet .ses-yorunge{transform-box:view-box;transform-origin:24px 24px}
.ses-rozet .ses-sarmal path{fill:none;stroke:url(#sesAltin);stroke-width:2;stroke-linecap:round}
.ses-rozet .ses-sarmal path.basamak{stroke-width:1;stroke-opacity:.75}
.ses-rozet .ses-sarmal{filter:drop-shadow(0 0 2.5px rgba(243,217,164,.7))}
.ses-rozet .ses-isik{opacity:.55;transform-box:view-box;transform-origin:24px 24px;transition:opacity .6s}
.ses.acik .ses-rozet .ses-isik{opacity:1;animation:sesnefes 3s ease-in-out infinite}
.ses.acik .ses-rozet .ses-yorunge{animation:sesdon 7s linear infinite}
.ses.acik .ses-rozet .ses-yorunge.iki{animation:sesdon 10s linear infinite reverse}
.ses.acik .ses-rozet .ses-sarmal{animation:sesparilti 2.4s ease-in-out infinite}
@keyframes sesdon{to{transform:rotate(360deg)}}
@keyframes sesnefes{50%{transform:scale(1.12);opacity:.75}}
@keyframes sesparilti{50%{filter:drop-shadow(0 0 5px rgba(255,236,180,.95))}}
@media (max-width:640px){.ses-rozet svg{width:34px;height:34px}}
@media (prefers-reduced-motion:reduce){.ses.acik .ses-rozet .ses-yorunge,.ses.acik .ses-rozet .ses-isik,.ses.acik .ses-rozet .ses-sarmal{animation:none}}
/* müzik rozeti: Neziha'nın seçtiği altın DNA görseli (2026-10-13) */
.ses-rozet{position:relative;background:#06281e}
.ses-rozet .ses-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;transform:scale(1.25);transition:transform .8s ease,filter .8s ease}
.ses.acik .ses-rozet .ses-foto{animation:sesfoto 4s ease-in-out infinite}
@keyframes sesfoto{0%,100%{transform:scale(1.25);filter:brightness(1)}50%{transform:scale(1.38);filter:brightness(1.25)}}
@media (prefers-reduced-motion:reduce){.ses.acik .ses-rozet .ses-foto{animation:none}}
/* müzik kartı: uzun dikdörtgen görsel + yazı kartın içinde (Neziha 2026-10-15) */
.ses-rozet{width:64px;height:96px;border-radius:16px;border:1.5px solid rgba(243,217,164,.85);box-shadow:0 8px 24px rgba(0,0,0,.45),0 0 18px rgba(243,217,164,.18)}
.ses-rozet .ses-foto{transform:none;object-position:50% 40%}
.ses.acik .ses-rozet .ses-foto{animation:sesfoto2 4s ease-in-out infinite}
@keyframes sesfoto2{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.22)}}
.ses-rozet::after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(to top,rgba(5,16,10,.92),rgba(5,16,10,0));pointer-events:none}
.ses-btn .ses-rozet .yazi{position:absolute;left:0;right:0;bottom:7px;z-index:1;background:none;box-shadow:none;padding:0;text-align:center;font:italic 600 15px/1 var(--serif);letter-spacing:.02em;color:#fbe7b9;text-shadow:0 1px 6px rgba(0,0,0,.7)}
@media (max-width:640px){.ses-rozet{width:46px;height:70px;border-radius:12px}.ses-btn .ses-rozet .yazi{font-size:12px;bottom:5px}}
/* frekans menüsü: kartın üstünde açılan liste (Neziha 2026-10-15) */
.ses{position:fixed}
.ses-menu{position:absolute;left:0;bottom:calc(100% + 10px);display:flex;flex-direction:column;gap:2px;width:210px;max-height:min(62vh,460px);overflow-y:auto;padding:10px;border-radius:16px;border:1px solid rgba(243,217,164,.45);background:rgba(7,28,15,.94);box-shadow:0 14px 40px rgba(0,0,0,.5);transform:translateY(6px);margin:0}
.ses.acik .ses-menu{transform:none}
.ses-menu .ses-baslik{font:600 15px var(--serif);color:var(--gold);padding:2px 8px 6px;letter-spacing:.02em}
.ses-menu button{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;text-align:left;font:500 13px/1.2 var(--sans);color:#e9e2ee;padding:8px 10px;border-radius:10px}
.ses-menu button small{font:400 11px var(--mono);color:var(--dim);white-space:nowrap}
.ses-menu button:hover{background:rgba(243,217,164,.1);color:#fff}
.ses-menu button[aria-pressed="true"]{background:var(--grad);color:#1a0f22}
.ses-menu button[aria-pressed="true"] small{color:#3a2440}
@media (max-width:640px){.ses-menu{width:185px;max-height:55vh;padding:8px}.ses-menu button{font-size:12.5px;padding:7px 9px}}
/* üst menü: daha belirgin + renkli simgeler (Neziha 2026-10-15) */
.links{font-size:15px;color:#e9e2ee;gap:22px}
.links>a,.dd>button{display:inline-flex;align-items:center;gap:8px;font-weight:500;letter-spacing:.01em}
.links>a:hover,.dd>button:hover,.links a.aktif{color:#fff}
.nav-ik{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff8 0,var(--ik) 55%,color-mix(in srgb,var(--ik) 70%,#000) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 0 12px color-mix(in srgb,var(--ik) 45%,transparent);transition:transform .25s,box-shadow .25s}
.nav-ik svg{width:15px;height:15px;fill:none;stroke:#1a0f22;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.links>a:hover .nav-ik,.dd>button:hover .nav-ik,.dd.acik>button .nav-ik{transform:scale(1.1);box-shadow:0 0 0 1px rgba(255,255,255,.3) inset,0 0 16px color-mix(in srgb,var(--ik) 70%,transparent)}
.mnav h6{display:flex;align-items:center;gap:10px}
.mnav h6 .nav-ik{width:22px;height:22px}
.mnav .l .l-ad{display:inline-flex;align-items:center;gap:10px}
.mnav .l .nav-ik{width:22px;height:22px}
@media (max-width:1180px){.links{gap:16px;font-size:14.5px}.nav-ik{width:22px;height:22px}}
/* blog yazısı üst görseli */
.yazi-gorsel{margin:0 0 26px;border-radius:20px;overflow:hidden;aspect-ratio:16/7;border:1px solid var(--line)}
.yazi-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:640px){.yazi-gorsel{aspect-ratio:16/10;border-radius:14px}}
/* telefon menüsü açıkken asistan ve müzik gizli */
body.menu-acik #mucize-assistant-widget-host,body.menu-acik .ses,body.wa-sec-acik #mucize-assistant-widget-host,body.wa-sec-acik .ses{display:none !important}
/* orta genişlikte (tablet/küçük dizüstü) menü sığsın */
@media (max-width:1080px){.links{gap:12px;font-size:13.5px}.links>a,.dd>button{gap:6px}.nav-ik{width:20px;height:20px}.nav-ik svg{width:13px;height:13px}.nav-cta{padding:12px 16px;font-size:13px}}
@media (max-width:999px){.links,.nav .btn{display:none}.menu-t{display:block}}
/* ana sayfa takvim bölümü: gereksiz boşluklar alındı (Neziha 2026-10-15) */
section:has(+ #takvim){padding-bottom:40px}
#takvim{padding:40px 0}
#takvim + section{padding-top:40px}
#takvim .cal{margin-top:20px}
#takvim .row.bos{grid-template-columns:36px 1fr auto;padding:18px 16px}
@media (max-width:900px){#takvim .row.bos{grid-template-columns:30px 1fr}}
#takvim .row.bos p{color:#d3cadb;font-size:13.5px}
/* kart renkleri tek tip (Neziha 2026-10-15): yer tutucu + atölye kutuları seminer kartlarıyla aynı mor; 4 Modül kenarı da aynı */
.ek-bos{background:linear-gradient(165deg,rgba(138,62,116,.55),rgba(74,32,66,.72));border-style:solid;border-color:rgba(224,140,196,.28)}
.ek-paket{border-color:rgba(224,140,196,.28)}
/* Neziha 2026-10-15: ön başvuru formu (ad, e-posta, telefon + ülke kodu, KVKK ve isteğe bağlı ileti onayı) */
form.basvuru .f-ikili{display:grid;grid-template-columns:1fr;gap:14px}
form.basvuru .f-alan{display:grid;gap:8px;min-width:0}
form.basvuru .f-et{font:500 12px var(--mono);color:var(--muted)}
form.basvuru .f-tel{display:grid;grid-template-columns:auto 1fr;gap:8px}
form.basvuru .f-tel select{padding:14px 10px;font-size:14px}
form.basvuru input,form.basvuru select{min-width:0;width:100%}
form.basvuru label.onay{display:flex;gap:12px;align-items:flex-start;font:300 13.5px/1.55 var(--sans);color:var(--muted);cursor:pointer}
form.basvuru label.onay input{flex:none;width:18px;height:18px;margin:2px 0 0;padding:0;accent-color:var(--orchid);cursor:pointer}
form.basvuru label.onay a{color:var(--text);text-decoration:underline}
form.basvuru input:user-invalid,form.basvuru select:user-invalid{border-color:#e07a8c}

/* WhatsApp simgesi */
.wa-ik{display:inline-flex;flex:none;width:20px;height:20px;vertical-align:-4px;margin-right:8px}
.wa-ik svg{width:100%;height:100%}
.wa .wa-ik{width:28px;height:28px;margin:0}
.cc .wa-ik.buyuk{display:block;width:34px;height:34px;margin:0 0 22px}
.btn .wa-ik{margin-right:2px}
.f-ozet+ul .wa-ik,footer .wa-ik{width:16px;height:16px;vertical-align:-3px;margin-right:6px}

/* WhatsApp konu seçimi */
.wa-sec{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(4,12,8,.72);backdrop-filter:blur(6px)}
.wa-sec.acik{display:flex}
.wa-sec-kutu{position:relative;width:100%;max-width:440px;max-height:calc(100vh - 32px);overflow:auto;padding:28px 24px 22px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(160deg,#0b3529,#062a20)}
.wa-sec-kutu h4{display:flex;align-items:center;gap:4px;margin:0 30px 16px 0;font:600 22px var(--serif);line-height:1.25}
.wa-sec-kutu h4 .wa-ik{width:26px;height:26px}
.wa-sec-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:14px;cursor:pointer}
.wa-sec-liste{display:grid;gap:8px}
.wa-sec-liste small{margin-top:8px;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.wa-sec-liste a{display:block;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:15px;transition:.2s}
.wa-sec-liste a:hover{border-color:#25D366;background:rgba(37,211,102,.08)}
body.wa-sec-acik{overflow:hidden}

/* Neziha 2026-10-15: telefonda iletişim kartları tek sütun, kart görselleri daha basık */
@media (max-width:640px){
  .contact{grid-template-columns:1fr;gap:12px}
  .cc{display:grid;grid-template-columns:38px 1fr;column-gap:16px;align-items:center;padding:16px 20px}
  .cc>svg,.cc>.wa-ik.buyuk{grid-row:1 / span 3;width:32px;height:32px;margin:0}
  .cc>small,.cc>b,.cc>span:not(.wa-ik){grid-column:2}
  .cc b{font-size:21px;margin:2px 0}
  .ek-gorsel{aspect-ratio:16/9}
  .orbit{width:min(440px,calc(100% - 88px))}
}

/* Neziha 2026-10-15: Melike Hoca fotoğrafı zeminsiz (ana sayfa + Hakkımda), alt kenar zemine karışır */
.about .ph,.hk-foto{background:none;border:0;border-radius:0}
.about .ph .spi,.hk-foto .spi{display:none}
.about .ph img,.hk-foto img{-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}

/* Neziha 2026-10-15: üstteki yol yazısı (Ana sayfa / Hakkımda) daha kalın ve belirgin */
.iz{font:500 13.5px var(--mono);color:var(--text);letter-spacing:.02em}
.iz a{color:var(--text);text-decoration:underline;text-decoration-color:rgba(255,255,255,.25);text-underline-offset:3px}
.iz a:hover{color:var(--orchid)}
.iz span:not(:last-child){color:var(--muted)}

.cc>svg{display:block}

/* Neziha 2026-10-15: iletişim kutuları yatay ve küçük (simge solda, yazı sağda); bilgisayarda tek sıra, tablette 3 + 2, telefonda ikişerli */
.contact{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px}
.contact>.cc{flex:0 0 calc((100% - 60px) / 6);min-width:0;display:grid;grid-template-columns:26px 1fr;column-gap:12px;align-items:center;padding:14px 16px;border-radius:18px}
.contact .cc>svg,.contact .cc>.wa-ik.buyuk{grid-row:1 / span 3;width:26px;height:26px;margin:0}
.contact .cc>small,.contact .cc>b,.contact .cc>span:not(.wa-ik){grid-column:2}
.contact .cc small{font-size:9.5px;letter-spacing:.1em}
.contact .cc b{font-size:17px;margin:2px 0 0;line-height:1.2;overflow-wrap:anywhere}
.contact .cc span:not(.wa-ik){font-size:12px;line-height:1.35}
.contact .cc:hover{transform:translateY(-2px)}
@media (min-width:1181px){.contact>.cc{grid-template-columns:22px 1fr;column-gap:10px;padding:13px 12px}.contact .cc>svg,.contact .cc>.wa-ik.buyuk{width:22px;height:22px}.contact .cc b{font-size:15.5px}.contact .cc span:not(.wa-ik){font-size:11px;white-space:nowrap;letter-spacing:-.01em}}
@media (max-width:1180px){.contact>.cc{flex-basis:calc((100% - 24px) / 3)}}
@media (max-width:640px){
  .contact{gap:8px}
  .contact>.cc{flex-basis:100%;grid-template-columns:24px auto 1fr;grid-template-rows:auto auto;column-gap:14px;padding:10px 16px;border-radius:14px}
  .contact .cc>svg,.contact .cc>.wa-ik.buyuk{grid-row:1 / span 2;grid-column:1;width:24px;height:24px}
  .contact .cc>small{grid-column:2;grid-row:1;font-size:8.5px}
  .contact .cc>b{grid-column:2;grid-row:2;font-size:16px;margin:0;overflow-wrap:normal;white-space:nowrap}
  .contact .cc>span:not(.wa-ik){grid-column:3;grid-row:1 / span 2;justify-self:end;text-align:right;font-size:11.5px}
}@media (max-width:640px){.contact .cc[data-eposta]>span:not(.wa-ik){display:none}.contact .cc[data-eposta]>b::after{content:'mucizekodlarim.com'}}

/* Neziha 2026-10-15: bilinçaltı güncellemesi — his yükleme kutusu (ana sayfa) */
.term{position:relative}
.hy{padding:18px 22px 22px;min-height:300px;font:400 14px/1.7 var(--mono);color:var(--muted)}
.hy-s{white-space:pre-wrap;margin:0 0 2px}
.hy .pk{color:var(--orchid)}.hy .gd{color:var(--gold)}
.hy-secim{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hy-kayit{font:400 13.5px/1.3 var(--sans);color:var(--text);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:9px 15px;cursor:pointer;transition:.2s;animation:hy-gel .45s ease both}
.hy-kayit:hover,.hy-kayit:focus-visible{border-color:var(--orchid);background:rgba(224,140,196,.13);transform:translateY(-1px);outline:none}
.hy-kayit.gizli{display:none}
.hy-daha{font:500 12.5px var(--mono);color:var(--gold);background:none;border:1px dashed rgba(243,217,164,.45);border-radius:999px;padding:9px 15px;cursor:pointer}
.hy-soru{margin-top:14px;padding:16px 18px;border:1px solid rgba(224,140,196,.28);border-radius:18px;background:rgba(255,255,255,.035);animation:hy-gel .5s ease both;transition:padding .3s,opacity .3s}
.hy-soru.gecti{padding:9px 14px;opacity:.6}
.hy-soru.gecti .hy-cumle{font-size:12.5px;line-height:1.45}
.hy-no{font:500 11px var(--mono);color:var(--gold);letter-spacing:.1em}
.hy-cumle{font:400 15.5px/1.55 var(--sans);color:var(--text);margin-top:4px}
.hy-bt{display:flex;gap:10px;margin-top:14px}
.hy-evet{background:var(--grad);color:#1a0f22;border:0;border-radius:999px;padding:11px 30px;font:500 14.5px var(--sans);cursor:pointer;box-shadow:0 6px 18px rgba(224,140,196,.25);transition:.2s}
.hy-evet:hover{transform:translateY(-1px);box-shadow:0 8px 26px rgba(224,140,196,.4)}
.hy-hayir{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:11px 24px;font:400 14.5px var(--sans);cursor:pointer;transition:.2s}
.hy-hayir:hover{color:var(--text);border-color:rgba(255,255,255,.35)}
.hy-yuk{display:flex;align-items:center;gap:10px;margin-top:10px;font:500 13px var(--mono);color:var(--orchid)}
.hy-kalp{display:inline-block;font-size:17px;line-height:1;color:var(--orchid);animation:hy-kalp .85s ease-in-out infinite}
.hy-cubuk{flex:1;max-width:240px;height:6px;border-radius:6px;background:rgba(255,255,255,.09);overflow:hidden}
.hy-cubuk b{display:block;height:100%;width:0;background:var(--grad);animation:hy-dol 1.8s ease forwards}
.hy-yuk.tamam{color:var(--sage)}.hy-yuk.tamam .hy-kalp{animation:none;color:var(--sage)}
.hy-soru.gecti .hy-yuk{margin-top:4px}
.hy-not{font:italic 400 13px var(--sans);color:var(--muted);margin-top:8px}
.hy-son{margin-top:16px;padding:20px 20px 18px;border-radius:20px;background:linear-gradient(140deg,rgba(138,62,116,.30),rgba(243,217,164,.08));border:1px solid rgba(243,217,164,.28);animation:hy-gel .6s ease both}
.hy-baslik{font:600 24px/1.25 var(--serif);color:var(--gold)}
.hy-nefes{font:400 15.5px/1.5 var(--sans);color:var(--text);margin-top:4px}
.hy-davet{font:400 14px/1.6 var(--sans);color:var(--muted);margin-top:10px}
.hy-yol{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.hy-alt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:14px;font:400 13px var(--sans)}
.hy-wa,.hy-tekrar{color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.25);background:none;border:0;cursor:pointer;font:inherit;padding:0}
.hy-wa:hover,.hy-tekrar:hover{color:var(--text)}
.hy-wa .wa-ik{width:15px;height:15px;margin-right:6px;vertical-align:-3px}
.hy-yildiz{position:absolute;z-index:3;color:var(--gold);pointer-events:none;text-shadow:0 0 10px rgba(243,217,164,.95);font-style:normal;animation:hy-yildiz 1.9s ease-out both}
@keyframes hy-gel{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes hy-kalp{0%,100%{transform:scale(1)}30%{transform:scale(1.35)}45%{transform:scale(1.05)}60%{transform:scale(1.25)}}
@keyframes hy-dol{to{width:100%}}
@keyframes hy-yildiz{0%{opacity:0;transform:scale(.2) rotate(0)}30%{opacity:1;transform:scale(1.25) rotate(20deg)}100%{opacity:0;transform:scale(.5) rotate(90deg) translateY(-18px)}}
@media (prefers-reduced-motion:reduce){.hy *,.hy-yildiz{animation:none !important}.hy-cubuk b{width:100%}}
@media (max-width:640px){
  .hy{padding:16px 16px 18px;min-height:0}
  .hy-secim{gap:7px}
  .hy-kayit{flex:1 1 calc(50% - 4px);display:flex;align-items:center;justify-content:center;min-height:50px;text-align:center;font-size:13px;line-height:1.3;padding:8px 10px;border-radius:14px}
  .hy-daha{flex:1 1 100%}
  .hy-soru{padding:14px}
  .hy-cumle{font-size:15px}
  .hy-bt button{flex:1;padding:13px 10px;font-size:15px}
  .hy-baslik{font-size:22px}
  .hy-yol .btn{flex:1 1 100%;justify-content:center}
  .hy-alt{flex-direction:column;align-items:flex-start;gap:10px}
}
/* Neziha 2026-10-16: tarama ekranı — DNA sarmalı, tarama ışını, nabız halkaları, akan kayıtlar */
.hy-ekran{position:relative;height:178px;margin:0 0 14px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(224,140,196,.13),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0));transition:height .7s cubic-bezier(.2,.8,.2,1),opacity .4s}
.hy-ekran::before{content:"";position:absolute;inset:0;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:22px 22px;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 85%)}
.hy-ekran.kucuk{height:54px}
.hy-dna{position:absolute;inset:0;width:100%;height:100%;opacity:.8;filter:drop-shadow(0 0 6px rgba(243,217,164,.35))}
.hy-dna-g{animation:hy-dna 10s linear infinite}
.hy-ekran.tariyor .hy-dna-g{animation-duration:1.8s}
.hy-ekran.tariyor .hy-dna{opacity:1;filter:drop-shadow(0 0 10px rgba(243,217,164,.7))}
.hy-ekran.kucuk .hy-dna{opacity:.5}
.hy-isin{position:absolute;left:0;right:0;top:6%;height:2px;background:linear-gradient(90deg,transparent,rgba(243,217,164,.95),transparent);box-shadow:0 0 16px 4px rgba(243,217,164,.45);animation:hy-isin 3.4s ease-in-out infinite alternate}
.hy-isin::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:38px;background:linear-gradient(0deg,rgba(243,217,164,.10),transparent)}
.hy-ekran.tariyor .hy-isin{animation-duration:.75s}
.hy-ekran.kucuk .hy-isin{animation-duration:6s;opacity:.5}
.hy-halka{position:absolute;left:50%;top:50%}
.hy-halka i{position:absolute;left:-44px;top:-44px;width:88px;height:88px;border-radius:50%;border:1px solid rgba(224,140,196,.55);opacity:0;animation:hy-halka 3.6s ease-out infinite}
.hy-halka i:nth-child(2){animation-delay:1.2s}.hy-halka i:nth-child(3){animation-delay:2.4s}
.hy-ekran.tariyor .hy-halka i{animation-duration:1.4s;border-color:rgba(243,217,164,.7)}
.hy-ekran.kucuk .hy-halka{display:none}
.hy-zerre{position:absolute;width:3px;height:3px;border-radius:50%;background:#f3d9a4;box-shadow:0 0 6px #f3d9a4;opacity:0;animation:hy-zerre 4.5s ease-in-out infinite}
.hy-ekran.kucuk .hy-zerre{display:none}
.hy-imlec{display:inline-block;width:8px;height:15px;margin-left:4px;vertical-align:-2px;background:var(--orchid);animation:hy-imlec 1s steps(1) infinite}
.hy .ok{color:var(--sage)}
.hy-katman{display:flex;flex-wrap:wrap;gap:6px 16px;margin:4px 0 2px;font:400 11.5px var(--mono);color:var(--dim)}
.hy-katman span::before{content:"○ ";color:rgba(255,255,255,.3)}
.hy-katman span.simdi{color:var(--gold)}.hy-katman span.simdi::before{content:"◌ ";color:var(--gold);animation:hy-imlec .5s steps(1) infinite}
.hy-katman span.tamam{color:var(--sage)}.hy-katman span.tamam::before{content:"✓ ";color:var(--sage)}
.hy-basla{display:block;margin:18px auto 6px;background:var(--grad);color:#1a0f22;border:0;border-radius:999px;padding:14px 34px;font:500 15.5px var(--sans);letter-spacing:.01em;cursor:pointer;animation:hy-nabiz 2.4s ease-out infinite;transition:transform .2s}
.hy-basla:hover{transform:translateY(-2px) scale(1.02)}
.hy-kayit.akis,.hy-daha.akis{animation:hy-blip .6s ease both}
@keyframes hy-dna{to{transform:translateX(-300px)}}
@keyframes hy-isin{from{top:6%}to{top:92%}}
@keyframes hy-halka{0%{opacity:.85;transform:scale(.3)}100%{opacity:0;transform:scale(2.6)}}
@keyframes hy-zerre{0%{opacity:0;transform:translateY(0)}40%{opacity:.9}100%{opacity:0;transform:translateY(-26px)}}
@keyframes hy-imlec{50%{opacity:0}}
@keyframes hy-nabiz{0%{box-shadow:0 0 0 0 rgba(243,217,164,.45),0 8px 26px rgba(224,140,196,.30)}75%{box-shadow:0 0 0 12px rgba(243,217,164,0),0 8px 26px rgba(224,140,196,.30)}100%{box-shadow:0 0 0 0 rgba(243,217,164,0),0 8px 26px rgba(224,140,196,.30)}}
@keyframes hy-blip{0%{opacity:0;transform:translateY(10px) scale(.95)}55%{opacity:1;transform:none;border-color:rgba(243,217,164,.75);box-shadow:0 0 20px rgba(243,217,164,.45)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hy-ekran *,.hy-basla,.hy-kayit.akis{animation:none !important}.hy-zerre{opacity:.5}}
@media (max-width:640px){.hy-ekran{height:140px}.hy-ekran.kucuk{height:46px}.hy-basla{width:100%;padding:15px 20px;font-size:16px}.hy-katman{gap:4px 12px;font-size:11px}}