:root{--pembe:#db2777;--pembe-acik:#fbcfe8;--pembe-yumusak:#fdf2f8;--murekkep:#0f0f0f;--gri:#5b5560;--beyaz:#ffffff;--lila:#f3e8ff;--gok:#e0f2fe;--yuvarlak:22px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Rubik',sans-serif;color:var(--murekkep);line-height:1.7;background:linear-gradient(150deg,#fff1f7 0%,#fdf2f8 35%,#f5ecff 70%,#eaf6ff 100%) fixed;min-height:100vh}
a{color:var(--pembe)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--murekkep);outline-offset:3px;border-radius:6px}
img,svg{max-width:100%}
.atla{position:absolute;left:-999px;top:0;background:var(--murekkep);color:#fff;padding:.6rem 1rem;z-index:99}
.atla:focus{left:1rem;top:1rem}

/* boşluk */
.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.75rem}.p-4{padding:3rem}
.px-2{padding-left:1rem;padding-right:1rem}.px-3{padding-left:1.75rem;padding-right:1.75rem}
.py-2{padding-top:1rem;padding-bottom:1rem}.py-4{padding-top:3rem;padding-bottom:3rem}.py-6{padding-top:5rem;padding-bottom:5rem}
.mt-2{margin-top:1rem}.mt-4{margin-top:3rem}.mt-6{margin-top:5rem}
.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:3rem}
.mx-auto{margin-left:auto;margin-right:auto}
.m-0{margin:0}

/* yerleşim */
.sarmal{max-width:1120px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}
.dar{max-width:760px}
.flex{display:flex}.sutun{flex-direction:column}.sar{flex-wrap:wrap}
.ortala{align-items:center}.arasi{justify-content:space-between}.ortaya{justify-content:center}
.izgara-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.izgara-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.bosluk-1{gap:.5rem}.bosluk-2{gap:1rem}.bosluk-3{gap:1.75rem}.bosluk-4{gap:3rem}
.tam{width:100%}
.blok{display:block}

/* görünüm */
.yuvarlak{border-radius:var(--yuvarlak)}.yuvarlak-tam{border-radius:999px}
.bg-beyaz{background:rgba(255,255,255,.72);backdrop-filter:blur(8px)}
.bg-pembe{background:var(--pembe);color:#fff}
.bg-lila{background:linear-gradient(135deg,var(--lila),var(--gok))}
.bg-pembe-yumusak{background:linear-gradient(135deg,var(--pembe-yumusak),var(--pembe-acik))}
.golge{box-shadow:0 18px 50px -20px rgba(219,39,119,.28)}
.cerceve{border:1px solid rgba(219,39,119,.14)}

/* tipografi */
.yazi-orta{text-align:center}
.yazi-pembe{color:var(--pembe)}.yazi-gri{color:var(--gri)}.yazi-beyaz{color:#fff}.yazi-koyu{color:var(--murekkep)}
.b-1{font-size:.9rem}.b-2{font-size:1.05rem}.b-3{font-size:1.4rem}.b-4{font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.15;letter-spacing:-.02em}
.k-500{font-weight:500}.k-700{font-weight:700}
.dekor{text-decoration:none}
.buyuk-harf{text-transform:uppercase;letter-spacing:.12em}

/* bileşen */
.dugme{display:inline-block;padding:.9rem 1.8rem;border-radius:999px;font-weight:500;text-decoration:none;border:0;cursor:pointer;font:inherit;transition:transform .15s,box-shadow .15s}
.dugme:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(219,39,119,.6)}
.dugme-koyu{background:var(--murekkep);color:#fff}
.dugme-sinir{background:transparent;border:2px solid var(--pembe);color:var(--pembe)}
.menu a{text-decoration:none;color:var(--murekkep);padding:.45rem .9rem;border-radius:999px}
.menu a:hover,.menu a[aria-current]{background:var(--pembe-acik)}
.alan{width:100%;padding:.9rem 1.1rem;border:1px solid rgba(15,15,15,.15);border-radius:14px;font:inherit;background:#fff}
.alan:focus{border-color:var(--pembe)}
.gizli{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.uyari{padding:1rem 1.25rem;border-radius:14px;border-left:5px solid}
.uyari-iyi{background:#ecfdf5;border-color:#059669}
.uyari-kotu{background:#fff1f2;border-color:#e11d48}
.blob{position:absolute;filter:blur(40px);opacity:.6;pointer-events:none;z-index:0}
.goreli{position:relative;overflow:hidden}
.ustte{position:relative;z-index:1}
.kirinti{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem;font-size:.9rem;color:var(--gri)}
.kirinti li+li::before{content:'/';margin-right:.4rem;opacity:.5}
.iletisim-satir{display:flex;align-items:center;gap:.7rem;margin:0 0 .8rem}

/* görsel */
.gorsel{display:block;width:100%;max-width:100%;height:auto;object-fit:cover}
.gorsel-hero{aspect-ratio:16/9;border-radius:calc(var(--yuvarlak) - 6px)}
.gorsel-kart{aspect-ratio:16/9;border-radius:calc(var(--yuvarlak) - 6px)}
.gorsel-cerceve{line-height:0}
.gorsel-genis{max-width:920px}

/* içerik metni */
.metin h2{font-size:1.6rem;margin:2.2rem 0 .8rem;letter-spacing:-.01em}
.metin h3{font-size:1.2rem;margin:1.6rem 0 .5rem}
.metin p{margin:0 0 1.1rem}
.metin ul,.metin ol{padding-left:1.3rem}
.metin li{margin-bottom:.4rem}
.metin table{width:100%;border-collapse:collapse;margin:1rem 0}
.metin td,.metin th{border:1px solid rgba(15,15,15,.12);padding:.6rem .8rem;text-align:left}
.metin th{background:var(--pembe-yumusak)}

details.soru{border-bottom:1px solid rgba(219,39,119,.18);padding:.9rem 0}
details.soru summary{cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
details.soru summary::-webkit-details-marker{display:none}
details.soru summary::after{content:'+';color:var(--pembe);font-size:1.4rem;line-height:1}
details.soru[open] summary::after{content:'\2212'}
details.soru div{padding-top:.6rem;color:var(--gri)}

@media (max-width:720px){
  .menu{width:100%;justify-content:center}
  .py-6{padding-top:3rem;padding-bottom:3rem}
  .mt-6{margin-top:3rem}
  .p-4{padding:1.75rem}
}


/* blog */
.mt-3{margin-top:1.75rem}.py-3{padding-top:1.75rem;padding-bottom:1.75rem}
.yazi-sag{text-align:right}
.tarih{font-size:.85rem;color:var(--gri)}
.kart-yazi{display:flex;flex-direction:column}
.kart-yazi h2 a:hover,.kart-yazi h3 a:hover{color:var(--pembe)}
.gorsel-mini{aspect-ratio:16/9;border-radius:14px}
.gorsel-yazi{aspect-ratio:16/9;border-radius:calc(var(--yuvarlak) - 6px)}
.sayfalama{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.ilgili-liste{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.ilgili-liste li{padding-left:1.1rem;position:relative}
.ilgili-liste li::before{content:'';position:absolute;left:0;top:.7em;width:.45rem;height:.45rem;border-radius:50%;background:var(--pembe)}