@layer components{.ana-bolum{margin-top:clamp(4rem,3rem + 4vw,7rem)}.ana-bolum h2{letter-spacing:-.015em;max-width:22ch;font-size:clamp(1.75rem,1.3rem + 1.8vw,2.5rem);line-height:1.12}.ana-bolum__giris{margin-top:var(--s-3);max-width:58ch;color:var(--ink-2);font-size:var(--fs-m);line-height:1.5}.mini{grid-template-columns:repeat(var(--sutun), minmax(0, 3.6rem));gap:4px;display:grid}.adimlar .mini{grid-template-columns:repeat(var(--sutun), 1fr)}.mini__kutu{aspect-ratio:1.7;background:#18233d0f;border-radius:4px}.mini__kutu.dolu{background:var(--hl)}.adimlar{gap:var(--s-6);align-items:center;display:grid}@media (width>=56rem){.adimlar{gap:var(--s-8);grid-template-columns:1.05fr 1fr}}.adimlar__gorsel{padding:var(--s-5);box-shadow:10px 12px 0 var(--hl-sari);background:#fff;border:1.5px solid #18233d;border-radius:16px;rotate:-1.2deg}.adimlar__alt{margin:var(--s-3) 0 0;font-size:var(--fs-xs);color:var(--ink-2)}.adimlar__liste{margin:var(--s-5) 0 0;gap:var(--s-4);counter-reset:adim;padding:0;list-style:none;display:grid}.adimlar__liste li{color:var(--ink-2);counter-increment:adim;padding-inline-start:3rem;line-height:1.5;position:relative}.adimlar__liste li:before{content:counter(adim);width:2.1rem;height:2.1rem;font:800 1rem/1 var(--font-head);color:#18233d;background:var(--paper);border:1.5px solid #18233d;border-radius:50%;place-items:center;display:grid;position:absolute;top:-.1rem;left:0}.adimlar__liste strong{color:var(--ink);font-family:var(--font-head);font-size:var(--fs-m);margin-bottom:2px;display:block}.adimlar__tur{margin-top:var(--s-5)}.kullanim__izgara{margin:var(--s-6) 0 0;gap:var(--s-3);grid-template-columns:1fr;padding:0;list-style:none;display:grid}@media (width>=40rem){.kullanim__izgara{grid-template-columns:repeat(2,1fr)}.kullanim__kart--buyuk,.kullanim__kart--genis{grid-column:span 2}}@media (width>=64rem){.kullanim__izgara{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(13rem,auto)}.kullanim__kart--buyuk{grid-area:span 2/span 2}}.kullanim__kart{--zemin:var(--hl-sari)}.kullanim__kart:nth-child(2){--zemin:var(--hl-gok)}.kullanim__kart:nth-child(3){--zemin:var(--hl-pembe)}.kullanim__kart:nth-child(4){--zemin:var(--hl-yesil)}.kullanim__kart:nth-child(5){--zemin:var(--hl-turuncu)}.kullanim__kart:nth-child(6){--zemin:var(--hl-lila)}.kullanim__kart:nth-child(7){--zemin:var(--hl-nane)}.kullanim__bag{gap:var(--s-2);height:100%;padding:var(--s-5);color:var(--ink);background:color-mix(in srgb, var(--zemin) 28%, #fff);border:1.5px solid color-mix(in srgb, var(--zemin) 70%, #18233d 8%);transition:transform .25s var(--ease-mark), box-shadow .25s var(--ease-mark), border-color .25s ease;border-radius:16px;align-content:start;text-decoration:none;display:grid}.kullanim__bag:hover{border-color:#18233d;text-decoration:none;transform:translateY(-3px);box-shadow:0 14px 30px #18233d1f}.kullanim__bag:active{transform:translateY(-1px)}.kullanim__ad{font:800 var(--fs-m)/1.2 var(--font-head)}.kullanim__kart--buyuk .kullanim__ad{font-size:var(--fs-xl)}.kullanim__metin{color:var(--ink-2);font-size:var(--fs-xs);max-width:40ch;line-height:1.45}.kullanim__kart--buyuk .kullanim__metin{font-size:var(--fs-s)}.kullanim__bag .mini{margin-top:var(--s-2)}.kullanim__bag .mini__kutu{background:#ffffffb3}.kullanim__bag .mini__kutu.dolu{background:var(--hl);box-shadow:inset 0 0 0 1px #18233d14}.kullanim__kart--buyuk .mini{grid-template-columns:repeat(var(--sutun), 1fr);margin-top:auto}.kullanim__eylem{margin-top:var(--s-2);font-weight:700;font-size:var(--fs-xs)}.kullanim__bag:hover .kullanim__eylem span{transition:translate .2s;display:inline-block;translate:3px}.siniflar__serit{margin:var(--s-5) 0 0;padding:4px var(--gutter) var(--s-3);gap:var(--s-2);scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;max-width:calc(var(--container) + 2 * var(--gutter));margin-inline:auto;list-style:none;display:flex;overflow-x:auto}.siniflar__serit::-webkit-scrollbar{display:none}.siniflar__serit li{scroll-snap-align:start;flex:1 0 5.25rem}.siniflar__sekme{padding:var(--s-4) var(--s-2) var(--s-3);border:1.5px solid var(--line);color:var(--ink);transition:transform .2s var(--ease-mark), border-color .2s ease, background-color .2s ease;background:#fff;border-radius:12px 12px 4px 4px;justify-items:center;text-decoration:none;display:grid}.siniflar__sekme:hover{background:color-mix(in srgb, var(--hl-sari) 35%, #fff);border-color:#18233d;text-decoration:none;transform:translateY(-4px)}.siniflar__no{font:800 2rem/1 var(--font-head)}.siniflar__ad{font-size:var(--fs-xs);color:var(--ink-2)}.siniflar__kademe{margin-top:var(--s-3);color:var(--ink-2);font-size:var(--fs-xs)}.neden{gap:var(--s-6);display:grid}@media (width>=56rem){.neden{gap:var(--s-8);grid-template-columns:1fr 1fr;align-items:start}}.neden__resim{width:100%;height:auto;margin-top:var(--s-5);box-shadow:-10px 12px 0 var(--hl-gok);border:1.5px solid #18233d;border-radius:16px;rotate:1deg}.neden__gruplar{display:grid}.neden__grup{padding-block:var(--s-5);border-top:1.5px solid var(--line)}.neden__grup:first-child{border-top:0;padding-top:0}.neden__grup h3{align-items:center;gap:var(--s-2);font-size:var(--fs-m);display:flex}.neden__grup ul{margin:var(--s-3) 0 0;gap:var(--s-2);color:var(--ink-2);padding-inline-start:1.25rem;display:grid}.ornekler__bas{justify-content:space-between;align-items:end;gap:var(--s-3);flex-wrap:wrap;display:flex}.ornekler__serit{gap:var(--s-4);scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:var(--s-2) var(--gutter) var(--s-4);margin:var(--s-5) auto 0;max-width:calc(var(--container) + 2 * var(--gutter));scrollbar-width:thin;list-style:none;display:flex;overflow-x:auto}.ornekler__oge{scroll-snap-align:start;flex:0 0 min(78vw,20rem)}.ornekler__oge a{gap:var(--s-2);color:var(--ink);font-weight:600;font-size:var(--fs-xs);text-decoration:none;display:grid}.ornekler__oge img{border:1.5px solid var(--line);width:100%;height:auto;transition:transform .25s var(--ease-mark), border-color .2s ease, box-shadow .25s ease;background:#fff;border-radius:12px}.ornekler__oge a:hover img{border-color:#18233d;transform:translateY(-3px);box-shadow:0 12px 26px #18233d1f}.ornekler__ek{color:var(--ink-2);font-size:var(--fs-xs)}.rehberler{gap:var(--s-5);display:grid}@media (width>=56rem){.rehberler{grid-template-columns:1fr 1.2fr;align-items:stretch}}.rehberler__one{align-content:end;gap:var(--s-3);min-height:15rem;padding:var(--s-6);color:var(--ink);background:repeating-linear-gradient(#0000 0 31px,#18233d12 31px 32px),#fff;border:1.5px solid #18233d;border-radius:16px;text-decoration:none;display:grid;position:relative;overflow:hidden}.rehberler__one:before{content:"";inset-block:0;background:#b3261e59;width:2px;position:absolute;left:2.5rem}.rehberler__etiket{font-size:var(--fs-xs);color:var(--ink-2);padding-inline-start:2rem;font-weight:700}.rehberler__baslik{font:800 clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem)/1.15 var(--font-head);background:linear-gradient(transparent 62%, var(--hl-sari) 62% 92%, transparent 92%) no-repeat;transition:background-size .5s var(--ease-mark);background-position:2rem 0;background-size:0% 100%;padding-inline-start:2rem}.rehberler__one:hover .rehberler__baslik{background-size:calc(100% - 2rem) 100%}.rehberler__metin{color:var(--ink-2);max-width:46ch;padding-inline-start:2rem}.rehberler__liste{gap:var(--s-2);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.rehberler__liste{grid-template-columns:1fr 1fr}}.rehberler__liste a{height:100%;padding:var(--s-4);border:1.5px solid var(--line);color:var(--ink);transition:border-color .2s ease, transform .2s var(--ease-mark);background:#fff;border-radius:12px;gap:2px;text-decoration:none;display:grid}.rehberler__liste a:hover{border-color:#18233d;text-decoration:none;transform:translateY(-2px)}.rehberler__liste span{color:var(--ink-2);font-size:var(--fs-xs);line-height:1.4}.sss__liste{margin-top:var(--s-5);max-width:var(--measure);display:grid}.sss__oge{border-top:1.5px solid var(--line)}.sss__oge:last-child{border-bottom:1.5px solid var(--line)}.sss__oge summary{cursor:pointer;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) 0;font:700 var(--fs-s)/1.4 var(--font-head);list-style:none;display:flex}.sss__oge summary::-webkit-details-marker{display:none}.sss__oge summary:after{content:"+";border:1.5px solid var(--line);width:1.75rem;height:1.75rem;font:700 1.1rem/1 var(--font-body);transition:rotate .25s var(--ease-mark), background-color .2s ease;border-radius:50%;flex:none;place-items:center;display:grid}.sss__oge[open] summary:after{background:var(--hl-sari);border-color:#18233d;rotate:45deg}.sss__oge p{margin:0 0 var(--s-4);color:var(--ink-2);max-width:62ch;line-height:1.6}.sss__ek{margin-top:var(--s-4);color:var(--ink-2);font-size:var(--fs-xs);max-width:var(--measure)}.son{gap:var(--s-3);margin-bottom:var(--s-8);padding:var(--s-6);background:color-mix(in srgb, var(--hl-sari) 55%, #fff);border:1.5px solid #18233d;border-radius:16px;justify-items:start;max-width:44rem;display:grid;rotate:-.6deg;box-shadow:8px 10px #18233de6}.son h2{font-size:clamp(1.6rem,1.3rem + 1.4vw,2.2rem)}.son p{color:#2b3550;margin:0}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.gor{animation:linear both gor-gir view();animation-range:entry entry 55%}.mark--kay{background-repeat:no-repeat;animation:linear both fosfor-kay view();animation-range:entry 30% cover 40%}.mini--canli .mini__kutu.dolu{transform-origin:0;animation:linear both murekkep view();animation-range:entry 10% cover 30%}}}@keyframes gor-gir{0%{opacity:0;transform:translateY(26px)}}@keyframes fosfor-kay{0%{background-size:0% 100%}to{background-size:100% 100%}}@keyframes murekkep{0%{opacity:.2;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media (width<=40rem){.adimlar__gorsel,.neden__resim,.son{rotate:none}}}.hero[data-astro-cid-lcdefpme]{padding-block:var(--s-6) var(--s-4)}.hero[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme]{max-width:18ch}.hero__alt[data-astro-cid-lcdefpme]{margin-top:var(--s-3);max-width:40ch;font-family:var(--font-body);font-weight:500;font-size:var(--fs-m);letter-spacing:0;color:var(--ink-2);line-height:1.4;display:block}.hero__guven[data-astro-cid-lcdefpme]{margin-top:var(--s-2);color:var(--ink-2);font-size:var(--fs-xs)}@media (width<=30rem){.hero[data-astro-cid-lcdefpme]{padding-block:var(--s-4) var(--s-3)}.hero__alt[data-astro-cid-lcdefpme]{font-size:var(--fs-s);margin-top:var(--s-2)}.hero__guven[data-astro-cid-lcdefpme]{display:none}}