/* ============================================================
   Online Koçunuz — Anadolu Lisesi için LGS Koçluk sayfa-özel stiller
   Kaynak: design_system/standalone/anadolu-lisesi-lgs-kocluk.html
   Tüm kurallar .okt-anadolu-lisesi-lgs-kocluk altına scope'landı.
   Token'lar globalde (style.css): var(--primary-500), --ink-900 vb.
   @keyframes global bırakıldı. Mobil öncelikli.
   ============================================================ */

/* ---- motion library ---- */
@keyframes fade-in-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes lgs-promo-rot{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes lgs-promo-pulse{0%,100%{box-shadow:0 0 10px #C6F25A}50%{box-shadow:0 0 18px #C6F25A,0 0 0 6px rgba(198,242,90,.22)}}

.okt-anadolu-lisesi-lgs-kocluk .reveal{opacity:0;transform:translateY(16px);transition:opacity 600ms var(--ease-out),transform 600ms var(--ease-out)}
.okt-anadolu-lisesi-lgs-kocluk .reveal.in{opacity:1;transform:none}

/* ============================================================
   HERO
   ============================================================ */
.okt-anadolu-lisesi-lgs-kocluk .alk-hero{position:relative;overflow:hidden;padding:64px 0 56px}
.okt-anadolu-lisesi-lgs-kocluk .alk-hero .container{position:relative;z-index:1}

/* Floating chip konumları (kaynaktaki inline değerler) */
.okt-anadolu-lisesi-lgs-kocluk .alk-chip-1{top:30%;left:3%;animation:float-up 8s ease-in-out infinite}
.okt-anadolu-lisesi-lgs-kocluk .alk-chip-2{top:52%;right:3%;animation:float-up 9s ease-in-out infinite;animation-delay:1s}

/* Breadcrumb */
.okt-anadolu-lisesi-lgs-kocluk .alk-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;margin-bottom:16px}
.okt-anadolu-lisesi-lgs-kocluk .alk-crumbs a{color:var(--fg-muted);text-decoration:none;font-weight:600}
.okt-anadolu-lisesi-lgs-kocluk .alk-crumbs a:hover{color:#D43A4F}
.okt-anadolu-lisesi-lgs-kocluk .alk-crumbs .sep{color:var(--fg-subtle)}
.okt-anadolu-lisesi-lgs-kocluk .alk-crumbs .current{color:var(--ink-900);font-weight:700}

/* Pill (kırmızı) */
.okt-anadolu-lisesi-lgs-kocluk .alk-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#FCE9EC;color:#D43A4F;font-size:12px;font-weight:800;letter-spacing:.04em;border-radius:999px}

.okt-anadolu-lisesi-lgs-kocluk .alk-h1{margin:14px 0 12px;color:var(--ink-900);max-width:820px;font-size:clamp(30px,4.4vw,52px);line-height:1.06;font-weight:800;letter-spacing:-0.03em}
.okt-anadolu-lisesi-lgs-kocluk .alk-lead{max-width:680px}
.okt-anadolu-lisesi-lgs-kocluk .alk-lead strong{color:var(--ink-900)}
.okt-anadolu-lisesi-lgs-kocluk .alk-hero-cta{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}

/* ============================================================
   İÇERİK BÖLÜMÜ + PILLAR GRID
   ============================================================ */
.okt-anadolu-lisesi-lgs-kocluk .alk-content-sec{padding:48px 0 80px;background:#fff}

.okt-anadolu-lisesi-lgs-kocluk .pl-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:flex-start}
@media (min-width:961px){.okt-anadolu-lisesi-lgs-kocluk .pl-grid{grid-template-columns:240px minmax(0,1fr)}}

/* Sol kolon */
.okt-anadolu-lisesi-lgs-kocluk .pl-toc{position:relative;top:0;background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px}
@media (min-width:961px){.okt-anadolu-lisesi-lgs-kocluk .pl-toc{position:sticky;top:88px}}
.okt-anadolu-lisesi-lgs-kocluk .pl-toc-h{font-size:11px;font-weight:800;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.okt-anadolu-lisesi-lgs-kocluk .pl-toc a{display:block;font-size:13px;color:var(--ink-700);text-decoration:none;padding:6px 0;border-left:2px solid var(--ink-10);padding-left:12px}
.okt-anadolu-lisesi-lgs-kocluk .pl-toc a:hover{color:#D43A4F;border-left-color:#D43A4F}

.okt-anadolu-lisesi-lgs-kocluk .alk-aside-card{margin-top:16px;background:linear-gradient(135deg,#0B0F1A,#2b1a2b);color:#fff;border-radius:12px;padding:18px}
.okt-anadolu-lisesi-lgs-kocluk .alk-aside-card-h{font-size:15px;font-weight:800;line-height:1.35;margin-bottom:6px}
.okt-anadolu-lisesi-lgs-kocluk .alk-aside-card p{font-size:13px;color:rgba(255,255,255,.8);line-height:1.6;margin:0 0 14px}
.okt-anadolu-lisesi-lgs-kocluk .alk-aside-card-cta{display:block;text-align:center;background:#C6F25A;color:#0B0F1A;font-weight:800;font-size:13.5px;text-decoration:none;border-radius:9px;padding:10px 14px}
.okt-anadolu-lisesi-lgs-kocluk .alk-aside-card-cta:hover{background:#D4F676}

/* ============================================================
   PILLAR BODY
   ============================================================ */
.okt-anadolu-lisesi-lgs-kocluk .pl-body h2{color:var(--ink-900);font-size:26px;margin:44px 0 14px;letter-spacing:-0.02em;scroll-margin-top:88px}
.okt-anadolu-lisesi-lgs-kocluk .pl-body h2:first-child{margin-top:0}
.okt-anadolu-lisesi-lgs-kocluk .pl-body p{font-size:15.5px;color:var(--ink-700);line-height:1.78;margin:0 0 14px}
.okt-anadolu-lisesi-lgs-kocluk .pl-body ul{padding-left:18px;font-size:15px;color:var(--ink-700);line-height:1.85;margin:0 0 16px}
.okt-anadolu-lisesi-lgs-kocluk .pl-body strong{color:var(--ink-900)}
.okt-anadolu-lisesi-lgs-kocluk .pl-body em{color:var(--ink-900);font-style:italic}
.okt-anadolu-lisesi-lgs-kocluk .pl-body a{color:#D43A4F;text-decoration:underline;font-weight:600}

.okt-anadolu-lisesi-lgs-kocluk .pl-answer{padding:20px 22px;background:#FCE9EC;border-left:3px solid #D43A4F;border-radius:10px;margin:0 0 14px}
.okt-anadolu-lisesi-lgs-kocluk .pl-answer p{margin:0;font-size:16px;color:var(--ink-900);line-height:1.75}

/* FAQ */
.okt-anadolu-lisesi-lgs-kocluk .pl-faq details{border-bottom:1px solid var(--border);padding:16px 0}
.okt-anadolu-lisesi-lgs-kocluk .pl-faq summary{font-size:16px;font-weight:700;color:var(--ink-900);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.okt-anadolu-lisesi-lgs-kocluk .pl-faq summary::-webkit-details-marker{display:none}
.okt-anadolu-lisesi-lgs-kocluk .pl-faq summary::after{content:'+';font-size:24px;font-weight:300;color:var(--fg-muted)}
.okt-anadolu-lisesi-lgs-kocluk .pl-faq details[open] summary::after{content:'\2212'}
.okt-anadolu-lisesi-lgs-kocluk .pl-faq details p{margin:12px 0 0;font-size:14.5px;line-height:1.75}

/* Alt CTA */
.okt-anadolu-lisesi-lgs-kocluk .pl-cta{margin-top:44px;padding:36px;background:linear-gradient(135deg,#0B0F1A,#2b1a2b);color:#fff;border-radius:16px;text-align:center}
.okt-anadolu-lisesi-lgs-kocluk .pl-cta h2{color:#fff;margin:0 0 10px;font-size:25px}
.okt-anadolu-lisesi-lgs-kocluk .pl-cta p{color:rgba(255,255,255,.78);font-size:15px;max-width:560px;margin:0 auto 20px}
.okt-anadolu-lisesi-lgs-kocluk .pl-cta .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.okt-anadolu-lisesi-lgs-kocluk .pl-cta .btn-primary{background:#C6F25A;color:#0B0F1A;border:0}
.okt-anadolu-lisesi-lgs-kocluk .pl-cta .btn-primary:hover{background:#D4F676}
.okt-anadolu-lisesi-lgs-kocluk .pl-cta .btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}
.okt-anadolu-lisesi-lgs-kocluk .pl-cta .btn-secondary:hover{background:rgba(255,255,255,.08)}

/* ============================================================
   LGS SİSTEM YÖNLENDİRME — ilgi çekici banner
   ============================================================ */
.okt-anadolu-lisesi-lgs-kocluk .lgs-promo{position:relative;display:block;margin:36px 0;padding:36px 36px 32px;background:linear-gradient(135deg,#0B0F1A 0%,#16203F 55%,#3B5BFF 200%);border-radius:22px;overflow:hidden;text-decoration:none;box-shadow:0 24px 60px -22px rgba(30,58,226,.55),0 0 0 1px rgba(198,242,90,.16) inset;transition:transform 280ms var(--ease-out),box-shadow 280ms;isolation:isolate}
.okt-anadolu-lisesi-lgs-kocluk .lgs-promo:hover{transform:translateY(-3px);box-shadow:0 32px 72px -20px rgba(30,58,226,.7),0 0 0 1px rgba(198,242,90,.32) inset;text-decoration:none}
.okt-anadolu-lisesi-lgs-kocluk .lgs-promo-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(198,242,90,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(198,242,90,.05) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(60% 60% at 20% 50%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(60% 60% at 20% 50%,#000 0%,transparent 70%);pointer-events:none;z-index:0}
.okt-anadolu-lisesi-lgs-kocluk .lgs-promo-orbit{position:absolute;top:-90px;right:-90px;width:340px;height:340px;border-radius:50%;border:1px dashed rgba(198,242,90,.20);animation:lgs-promo-rot 60s linear infinite;pointer-events:none;z-index:0}
.okt-anadolu-lisesi-lgs-kocluk .lgs-promo-orbit::before{content:'';position:absolute;inset:30px;border-radius:50%;border:1px dashed rgba(124,77,255,.22);animation:lgs-promo-rot 90s linear infinite reverse}
.okt-anadolu-lisesi-lgs-kocluk .lgs-promo-orbit::after{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:#C6F25A;box-shadow:0 0 16px #C6F25A,0 0 0 4px rgba(198,242,90,.2)}
.okt-anadolu-lisesi-lgs-kocluk .lgs-promo-glow{position:absolute;inset:0;background:radial-gradient(50% 40% at 90% 0%,rgba(124,77,255,.35),transparent 60%),radial-gradient(40% 50% at 0% 100%,rgba(198,242,90,.18),transparent 60%);pointer-events:none;z-index:0}
.okt-anadolu-lisesi-lgs-kocluk .lgs-promo-tag{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(198,242,90,.14);border:1px solid rgba(198,242,90,.36);color:#C6F25A;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;margin-bottom:16px}
.okt-anadolu-lisesi-lgs-kocluk .lgs-promo-dot{width:7px;height:7px;border-radius:50%;background:#C6F25A;box-shadow:0 0 10px #C6F25A;animation:lgs-promo-pulse 2s ease-in-out infinite}
.okt-anadolu-lisesi-lgs-kocluk .lgs-promo-h{position:relative;z-index:2;font-size:clamp(28px,3.4vw,38px);font-weight:800;letter-spacing:-0.025em;color:#fff;line-height:1.1;margin-bottom:12px;max-width:520px}
.okt-anadolu-lisesi-lgs-kocluk .lgs-promo-grad{background:linear-gradient(90deg,#C6F25A 0%,#8FA5FF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.okt-anadolu-lisesi-lgs-kocluk .lgs-promo-p{position:relative;z-index:2;font-size:14.5px;color:rgba(255,255,255,.78);max-width:600px;line-height:1.6;margin-bottom:22px}
.okt-anadolu-lisesi-lgs-kocluk .lgs-promo-cta{position:relative;z-index:2;display:inline-flex;align-items:center;gap:9px;padding:13px 22px;background:#C6F25A;color:#0B0F1A;border-radius:12px;font-weight:800;font-size:14px;letter-spacing:-0.005em;box-shadow:0 14px 28px -12px rgba(198,242,90,.7);transition:transform 220ms var(--ease-out)}
.okt-anadolu-lisesi-lgs-kocluk .lgs-promo:hover .lgs-promo-cta{background:#D4F676;box-shadow:0 20px 36px -10px rgba(198,242,90,.85)}
.okt-anadolu-lisesi-lgs-kocluk .lgs-promo:hover .lgs-promo-cta svg{transform:translateX(4px)}
.okt-anadolu-lisesi-lgs-kocluk .lgs-promo-cta svg{transition:transform 220ms var(--ease-out)}
@media (max-width:560px){.okt-anadolu-lisesi-lgs-kocluk .lgs-promo{padding:28px 22px 24px;margin:28px 0}.okt-anadolu-lisesi-lgs-kocluk .lgs-promo-h{font-size:24px}}

/* ============================================================
   Erişilebilirlik — reduced motion
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  .okt-anadolu-lisesi-lgs-kocluk .lgs-promo-orbit,
  .okt-anadolu-lisesi-lgs-kocluk .lgs-promo-dot,
  .okt-anadolu-lisesi-lgs-kocluk .alk-chip-1,
  .okt-anadolu-lisesi-lgs-kocluk .alk-chip-2{animation:none}
  .okt-anadolu-lisesi-lgs-kocluk .reveal{opacity:1;transform:none;transition:none}
}