/* ============================================================
   YouPrep Studio — hizmet ve ders sayfaları (server/sayfalar.js)
   Ana sayfayla aynı lacivert/turuncu tasarım dili.
   ============================================================ */
:root{
  --ink:#16233c; --ink-soft:#5b6472; --bg:#fff; --bg-alt:#f6f7f5; --navy:#16233c;
  --accent:#f0a83c; --accent-dark:#d9902a; --accent-soft:#fdf1de; --line:#e6e5e2; --radius:16px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
::selection{background:var(--accent-soft);color:var(--navy);}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px;}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;}

/* Butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:999px;font:inherit;font-size:14px;font-weight:600;border:0;cursor:pointer;
  transition:transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease, background .25s ease;}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -8px rgba(22,35,60,.35);}
.btn-primary{background:var(--navy);color:#fff;}
.btn-accent{background:var(--accent);color:var(--navy);}
.btn-accent:hover{background:var(--accent-dark);}
.btn-ghost{border:1px solid var(--line);background:#fff;color:var(--ink);}
.btn-lg{padding:14px 26px;font-size:15px;}
.btn-blok{width:100%;}
.btn-accent.btn-lg::after{content:'→';transition:transform .3s ease;}
.btn-accent.btn-lg:hover::after{transform:translateX(4px);}

/* Üst menü */
.ust{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.ust-ic{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px;}
.logo img{height:40px;width:auto;}
.ust-linkler{display:flex;gap:28px;}
.ust-linkler a{font-size:15px;color:var(--ink-soft);font-weight:500;}
.ust-linkler a:hover{color:var(--ink);}
.ust-sag{display:flex;gap:10px;align-items:center;}
.dil-dugme{display:inline-grid;place-items:center;min-width:42px;height:40px;padding:0 10px;border-radius:999px;border:1.5px solid var(--navy);font-weight:700;font-size:13px;letter-spacing:.04em;color:var(--navy);transition:background .2s ease,color .2s ease;}
.dil-dugme:hover{background:var(--navy);color:#fff;}

/* Sayfa üst bandı */
.sayfa-ust{background:var(--navy);color:#fff;padding:44px 0 52px;position:relative;overflow:hidden;}
.sayfa-ust::before{content:'';position:absolute;width:560px;height:560px;right:-180px;top:-260px;border-radius:50%;background:radial-gradient(circle, rgba(240,168,60,.18), transparent 65%);pointer-events:none;}
.sayfa-ust .wrap{position:relative;}
.sayfa-ust h1{font-size:40px;line-height:1.15;letter-spacing:-.02em;margin:14px 0 14px;max-width:820px;}
.sayfa-ust .giris{color:#c9ced9;font-size:17px;max-width:720px;}
.kirinti{font-size:13px;color:#9aa2b1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.kirinti a:hover{color:#fff;text-decoration:underline;}
.kirinti i{font-style:normal;opacity:.5;}
.kirinti span{color:#e4e7ee;}
.ust-eylem{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:26px;}
.hizli{display:flex;flex-wrap:wrap;gap:8px;}
.hizli a{font-size:13.5px;padding:8px 14px;border-radius:999px;border:1px solid #3a4665;color:#e4e7ee;transition:border-color .2s ease,color .2s ease;}
.hizli a:hover{border-color:var(--accent);color:var(--accent);}
.etiket{display:inline-block;margin-top:14px;padding:6px 12px;border-radius:999px;background:var(--accent);color:var(--navy);font-size:12.5px;font-weight:700;letter-spacing:.02em;}
.geri-link{display:inline-block;margin-top:4px;font-size:14px;color:var(--accent);}
.geri-link:hover{text-decoration:underline;}

/* İçerik */
.icerik{padding:48px 24px 72px;}
.icerik.dar{max-width:860px;}
.blok{margin-bottom:40px;scroll-margin-top:90px;}
.blok h2{font-size:24px;letter-spacing:-.01em;margin-bottom:12px;display:flex;align-items:center;gap:10px;}
.blok h2::before{content:'';width:4px;height:20px;border-radius:2px;background:var(--accent);}
.blok p{font-size:16px;color:#374151;margin-bottom:12px;max-width:820px;}
.kucuk{font-size:14px !important;color:var(--ink-soft) !important;}
.bilgi-kutu{background:var(--accent-soft);border:1px solid #f4dcb4;border-radius:var(--radius);padding:14px 18px;font-size:14.5px;color:var(--ink);margin-top:10px;}
.bilgi-kutu.genis{background:#fbf8f2;border-color:#efe6d6;margin-top:26px;padding:20px 22px;}
.bilgi-kutu h3{font-size:16px;margin-bottom:8px;}
.bilgi-kutu p{font-size:14.5px;margin-bottom:8px;}
.bilgi-kutu.tablo{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;}
.bilgi-kutu.tablo span{display:block;font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;}
.bilgi-kutu.tablo b{font-size:15px;}
.vurgu{background:var(--bg-alt);border-radius:22px;padding:26px 28px;}
.tarih-liste{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 14px;}
.tarih-liste li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 14px;font-weight:600;font-size:14.5px;}
.kaynaklar{font-size:13px;color:var(--ink-soft);margin-top:10px;}
.kaynaklar a{color:#1d4ed8;}
.kaynaklar a:hover{text-decoration:underline;}
.dipnot{border-top:1px solid var(--line);padding-top:16px;font-size:13px;color:var(--ink-soft);}
.dipnot p{margin-top:6px;}

/* Kapanış */
.kapanis{background:var(--navy);color:#fff;border-radius:24px;padding:36px 32px;text-align:center;margin:10px 0 36px;position:relative;overflow:hidden;}
.kapanis::before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(240,168,60,.12) 45%,transparent 60%);background-size:200% 100%;animation:parilti 6s linear infinite;pointer-events:none;}
.kapanis > *{position:relative;}
.kapanis h2{font-size:26px;margin-bottom:10px;}
.kapanis p{color:#c9ced9;max-width:600px;margin:0 auto 22px;}
@keyframes parilti{0%{background-position:-200% 0;}100%{background-position:200% 0;}}

/* AP / IB ders listesi */
.ders-arac{display:flex;flex-direction:column;gap:12px;margin:18px 0 24px;}
.ders-arac input{width:100%;max-width:420px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;font:inherit;font-size:15px;outline:none;}
.ders-arac input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);}
.ders-filtre{display:flex;flex-wrap:wrap;gap:8px;}
.ders-filtre button{font:inherit;font-size:13px;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink-soft);cursor:pointer;transition:all .2s ease;}
.ders-filtre button:hover{border-color:var(--navy);color:var(--ink);}
.ders-filtre button.aktif{background:var(--navy);border-color:var(--navy);color:#fff;}
.ders-grup{margin-bottom:28px;}
.ders-grup h3{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-dark);margin-bottom:12px;}
.ders-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;}
.ders-kart{display:flex;flex-direction:column;justify-content:space-between;gap:10px;background:#fff;border:1px solid #ecebe7;border-radius:16px;padding:16px 18px;min-height:96px;
  box-shadow:0 1px 2px rgba(22,35,60,.04), 0 8px 22px -18px rgba(22,35,60,.25);transition:transform .3s cubic-bezier(.16,.8,.3,1), border-color .25s ease, box-shadow .3s ease;}
.ders-kart:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 16px 30px -18px rgba(22,35,60,.3);}
.ders-ad{font-weight:600;font-size:15px;line-height:1.35;}
.ders-git{font-size:13px;color:var(--accent-dark);font-weight:600;}
.sonuc-yok{color:var(--ink-soft);padding:12px 0;}

/* Alt bilgi */
.alt{border-top:1px solid var(--line);padding:52px 0 26px;}
.alt-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;}
.alt-logo{height:36px;margin-bottom:12px;}
.alt p{font-size:14px;color:var(--ink-soft);max-width:280px;}
.alt-kol h6{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:12px;}
.alt-kol a{display:block;font-size:14px;padding:4px 0;}
.alt-kol a:hover{color:var(--accent-dark);}
.alt-son{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:32px;padding-top:18px;border-top:1px solid var(--line);}
.alt-son p{font-size:13px;}

/* WhatsApp ile bilgi al düğmesi */
.btn-wa{background:#25d366;color:#fff;gap:10px;}
.btn-wa:hover{background:#1ebe5a;color:#fff;}
.btn-wa svg{flex-shrink:0;}

@media (max-width:860px){
  .ust-linkler{display:none;}
  .alt-grid{grid-template-columns:1fr 1fr;}
  .alt-grid > div:first-child{grid-column:1 / -1;}
}
@media (max-width:600px){
  .gizle-mobil{display:none;}
  .ust-sag .btn{padding:9px 14px;font-size:13px;white-space:nowrap;}
  .sayfa-ust{padding:32px 0 40px;}
  .sayfa-ust h1{font-size:30px;}
  .icerik{padding:34px 20px 56px;}
  .blok h2{font-size:21px;}
  .kapanis{padding:28px 20px;}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}
}