/* Kırkta Kırk teması, "rafine defter" (17 Ekim 2026, kullanıcının seçtiği C yönü): reklamdaki defter kimliği, ama kalın
   mürekkep çerçeve ve sert düz gölge yerine ince kâğıt kenarı ve yumuşak gölge; noktalı defter zemini; vurgu fosforlu
   kalem, notlar el yazısı. En son yüklenir; öbür stil dosyalarının üstüne yazar. Yeşil (--green) yalnız "doğru, başarı" anlamında kalır. */
:root{
  --murekkep:#16181d;--kagit:#f8f5ee;--kare:#ddd4c1;--fosfor:#ffe873;--fosfor-acik:#fff6c7;--kenar:#c8385a;--cizgi-ince:#e7e0d0;
  --golge:0 1px 0 rgba(70,55,20,.04),0 12px 28px -14px rgba(70,55,20,.22);--golge-buyuk:0 2px 0 rgba(70,55,20,.05),0 26px 48px -22px rgba(70,55,20,.34);
  --el:"Ink Free","Segoe Print","Bradley Hand","Noteworthy","Comic Neue",cursive;
  --green:#1d7a52;--ink:#16181d;--muted:#5f6268;--line:#e2dccd;--orange:#c4561c;
  --baslik:Bahnschrift,"DIN Alternate","DIN Condensed","Barlow Condensed","Roboto Condensed","Arial Narrow",sans-serif;
  --govde:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}
body{background-color:var(--kagit);background-image:radial-gradient(var(--kare) 1px,transparent 1.3px);background-size:22px 22px;font-family:var(--govde);color:var(--ink)}
h1,h2,h3,.ust .logo,.stats b,.sahip-rakam b,.paket .fiyat,.rakamlar b,.deneme-kare b{font-family:var(--baslik);letter-spacing:.005em}
h1{font-weight:700;letter-spacing:-.005em}
::selection{background:var(--fosfor)}
a{color:var(--murekkep);text-decoration-color:var(--kenar);text-underline-offset:3px}

