/* Kafa Kurdu — site stili. Palet: Motion Rules §10 */
:root{
  --pink:#FF7BA9; --purple:#6A2C91; --yellow:#FFD93D; --green:#2ED39A;
  --red:#E8384F; --night:#1B1035; --ink:#2A1346; --paper:#FFF8F2; --muted:#6d5f80;
  --r:22px; --pop:cubic-bezier(.34,1.56,.64,1); --out:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);
  background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:var(--purple)}
h1,h2,h3,.logo,.btn,.seal{font-family:"Baloo 2","Nunito",system-ui,sans-serif;line-height:1.1}
.wrap{width:min(1120px,100% - 40px);margin-inline:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:9}

/* üst bar */
.top{position:sticky;top:0;z-index:20;background:rgba(27,16,53,.92);backdrop-filter:blur(10px);color:#fff}
.top .wrap{display:flex;align-items:center;gap:14px;height:64px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:1.45rem;letter-spacing:.5px}
.logo span b{color:var(--pink)}
.top nav{margin-left:auto;display:flex;gap:6px;align-items:center}
.top nav a{color:#e9defa;text-decoration:none;font-weight:800;padding:8px 12px;border-radius:999px;font-size:.95rem}
.top nav a:hover{background:rgba(255,255,255,.1)}
.top nav .yt{background:var(--red);color:#fff}
.top nav .yt:hover{background:#ff4b62}
@media (max-width:640px){.top nav a:not(.yt){display:none}}

/* butonlar */
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;text-decoration:none;
  padding:14px 24px;border-radius:999px;border:4px solid var(--ink);transition:transform .2s var(--pop),box-shadow .2s}
.btn:hover{transform:translateY(-3px) rotate(-1deg)}
.btn-yt{background:var(--red);color:#fff;box-shadow:0 6px 0 var(--ink)}
.btn-ghost{background:#fff;color:var(--ink);box-shadow:0 6px 0 var(--ink)}
.btn svg{width:22px;height:22px}

/* hero: beyin apartmanı */
.hero{position:relative;overflow:hidden;color:#fff;
  background:radial-gradient(ellipse at 70% 40%,#4a2378 0%,#2a1446 45%,var(--night) 100%)}
.hero::before{content:"";position:absolute;inset:0;opacity:.18;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cpath d='M10 60c30-30 60 30 90 0s60-30 90 0M20 150c25-25 55 25 80 0s50-35 80-5M60 105c15-20 40 15 60-5' fill='none' stroke='%23FF7BA9' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;
  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='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:56px 0 72px}
.kicker{display:inline-block;background:var(--yellow);color:var(--ink);font-weight:900;border-radius:999px;
  padding:4px 14px;font-size:.9rem;transform:rotate(-2deg);border:3px solid var(--ink)}
.hero h1{font-size:clamp(2.6rem,7vw,4.6rem);margin:18px 0 14px;font-weight:800;text-shadow:0 6px 0 rgba(255,123,169,.35)}
.hero h1 em{font-style:normal;color:var(--yellow)}
.hero p.lead{font-size:1.2rem;color:#e6dcf5;max-width:34ch;margin:0 0 28px}
.cta{display:flex;flex-wrap:wrap;gap:14px}
.socials{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.socials a{display:inline-flex;align-items:center;gap:8px;color:#e9defa;text-decoration:none;font-weight:800;
  font-size:.92rem;padding:6px 12px;border:2px solid rgba(255,255,255,.25);border-radius:999px}
.socials a:hover{border-color:var(--pink);color:#fff}
.socials svg{width:18px;height:18px}

/* kafatası penceresi */
.window{position:relative;width:min(380px,90%);aspect-ratio:4/5;margin-inline:auto}
.window .light{position:absolute;inset:-12% -20%;background:radial-gradient(circle at 50% 55%,rgba(255,217,61,.35),transparent 60%)}
.frame{position:absolute;inset:8% 10% 18%;background:#3a1a5e;border:8px solid var(--ink);border-radius:46% 46% 18px 18px;
  overflow:hidden;box-shadow:inset 0 0 0 6px #8f4fbf}
.frame::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 70%,#ffd6e5 0%,#ff9cc0 40%,#c4507f 100%)}
.shutter{position:absolute;top:8%;bottom:18%;width:30%;background:var(--purple);border:7px solid var(--ink);border-radius:12px;
  background-image:repeating-linear-gradient(0deg,transparent 0 22px,rgba(0,0,0,.18) 22px 26px)}
.shutter.l{left:-6%;transform:perspective(600px) rotateY(55deg);transform-origin:left}
.shutter.r{right:-6%;transform:perspective(600px) rotateY(-55deg);transform-origin:right}
.sill{position:absolute;left:4%;right:4%;bottom:14%;height:9%;background:#8f4fbf;border:7px solid var(--ink);border-radius:14px;z-index:3}
.window .kurti{position:absolute;left:50%;bottom:16%;width:62%;transform:translateX(-50%);z-index:2;
  animation:pop .9s var(--out) .15s both, breathe 2s ease-in-out 1.1s infinite}
.k-ant{transform-box:fill-box;transform-origin:50% 100%;animation:wobble 2.4s ease-in-out infinite}
.k-ant-r{animation-delay:.12s}
.k-glow{animation:glow 2.2s ease-in-out infinite}
@keyframes pop{0%{transform:translate(-50%,70%) scale(.9,1.2)}60%{transform:translate(-50%,-6%) scale(.95,1.08)}
  80%{transform:translate(-50%,2%) scale(1.06,.92)}100%{transform:translate(-50%,0) scale(1)}}
@keyframes breathe{0%,100%{transform:translateX(-50%) scale(1,1)}50%{transform:translateX(-50%) scale(1.03,.98)}}
@keyframes wobble{0%,100%{transform:rotate(0)}30%{transform:rotate(-7deg)}60%{transform:rotate(5deg)}}
@keyframes glow{0%,100%{opacity:.25}50%{opacity:.55}}
.seal{position:absolute;right:-2%;top:6%;z-index:4;background:var(--red);color:#fff;font-weight:800;font-size:1.05rem;
  padding:8px 14px;border:4px solid var(--ink);border-radius:10px;transform:rotate(-8deg);box-shadow:0 5px 0 var(--ink);
  animation:stamp .5s var(--pop) 1s both}
@keyframes stamp{0%{transform:rotate(-8deg) scale(2);opacity:0}100%{transform:rotate(-8deg) scale(1);opacity:1}}
@media (max-width:820px){.hero .wrap{grid-template-columns:1fr;text-align:left;padding:34px 0 48px}.window{width:min(300px,80%)}}

/* bölümler */
section{padding:64px 0}
.sec-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 26px}
.sec-title h2{font-size:clamp(1.9rem,4.5vw,2.6rem);margin:0;color:var(--purple);font-weight:800;text-shadow:3px 3px 0 #ffd0e0}
.sec-title p{margin:0;color:var(--muted);font-weight:700}

/* son video */
.latest{display:grid;grid-template-columns:minmax(220px,330px) 1fr;gap:36px;align-items:center}
@media (max-width:760px){.latest{grid-template-columns:1fr}}
.short{position:relative;aspect-ratio:9/16;border-radius:var(--r);overflow:hidden;border:5px solid var(--ink);
  background:var(--night);box-shadow:10px 10px 0 var(--pink);max-width:330px;width:100%}
.short iframe,.short img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.short button{all:unset;cursor:pointer;position:absolute;inset:0;display:grid;place-items:center}
.play{width:76px;height:76px;border-radius:50%;background:var(--red);border:5px solid #fff;display:grid;place-items:center;
  box-shadow:0 6px 20px rgba(0,0,0,.4);transition:transform .2s var(--pop)}
.short button:hover .play,.short a:hover .play{transform:scale(1.12)}
.play svg{width:30px;margin-left:5px;fill:#fff}
.short .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  text-decoration:none;color:#fff;text-align:center;padding:20px;
  background:radial-gradient(circle at 50% 40%,#4a2378,var(--night))}
.short .ph .kurti{width:62%}
.short .ph span{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1.2rem}
.tag{display:inline-block;font-weight:900;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase;
  padding:4px 12px;border-radius:999px;background:var(--ink);color:#fff}
.tag.new{background:var(--green);color:var(--ink)}
.latest h3{font-size:clamp(1.7rem,4vw,2.4rem);margin:12px 0}
.latest p{font-size:1.1rem;max-width:52ch}
.bulb{display:flex;gap:14px;align-items:flex-start;background:#fff6c8;border:4px solid var(--ink);border-radius:18px;
  padding:16px 18px;margin:20px 0;box-shadow:6px 6px 0 var(--yellow)}
.bulb b{font-family:"Baloo 2",sans-serif;font-size:1.05rem;display:block}
.bulb .ico{flex:0 0 38px;height:38px;border-radius:50%;background:var(--yellow);border:3px solid var(--ink);
  display:grid;place-items:center;font-weight:900;font-size:1.2rem}
.next{margin-top:18px;color:var(--muted);font-weight:800}
.next strong{color:var(--purple)}

/* seriler */
.series{background:#f6ecff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:22px}
.serie{border-radius:var(--r);border:5px solid var(--ink);overflow:hidden;background:#fff;box-shadow:8px 8px 0 var(--ink)}
.serie header{color:#fff;padding:20px 20px 18px;position:relative;overflow:hidden}
.serie header::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;
  background:var(--glow);opacity:.25}
.serie .no{font-weight:900;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;opacity:.85}
.serie h3{font-size:1.5rem;margin:6px 0 6px;color:#fff}
.serie header p{margin:0;font-size:.95rem;opacity:.9}
.serie ol{list-style:none;margin:0;padding:8px 10px 12px}
.serie li a,.serie li .lock{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;text-decoration:none;
  color:var(--ink);font-weight:800}
.serie li a:hover{background:#ffe6ef}
.serie li .num{flex:0 0 32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;
  background:var(--pink);border:3px solid var(--ink);font-weight:900}
.serie li .lock{color:#9b90ab}
.serie li .lock .num{background:#eee6f5;border-color:#c9bcd9;color:#9b90ab}
.serie li .soon{margin-left:auto;font-size:.72rem;background:#f1eaf8;border-radius:999px;padding:2px 9px;color:#8a7d9c}
.serie li .nexts{margin-left:auto;font-size:.72rem;background:var(--yellow);color:var(--ink);border-radius:999px;padding:2px 9px}
.serie .empty{padding:16px 20px 20px;color:var(--muted);font-weight:800}

/* kurti kim */
.who{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center}
@media (max-width:760px){.who{grid-template-columns:1fr}.who .kurti{width:200px}}
.who .kurti{filter:drop-shadow(8px 8px 0 #ffd0e0)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:20px}
.fact{background:#fff;border:4px solid var(--ink);border-radius:16px;padding:14px 16px;font-weight:700}
.fact b{display:block;font-family:"Baloo 2",sans-serif;font-size:1.15rem;color:var(--purple)}

/* güven */
.trust{background:var(--night);color:#efe7fb}
.trust .sec-title h2{color:#fff;text-shadow:3px 3px 0 var(--purple)}
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.pillar{border:3px solid rgba(255,255,255,.18);border-radius:18px;padding:20px}
.pillar h3{margin:0 0 8px;font-size:1.3rem;color:var(--yellow)}
.pillar p{margin:0;color:#d8cbea}

/* takip */
.follow{text-align:center;background:var(--pink);border-top:6px solid var(--ink);border-bottom:6px solid var(--ink)}
.follow h2{font-size:clamp(2rem,5vw,3rem);margin:0 0 10px;color:var(--ink)}
.follow p{font-weight:800;margin:0 0 24px;font-size:1.15rem}
.follow .cta{justify-content:center}

/* video sayfası */
.crumbs{font-weight:800;font-size:.9rem;margin:26px 0 0;color:var(--muted)}
.crumbs a{color:var(--muted)}
.vpage{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:44px;padding:26px 0 70px;align-items:start}
@media (max-width:800px){.vpage{grid-template-columns:1fr}.vpage .short{margin-inline:auto}}
.vpage h1{font-size:clamp(2rem,5vw,3rem);margin:12px 0 16px;color:var(--purple)}
.vpage .lead{font-size:1.15rem}
.vpage h2{font-size:1.5rem;margin:30px 0 10px}
.sources{padding-left:20px}
.sources li{margin:6px 0}
.note{font-size:.9rem;color:var(--muted);border-left:4px solid var(--pink);padding-left:12px;margin-top:28px}
.pager{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:34px}
.pager a{flex:1 1 220px;text-decoration:none;color:var(--ink);border:4px solid var(--ink);border-radius:16px;padding:12px 16px;
  font-weight:800;background:#fff;box-shadow:5px 5px 0 var(--pink)}
.pager a small{display:block;color:var(--muted);font-weight:800}
.pager a.r{text-align:right}

/* alt bilgi */
footer{background:var(--night);color:#b9a9d1;padding:34px 0;font-size:.92rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
footer a{color:#e9defa}
footer .disc{max-width:60ch}

/* 404 */
.lost{min-height:70vh;display:grid;place-items:center;text-align:center;padding:40px 0}
.lost .kurti{width:200px;transform:rotate(-12deg)}
.lost h1{font-size:4rem;margin:10px 0;color:var(--purple)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}
@media (max-width:600px){.window{width:min(240px,70%)}.short{max-width:260px;margin-inline:auto}.hero .wrap{padding-bottom:32px}}