/* biokul Öğretmen — ortak görünüm (tanıtım, giriş, metinler, uygulama)
   biokul.com.tr ile aynı yazı tipleri (Lexend başlık, Inter gövde) ve marka renkleri.
   Fikir: öğretmen defteri — kareli kâğıt, kırmızı kalemle düşülmüş not. */
@font-face{font-family:'Lexend';font-style:normal;font-display:swap;font-weight:100 900;src:url(font/lexend-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lexend';font-style:normal;font-display:swap;font-weight:100 900;src:url(font/lexend-latin-ext-wght-normal.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(font/inter-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(font/inter-latin-ext-wght-normal.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Kalem';font-style:normal;font-display:swap;font-weight:600;src:url(font/caveat-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Kalem';font-style:normal;font-display:swap;font-weight:600;src:url(font/caveat-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --murekkep:#0F173C;      /* biokul lacivert: başlıklar, ana düğme */
  --murekkep-2:#1E5D8A;    /* biokul turkuaz-mavi */
  --nane:#98CBAE;          /* biokul nane */
  --kagit:#F6F8FC;         /* soğuk beyaz kâğıt (krem değil) */
  --beyaz:#FFFFFF;
  --kare:#DCE5F4;          /* kareli defter çizgisi */
  --kalem:#D8343B;         /* öğretmenin kırmızı kalemi: yalnızca el yazısı notlar ve uyarılar */
  --onay:#13805A;          /* işaretlendi / kaydedildi */
  --metin:#17203A;
  --soluk:#566079;
  --cizgi:#D7DEEA;
  --golge:0 1px 0 rgba(27,42,107,.06),0 14px 34px -18px rgba(27,42,107,.28);
  --baslik:'Lexend','Inter',system-ui,sans-serif;
  --govde:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --el:'Kalem','Comic Sans MS',cursive;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
body{margin:0;background:var(--kagit);color:var(--metin);font:400 17px/1.6 var(--govde);-webkit-font-smoothing:antialiased}
a{color:var(--murekkep-2);text-underline-offset:3px}
a:hover{color:var(--murekkep)}
:focus-visible{outline:3px solid #6C8BEA;outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--baslik);color:var(--murekkep);margin:0;letter-spacing:-.02em}
h1{font-weight:650;line-height:1.08}
h2{font-weight:600;font-size:clamp(28px,3.4vw,40px);line-height:1.1}
h3{font-weight:600;font-size:20px;line-height:1.25}
p{margin:0}
.sar{max-width:1160px;margin:0 auto;padding:0 24px}
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border-radius:14px;font:600 16px var(--govde);text-decoration:none;border:0;cursor:pointer;transition:background .15s,transform .15s}
.dugme.ana{background:var(--murekkep);color:#fff}
.dugme.ana:hover{background:var(--murekkep-2);color:#fff}
.dugme.ana:active{transform:translateY(1px)}
.dugme.ikinci{background:transparent;color:var(--murekkep);box-shadow:inset 0 0 0 1.5px var(--cizgi)}
.dugme.ikinci:hover{box-shadow:inset 0 0 0 1.5px var(--murekkep-2)}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--murekkep)}
.logo img{height:34px;width:auto;display:block}
.logo .yedek{font:650 23px/1 var(--baslik);letter-spacing:-.03em;color:var(--murekkep)}
.logo i{font-style:normal;font:500 14px var(--govde);color:var(--soluk);padding-left:10px;border-left:1.5px solid var(--cizgi);line-height:1.2}
.el{font-family:var(--el);color:var(--kalem);font-weight:600}