/* üst çubuk ve logo: dolu bir optik form baloncuğu */
.ust{padding-top:18px}
.ust .logo{color:var(--murekkep);font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.ust .logo::before{width:.8em;height:.8em;box-shadow:0 0 0 2px var(--kagit),0 0 0 3.5px var(--murekkep)}
.ust nav a,.ust nav button{font-family:var(--govde)}
.ust nav a:hover,.ust nav button:hover{background:var(--fosfor-acik)}
.ust nav a.dugme{background:var(--murekkep);color:#fff}

/* başlık: fosforlu kalemle altı çizilmiş gibi */
.sayfa-baslik h1,.kutu h1{display:inline-block;background:linear-gradient(transparent 60%,var(--fosfor) 60%,var(--fosfor) 92%,transparent 92%);padding:0 4px;margin-left:-4px}
.fosfor{background:linear-gradient(transparent 55%,var(--fosfor) 55%,var(--fosfor) 95%,transparent 95%);padding:0 .08em}

/* kutular: kâğıttan kesilmiş kart, mürekkep kenar ve düz gölge */
.kutu,.tur-kart,.deneme-serit,.sahip-rakam>div,.selectors{background:#fff;border:1px solid var(--cizgi-ince);border-radius:12px;box-shadow:var(--golge)}
.question{border:1px solid var(--cizgi-ince);border-radius:12px;box-shadow:var(--golge)}
.sahip-rakam .vurgu{background:var(--murekkep);border-color:var(--murekkep);box-shadow:var(--golge)}
.empty{background:#fff;border:1.5px dashed #c9c1ad}

/* düğmeler */
.dugme{background:var(--murekkep);color:#fff;border-radius:10px;font-family:var(--govde);box-shadow:var(--golge);transition:transform .12s,box-shadow .12s}
.dugme:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:var(--golge)}
.dugme:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}
.dugme.ikincil{background:#fff;color:var(--murekkep);border:1px solid var(--cizgi-ince);box-shadow:var(--golge)}
.dugme.ikincil:hover:not(:disabled){box-shadow:var(--golge)}
.dugme.buyuk{min-height:54px;padding:14px 26px;font-size:18px}
.sekme[aria-current=true]{background:var(--murekkep);border-color:var(--murekkep)}
.sekme[aria-current=true] small{color:var(--fosfor)}
.konu-cip{background:var(--murekkep)}
.level{background:var(--fosfor-acik);color:var(--murekkep)}
.form input[type=email],.form input[type=password],.form input:not([type]),.form input[type=text],.selectors select{border:1.5px solid #c9c1ad;background:#fffdf7}
.bilgi{background:#fff;border:1.5px dashed var(--murekkep);color:var(--ink)}
.bilgi a{font-weight:bold}
table th{font-family:var(--govde)}

/* ana sayfa vitrini */
.vitrin{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:34px;align-items:center;margin:8px 0 34px}
.vitrin .eyebrow{display:inline-block;font:bold 13px var(--govde);letter-spacing:.08em;color:var(--kenar);text-transform:uppercase;margin:0 0 10px}
.vitrin h1{font-size:54px;line-height:1.02;margin:0 0 16px}
.vitrin-alt{font-size:19px;line-height:1.55;max-width:560px;margin:0 0 22px;color:#2a2d33}
.vitrin-eylem{display:flex;gap:12px;flex-wrap:wrap;margin:0}
.optik-form{position:relative;background:#fff;border:1px solid var(--cizgi-ince);border-radius:12px;box-shadow:var(--golge-buyuk);padding:16px 18px 18px;transform:rotate(1.5deg)}
.optik-form::before{content:"";position:absolute;top:0;bottom:0;left:38px;border-left:2px solid var(--kenar);opacity:.55}
.optik-baslik{display:flex;justify-content:space-between;font:bold 12px var(--govde);letter-spacing:.1em;color:var(--muted);margin:0 0 10px 34px}
.optik-satir{display:grid;grid-template-columns:28px repeat(5,1fr);align-items:center;gap:6px;margin:5px 0}
.optik-satir small{font:bold 12px var(--baslik);color:var(--muted);text-align:right;padding-right:6px}
.optik-satir i{display:block;aspect-ratio:1;border-radius:50%;border:1.5px solid #b7ae98;font:600 10px/1 var(--govde);color:#9a917c;display:grid;place-items:center;font-style:normal}
.optik-satir i.dolu{background:var(--murekkep);border-color:var(--murekkep);color:#fff}
.optik-damga{position:absolute;right:-14px;bottom:-18px;background:var(--fosfor);border:1px solid var(--cizgi-ince);border-radius:10px;padding:6px 12px;font:700 22px var(--baslik);transform:rotate(-6deg);box-shadow:var(--golge)}
.vitrin-rakam{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 30px;border:1px solid var(--cizgi-ince);border-radius:12px;background:#fff;box-shadow:var(--golge);overflow:hidden}
.vitrin-rakam div{padding:16px 18px;border-left:1.5px dashed #c9c1ad}
.vitrin-rakam div:first-child{border-left:0}
.vitrin-rakam b{display:block;font:700 34px/1.1 var(--baslik)}
.vitrin-rakam span{font-size:14px;color:var(--muted)}
.adimlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 30px;counter-reset:adim}
.adimlar>div{counter-increment:adim;position:relative;padding:18px 18px 16px 18px;background:#fff;border:1px solid var(--cizgi-ince);border-radius:12px;box-shadow:var(--golge)}
.adimlar>div::before{content:counter(adim);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--fosfor);border:1px solid var(--cizgi-ince);font:700 20px var(--baslik);margin-bottom:10px}
.adimlar h3{margin:0 0 6px;font-size:20px}
.adimlar p{margin:0;font-size:15.5px;color:#33363c}
.bolum-adi{font:700 26px var(--baslik);margin:0 0 14px}
.ozellikler .kutu h2{font-size:20px}
.davet{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:var(--fosfor);border:1px solid var(--cizgi-ince);border-radius:12px;box-shadow:var(--golge);padding:20px 24px;margin:26px 0 8px}
.davet h2{margin:0 0 4px;font-size:24px}.davet p{margin:0}
.davet .dugme{box-shadow:none}

@media(max-width:820px){
  .vitrin{grid-template-columns:1fr;gap:26px}.vitrin h1{font-size:40px}
  .optik-form{max-width:340px;margin:0 auto 10px;transform:rotate(1deg)}
  .vitrin-rakam{grid-template-columns:repeat(2,minmax(0,1fr))}.vitrin-rakam div:nth-child(3){border-left:0}.vitrin-rakam div:nth-child(n+3){border-top:1.5px dashed #c9c1ad}
  .adimlar{grid-template-columns:1fr}
}
@media(max-width:560px){.vitrin h1{font-size:34px}.vitrin-alt{font-size:17px}.ust .logo{font-size:19px}}
@media print{body{background:#fff}.kutu,.question{box-shadow:none}}

/* yeşil yalnız "doğru" anlamında kalsın: vurgu ve bağlantılar mürekkebe döner */
th{background:var(--murekkep)}
tbody tr:nth-child(odd){background:#faf8f2}
.stats.koyu b,.paket .fiyat,.deneme-serit-bas a,.deneme-dizi .eylem,.konu-eksik-bas a,.eksik-alt summary,.cozum-fikir b,.choices b,.kalem-ac{color:var(--murekkep)}
.deneme-serit-bas a,.konu-eksik-bas a{text-decoration-color:var(--fosfor);text-decoration-thickness:3px}
.deneme-dizi,.hucre{background:#fffdf7;border-color:#d3ccba}
.deneme-dizi:hover{border-color:var(--murekkep);background:var(--fosfor-acik)}
.sinav-cubuk{background:var(--kagit);border-bottom:1.5px dashed var(--murekkep)}
.bolum-baslik{border-bottom-color:var(--murekkep)}
.deneme-ozet .stats b{color:var(--murekkep)}
/* kural kutusu: deftere yapıştırılmış sarı not */
.kural{background:#fffbe6;border:1.5px dashed #c9b65a}
.kural>summary{color:var(--murekkep)}
.kural-ikon{background:var(--murekkep);color:var(--fosfor)}
.kural li::marker{color:var(--kenar)}
.cozum-adim{border-left:2px dashed #c9c1ad}
.cozum-adim li::before{border-color:var(--murekkep);color:var(--murekkep);background:var(--fosfor-acik)}
.cozum-not.kontrol .not-ikon{background:var(--green)}
.konu-eksik{background:#fff;border:1px solid var(--cizgi-ince);box-shadow:var(--golge)}
.konu-eksik-bas h3{color:var(--kenar)}
/* optik form: satır numaraları kırmızı kenar çizgisinin solunda */
.optik-form{padding-left:12px}
.optik-form::before{left:44px}
.optik-satir{grid-template-columns:30px repeat(5,1fr);gap:7px}
.optik-satir small{font-size:13px;color:var(--kenar);padding-right:8px}
.optik-baslik{gap:10px;margin-left:42px}

/* vitrin v2: arkada uçuşan formüller, önde formülün kanıtı, arkasında küçük optik form */
.vitrin{position:relative;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;margin:18px 0 40px;isolation:isolate}
.vitrin-metin,.vitrin-gorsel{position:relative;z-index:1}
.vitrin h1{font-size:60px;line-height:1}
.ucusan{position:absolute;inset:-30px -60px -20px -60px;z-index:0;pointer-events:none;overflow:hidden}
.ucusan span{position:absolute;font:600 15px var(--baslik);color:#b9b09a;background:#fffdf7cc;border:1px dashed #d6cdb6;border-radius:8px;padding:3px 9px;white-space:nowrap;transform:rotate(var(--r,0deg));animation:ucus 7s ease-in-out infinite;animation-delay:var(--g,0s)}
.ucusan span:nth-child(1){top:2%;left:38%;--r:-6deg}
.ucusan span:nth-child(2){top:12%;left:2%;--r:5deg;--g:-2s}
.ucusan span:nth-child(3){top:86%;left:6%;--r:-4deg;--g:-4s}
.ucusan span:nth-child(4){top:92%;left:34%;--r:3deg;--g:-1s}
.ucusan span:nth-child(5){top:0;left:66%;--r:4deg;--g:-3s}
.ucusan span:nth-child(6){top:44%;left:47%;--r:-8deg;--g:-5s}
.ucusan span:nth-child(7){top:96%;left:70%;--r:-3deg;--g:-2.5s}
.ucusan span:nth-child(8){top:60%;left:-1%;--r:7deg;--g:-6s}
.ucusan span:nth-child(9){top:28%;left:93%;--r:-5deg;--g:-1.5s}
.ucusan span:nth-child(10){top:70%;left:92%;--r:6deg;--g:-3.5s}
.ucusan span:nth-child(11){top:5%;left:20%;--r:-2deg;--g:-4.5s}
.ucusan span:nth-child(12){top:78%;left:52%;--r:9deg;--g:-.5s}
@keyframes ucus{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-7px) rotate(var(--r,0deg))}}
@media(prefers-reduced-motion:reduce){.ucusan span{animation:none}}
.slogan{font:700 26px var(--baslik);margin:0 0 22px}
.slogan del{text-decoration:line-through;text-decoration-color:var(--kenar);text-decoration-thickness:4px;color:#7d776b}
.slogan span{background:linear-gradient(transparent 58%,var(--fosfor) 58%,var(--fosfor) 94%,transparent 94%);padding:0 3px}
.vitrin-gorsel{min-height:430px}
.kanit{position:relative;z-index:2;margin:40px 0 0;width:min(330px,100%);background:#fff;border:1px solid var(--cizgi-ince);border-radius:12px;box-shadow:var(--golge-buyuk);padding:16px 16px 14px;transform:rotate(-2.5deg)}
.kanit svg{display:block;width:100%;height:auto}
.kanit figcaption{margin-top:10px;font-size:15px;line-height:1.45}
.kanit figcaption b{font:700 20px var(--baslik)}
.kanit figcaption span{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.optik-form.mini{position:absolute;z-index:1;top:0;right:0;width:210px;padding:12px 12px 14px 8px;transform:rotate(7deg);box-shadow:var(--golge)}
.optik-form.mini::before{left:34px}
.optik-form.mini .optik-baslik{font-size:10px;margin:0 0 6px 32px}
.optik-form.mini .optik-satir{grid-template-columns:24px repeat(5,1fr);gap:4px;margin:3px 0}
.optik-form.mini .optik-satir small{font-size:11px;padding-right:6px}
.optik-form.mini .optik-satir i{font-size:8px;border-width:1.2px}
.optik-form.mini .optik-damga{font-size:18px;right:-10px;bottom:-16px}

/* örnek çözüm */
.ornek{margin:6px 0 34px}
.ornek-bas p{margin:-6px 0 14px;color:var(--muted)}
.ornek-izgara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.ornek-soru{margin:0}
.ornek-sekil svg{max-height:210px}
.ornek .choices{grid-template-columns:repeat(5,minmax(0,1fr));margin:14px 0 0}
.ornek .choices .sik{display:block;padding:9px 8px}
.ornek-cozum{background:#fff;border:1px solid var(--cizgi-ince);border-radius:12px;box-shadow:var(--golge);padding:18px 20px}
.ornek-cozum .kural{margin:12px 0 14px}
.ornek-cozum p:last-child{margin:0}

@media(max-width:820px){
  .vitrin{grid-template-columns:1fr}.vitrin h1{font-size:42px}
  .vitrin-gorsel{min-height:0;display:flex;justify-content:center;padding:0 0 20px}
  .kanit{margin:10px 0 0;width:min(300px,82%)}
  .optik-form.mini{width:150px;top:-10px;right:2%}
  .ucusan span:nth-child(n+7){display:none}
  .ornek-izgara{grid-template-columns:1fr}
}
@media(max-width:560px){.vitrin h1{font-size:36px}.slogan{font-size:22px}.optik-form.mini{display:none}.ornek .choices{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* uçuşan formüller yazının üstüne binmesin: masaüstünde sütunun dışındaki boşluklarda, dar ekranda yalnız ikisi */
html,body{overflow-x:clip}
.ucusan{inset:0;overflow:visible}
.ucusan span{font-size:14px}
.ucusan span:nth-child(1){top:-4px;left:-205px;right:auto}
.ucusan span:nth-child(2){top:120px;left:-175px}
.ucusan span:nth-child(3){top:250px;left:-215px}
.ucusan span:nth-child(4){top:390px;left:-200px}
.ucusan span:nth-child(5){top:520px;left:-150px}
.ucusan span:nth-child(6){top:-4px;left:auto;right:-200px}
.ucusan span:nth-child(7){top:150px;left:auto;right:-205px}
.ucusan span:nth-child(8){top:300px;left:auto;right:-170px}
.ucusan span:nth-child(9){top:440px;left:auto;right:-215px}
.ucusan span:nth-child(10){top:560px;left:auto;right:-150px}
.ucusan span:nth-child(11){top:-34px;left:46%}
.ucusan span:nth-child(12){top:auto;bottom:-36px;left:40%}
.optik-form.mini{right:-40px;top:-14px}
@media(max-width:1340px){.ucusan span:nth-child(-n+10){display:none}}
@media(max-width:820px){.ucusan span:nth-child(11){top:-30px;left:auto;right:4%}.ucusan span:nth-child(12){bottom:-30px;left:4%}.optik-form.mini{right:0}}
.ornek .choices .sik{white-space:nowrap;padding:9px 6px}

/* Hata bildir: küçük düğme ve kart içinde açılan form */
.kart-sol{display:flex;gap:8px;flex-wrap:wrap}
.hata-ac{border:1px dashed #c9c1ad;background:none;border-radius:8px;padding:6px 12px;font:14px var(--govde);color:var(--muted);cursor:pointer}
.hata-ac:hover:not(:disabled){border-color:var(--kenar);color:var(--kenar)}
.hata-ac:disabled{cursor:default;opacity:.7}
.hata-form{margin-top:12px;padding:14px 16px;border:1.5px dashed var(--kenar);border-radius:10px;background:#fff8f9}
.hata-baslik{margin:0 0 8px!important;font-weight:bold;font-size:15px}
.hata-nedenler{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:4px 14px;font-size:14px;margin-bottom:10px}
.hata-nedenler label{display:flex;gap:6px;align-items:center;cursor:pointer}
.hata-form textarea{width:100%;border:1.5px solid #e2c9cf;border-radius:8px;padding:8px 10px;font:15px var(--govde);background:#fff;resize:vertical}
.hata-eylem{margin:8px 0 0!important}
.hata-sonuc{margin:6px 0 0!important;color:var(--kenar);font-size:14px}
.hata-tesekkur{margin:0!important;color:var(--green);font-weight:bold}
.hata-liste q{display:block;margin-top:4px;font-size:14px;color:var(--ink);quotes:"“" "”"}
.hata-liste li{align-items:flex-start}
.rakamlar .puan{background:var(--fosfor-acik);border:1px solid var(--cizgi-ince)}.rakamlar .puan b{color:var(--murekkep)}

/* Konu eksikleri: bu haftanın planı */
.haftalik-plan ol{list-style:none;margin:10px 0 0;padding:0;counter-reset:gun}
.haftalik-plan li{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1.3fr);gap:6px 14px;align-items:baseline;padding:9px 0;border-top:1.5px dashed #e2dccd;font-size:15px}
.haftalik-plan li:first-child{border-top:0}
.haftalik-plan li b{font-family:var(--baslik);font-size:17px}
.haftalik-plan li small{display:block;color:var(--muted);font-size:12px}
.haftalik-plan li:first-child b{background:linear-gradient(transparent 55%,var(--fosfor) 55%);padding:0 3px}
@media(max-width:620px){.haftalik-plan li{grid-template-columns:1fr}}

/* rafine defter: düğmeler, kartlar ve vurgular */
.dugme{box-shadow:0 1px 0 rgba(0,0,0,.08),0 8px 16px -10px rgba(22,24,29,.6)}
.dugme:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1px 0 rgba(0,0,0,.08),0 12px 20px -12px rgba(22,24,29,.65)}
.dugme:active:not(:disabled){transform:none;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.dugme.ikincil{border:1px solid #d5ccb8;box-shadow:none}
.dugme.ikincil:hover:not(:disabled){border-color:var(--murekkep);box-shadow:none}
.ust nav a.dugme{box-shadow:none}
.kutu,.tur-kart,.question,.deneme-serit,.selectors,.vitrin-rakam,.adimlar>div,.ornek-cozum,.kanit{border-radius:14px}
.sayfa-baslik h1,.kutu h1{background:linear-gradient(transparent 64%,var(--fosfor) 64%,var(--fosfor) 90%,transparent 90%)}
.vitrin-rakam div{border-left-color:var(--cizgi-ince)}
.adimlar>div::before{border:1px solid #e9cf55;background:var(--fosfor-acik)}
.davet{background:var(--fosfor-acik);border-color:#efe2a0}
.konu-eksik{border-left:3px solid var(--kenar)}
.optik-form{border-color:#ddd4bf}
.optik-damga{border:1px solid #e9cf55;box-shadow:var(--golge)}
.sahip-rakam .vurgu{box-shadow:var(--golge)}
.empty{border:1px dashed #d5ccb8}
.bilgi{border:1px dashed #cfc5ae}
.ucusan span{border-color:#e3dac7;color:#bdb39c}

/* el yazısı notları: kenar boşluğuna kırmızı kalemle düşülmüş gibi */
.el-not{display:inline-block;font-family:var(--el);font-weight:400;color:var(--kenar);font-size:21px;line-height:1.2;transform:rotate(-3deg);letter-spacing:0}
.el-kanit{display:block;margin:14px 0 0 26px;transform:rotate(-4deg)}
.bolum-adi .el-not{margin-left:12px;font-size:20px;vertical-align:middle}
.kural>summary .el-not{font-size:18px;margin-left:6px}
@media(max-width:560px){.el-not{font-size:18px}.el-kanit{margin-left:10px}}
.pager button{color:var(--murekkep);border-color:var(--cizgi-ince)}
@media(max-width:820px){.vitrin-gorsel{flex-direction:column;align-items:center}.el-kanit{margin:12px 0 0;align-self:center}}

/* formül avı: vitrinde uçuşan formüller düğmedir; dokunulan formül karta düşer ve nereden geldiği görünür */
.av{display:flex;flex-direction:column;gap:12px}
.ucanlar{position:relative;height:190px}
.ucan{position:absolute;font:600 15px var(--baslik);color:var(--murekkep);background:#fffdf7;border:1px dashed #cdbf9b;border-radius:999px;padding:6px 13px;cursor:pointer;white-space:nowrap;box-shadow:var(--golge);animation:suzul var(--d,6s) ease-in-out infinite alternate;animation-delay:var(--g,0s);transition:background .2s,border-color .2s,color .2s}
.ucan:hover{background:var(--fosfor-acik);border-style:solid;border-color:var(--murekkep)}
.ucan:focus-visible{outline:3px solid var(--kenar);outline-offset:3px}
.ucan.yakalandi{color:#9b927c;background:#fff;border-style:solid;border-color:#e3dac7;box-shadow:none}
.ucan.yakalandi::after{content:" ✓";color:var(--green)}
.ucan[aria-pressed=true]{background:var(--murekkep);border-color:var(--murekkep);color:#fff}
.ucan[aria-pressed=true]::after{color:var(--fosfor)}
.ucan:nth-child(1){left:2%;top:4%;--r:-4deg;--d:6.2s}
.ucan:nth-child(2){left:44%;top:0;--r:3deg;--d:7.1s;--g:-2s}
.ucan:nth-child(3){left:64%;top:22%;--r:-2deg;--d:5.6s;--g:-1s}
.ucan:nth-child(4){left:5%;top:40%;--r:2deg;--d:6.8s;--g:-3s}
.ucan:nth-child(5){left:46%;top:44%;--r:-5deg;--d:7.4s;--g:-4s}
.ucan:nth-child(6){left:82%;top:60%;--r:6deg;--d:5.9s;--g:-1.5s}
.ucan:nth-child(7){left:16%;top:74%;--r:-3deg;--d:6.5s;--g:-2.5s}
.ucan:nth-child(8){left:50%;top:78%;--r:4deg;--d:7s;--g:-.5s}
@keyframes suzul{from{transform:translate(0,0) rotate(var(--r,0deg))}to{transform:translate(7px,-9px) rotate(calc(var(--r,0deg) * -1))}}
.yakala{background:#fff;border:1px solid var(--cizgi-ince);border-radius:14px;box-shadow:var(--golge-buyuk);padding:16px 18px 14px;transform:rotate(-1deg)}
.yakala.cevir{animation:cevir .45s ease}
@keyframes cevir{from{opacity:0;transform:rotate(-1deg) translateY(12px) scale(.97)}to{opacity:1;transform:rotate(-1deg)}}
.yakala-ust{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 2px!important;font:bold 11px var(--govde);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.yakala-ust .el-not{text-transform:none;letter-spacing:0;font-size:19px}
.yakala-formul{display:inline-block;font:700 29px/1.15 var(--baslik);margin:4px 0 8px!important;background:linear-gradient(transparent 62%,var(--fosfor) 62%,var(--fosfor) 92%,transparent 92%);padding:0 3px}
.yakala-cizim svg{display:block;width:100%;max-height:150px;margin:2px auto 6px}
.yakala-adim{margin:4px 0 10px;padding-left:22px;font-size:14.5px;line-height:1.5}
.yakala-adim li{margin-bottom:5px}
.yakala-adim li::marker{color:var(--kenar);font-weight:bold}
.yakala-git{font-weight:bold;font-size:15px;color:var(--murekkep);text-decoration-color:var(--fosfor);text-decoration-thickness:3px;text-underline-offset:4px}
.av-sayac{margin:2px 0 0!important;font-size:14px;color:var(--muted)}
.av-sayac b{font:700 19px var(--baslik);color:var(--murekkep)}
.av-sayac .el-not{margin-left:6px;font-size:18px}
.av.tamam .av-sayac{color:var(--green);font-weight:bold}
.vitrin-gorsel{min-height:0}
@media(prefers-reduced-motion:reduce){.ucan{animation:none}.yakala.cevir{animation:none}}
@media(max-width:820px){.vitrin-gorsel{display:block}.ucanlar{height:176px}.ucan{font-size:14px;padding:5px 11px}}
.vitrin{align-items:start}.vitrin-metin{margin-top:58px}@media(max-width:820px){.vitrin-metin{margin-top:0}}