.ders{width:min(calc(100% - 48px),1600px);margin:0 auto 20px;border-radius:32px;padding:80px 0;position:relative;overflow:hidden;background-color:var(--g50);background-image:linear-gradient(var(--g100) 1px,transparent 1px),linear-gradient(90deg,var(--g100) 1px,transparent 1px);background-size:28px 28px}.ders:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 0,rgba(255,255,255,.9),transparent 60%),linear-gradient(180deg,transparent 60%,rgba(243,250,244,.9));pointer-events:none}.ders .wrap{position:relative}.ders-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:36px}.ders-bas h2{font-size:clamp(32px,3.6vw,48px);margin:12px 0 10px}.ders-bas p{color:var(--ink2)}.ders-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:stretch}.ders-ik{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:hidden}.ders-ik .eksen{opacity:.35}.ders-ik .nokta{fill:currentColor;stroke:none}.ders-ik .vurgu{stroke:var(--ders-vurgu,var(--brand))}.ders-ik .ciz{stroke-dasharray:1;stroke-dashoffset:0}.ders-tahta{position:relative;border-radius:28px;background:var(--g950);color:var(--lime);min-height:420px;overflow:hidden;--ders-vurgu:#fff;background-image:linear-gradient(rgba(212,243,107,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(212,243,107,.06) 1px,transparent 1px),radial-gradient(circle at 30% 20%,rgba(61,174,74,.35),transparent 55%);background-size:32px 32px,32px 32px,auto;box-shadow:0 30px 60px -36px #06291acc}.ders-sahne{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:30px}.ders-sahne[hidden]{display:none}.ders-sahne .ders-ik{width:min(62%,260px);height:auto;margin:6px auto 0;stroke-width:1.1;filter:drop-shadow(0 0 18px rgba(212,243,107,.25))}.ders-formul{text-align:center;font-family:var(--fh);font-weight:700;font-style:italic;font-size:clamp(20px,2vw,26px);color:#fff;letter-spacing:.01em;margin-top:6px;opacity:0;transform:translateY(8px);transition:opacity .5s .7s,transform .5s .7s}.ders-sahne.on .ders-formul{opacity:1;transform:none}.ders-sahne-alt{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;border-top:1px solid rgba(212,243,107,.14)}.ders-sahne-alt b{display:block;font-family:var(--fh);font-size:24px;color:#fff;line-height:1.1}.ders-sahne-alt small{color:#9fc2aa;font-size:14px}.ders-sahne.on .ciz{animation:ders-ciz 1.3s cubic-bezier(.6,0,.2,1) both}.ders-sahne.on .ciz:nth-of-type(2){animation-delay:.2s}.ders-sahne.on .vurgu{animation-delay:.6s}@keyframes ders-ciz{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.ders-sahne .kay,.ders-kart:is(.on,:hover) .kay{animation:ders-kay 2.4s linear infinite}@keyframes ders-kay{to{transform:translate(20px)}}.ders-ik .don{transform-box:fill-box;transform-origin:center}.ders-sahne .don,.ders-kart:is(.on,:hover) .don{animation:ders-don 14s linear infinite}@keyframes ders-don{to{transform:rotate(360deg)}}.ders-ik .meridyen{transform-box:fill-box;transform-origin:center}.ders-sahne .meridyen,.ders-kart:is(.on,:hover) .meridyen{animation:ders-meridyen 3.6s ease-in-out infinite}@keyframes ders-meridyen{0%,to{transform:scaleX(1)}50%{transform:scaleX(.08)}}.ders-sahne .basamak,.ders-kart:is(.on,:hover) .basamak{animation:ders-nabiz 2s ease-in-out infinite}@keyframes ders-nabiz{0%,to{opacity:1}50%{opacity:.35}}.ders-sahne .imlec,.ders-kart:is(.on,:hover) .imlec{animation:ders-imlec 1s steps(1) infinite}@keyframes ders-imlec{50%{opacity:0}}.ders-sahne .nokta,.ders-kart:is(.on,:hover) .nokta{animation:ders-nabiz 1.6s ease-in-out infinite}.ders-kartlar{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:stretch}.ders-kart{position:relative;display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:20px;background:#fff;border:1px solid var(--line);transition:border-color .25s,box-shadow .25s,transform .25s}.ders-kutu{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--g50);color:var(--g700);border:1px solid var(--g100);flex:none;transition:.3s}.ders-kutu .ders-ik{width:38px;height:38px}.ders-ad b{display:block;font-family:var(--fh);font-size:18px;color:var(--g950)}.ders-ad small{color:var(--ink3);font-size:13px}.ders-ok{margin-left:auto;width:18px;height:18px;color:var(--g700);opacity:.35;transition:.25s}.ders-kart:hover,.ders-kart.on{border-color:var(--g300);box-shadow:0 18px 34px -26px #06291a99}.ders-kart:hover{transform:translateY(-2px)}.ders-kart:is(.on,:hover) .ders-kutu{background:var(--g950);color:var(--lime);border-color:var(--g950)}.ders-kart:is(.on,:hover) .ders-ok{opacity:1;transform:translate(3px)}.ders-kart:hover .ciz{animation:ders-ciz .9s cubic-bezier(.6,0,.2,1) both}.ders-kart:before{content:"";position:absolute;left:-1px;top:50%;width:4px;height:0;border-radius:0 4px 4px 0;background:var(--brand);transform:translateY(-50%);transition:height .3s}.ders-kart.on:before{height:56%}.ders-sinav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:24px}.ders-sinav span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-right:6px}.ders-sinav a{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:99px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:14px;color:var(--g900);transition:.15s}.ders-sinav a i{font-style:normal;font-size:12px;color:var(--ink3)}.ders-sinav a:hover{background:var(--g950);border-color:var(--g950);color:#fff}.ders-sinav a:hover i{color:var(--lime)}@media (prefers-reduced-motion:reduce){.ders *{animation:none!important}}@media (max-width:1000px){.ders-grid{grid-template-columns:1fr}.ders-tahta{min-height:360px}}@media (max-width:700px){.ders{width:calc(100% - 20px);border-radius:22px;padding:56px 0}.ders-bas{flex-direction:column;align-items:flex-start}.ders-kartlar{grid-template-columns:1fr}.ders-sahne-alt{flex-direction:column;align-items:flex-start}}