:root {
color-scheme: light dark;
--mz-bg: #F2F2F7;
--mz-bg-plain: #FFFFFF;
--mz-surface: #FFFFFF;
--mz-elevated: #FFFFFF;
--mz-elevated-2: #FFFFFF;
--mz-fill: #E9E9EE;
--mz-ctl-track: rgba(120, 120, 128, 0.2);
--mz-field-bg: #FFFFFF;
--mz-field-border: #86868B;
--mz-seg-on: #FFFFFF;
--mz-press: rgba(0, 0, 0, 0.059);
--mz-text: #111113;
--mz-body: #3A3A40;
--mz-muted: #6E6E73;
--mz-off: #8E8E93;
--mz-hairline: #C6C6C8;
--mz-border: rgba(60, 60, 67, 0.302);
--mz-primary: #0071E3;
--mz-primary-fill: #0071E3;
--mz-switch-on: #0077F0;
--mz-on-primary: #FFFFFF;
--mz-on-tone: #FFFFFF;
--mz-link: #0066CC;
--mz-tint: rgba(0, 113, 227, 0.122);
--mz-danger: #FF3B30;
--mz-danger-text: #D70015;
--mz-ok: #34C759;
--mz-ok-text: #1F7A35;
--mz-wait: #FF9F0A;
--mz-wait-text: #C93400;
--mz-scrim: rgba(0, 0, 0, 0.2);
--mz-toast-bg: #FFFFFF;
--mz-toast-text: #111113;
--mz-icon-edge: rgba(0, 0, 0, 0.078);
--mz-t-blue: #0040DD;
--mz-t-indigo: #3634A3;
--mz-t-purple: #8944AB;
--mz-t-pink: #D30F45;
--mz-t-red: #D70015;
--mz-t-orange: #C93400;
--mz-t-yellow: #B25000;
--mz-t-green: #248A3D;
--mz-t-cyan: #0071A4;
--mz-t-gray: #6C6C70;
--mz-sheet-bg: #F2F2F7;
--mz-sheet-surface: #FFFFFF;
--mz-field: var(--mz-fill);
--mz-float: 0 0 0 .5px rgba(0, 0, 0, .08), 0 10px 30px rgba(0, 0, 0, .14);
--mz-card-shadow: 0 2px 10px rgba(0, 0, 0, .08), 0 0 0 .5px rgba(0, 0, 0, .04); --mz-hairline-w: 1px; --mz-icon-stroke: 2.0;
--mz-r-xs: 8px; --mz-r-s: 12px; --mz-r-m: 16px; --mz-r-l: 17px; --mz-r-full: 999px;
--mz-r-card: var(--mz-r-l); --mz-r-ctl: var(--mz-r-m); --mz-r-alert: var(--mz-r-l); --mz-r-chip: var(--mz-r-full);
--mz-r-sheet: 26px;
--mz-r-kisa: 14px;
--mz-r-ic: 16px; --mz-r-field: 13px;
--mz-r-ic-min: var(--mz-r-ic);
--mz-radius-card: var(--mz-r-card); --mz-radius-btn: var(--mz-r-ctl); --mz-radius-field: var(--mz-r-ctl);
--mz-s1: 4px; --mz-s2: 8px; --mz-s3: 12px; --mz-s4: 16px; --mz-s5: 20px; --mz-s6: 24px; --mz-s7: 28px; --mz-s8: 32px; --mz-s10: 40px; --mz-s12: 48px; --mz-s16: 64px; --mz-s20: 80px;
--mz-edge: 25px; --mz-pad: 21px; --mz-gap-group: 34px; --mz-gap-stack: 21px;
--mz-gap-title-top: 31px; --mz-gap-title: 9px; --mz-gap-icon: 13px; --mz-gap-btn: 13px;
--mz-pad-top: 15px; --mz-pad-bottom: 18px; --mz-pad-optik: 5px;
--mz-row-pad: 21px; --mz-row-sub-top: 16px; --mz-gap-card-title: 3px; --mz-gap-head: 31px;
--mz-gap-field-label: 7px; --mz-gap-field: 18px; --mz-gap-durum-icon: 28px; --mz-gap-durum-text: 11px;
--mz-hero-icon: 44px; --mz-hero-pad: 17px; --mz-hero-gap: 16px;
--mz-ders-gap-title: 10px; --mz-ders-gap-p: 16px; --mz-ders-gap-li: 9px;
--mz-maxw: 680px; --mz-maxw-form: 440px;
--mz-control: 55px; --mz-control-l: 55px; --mz-control-m: 44px; --mz-control-s: 32px; --mz-hit: 44px;
--mz-row: 55px; --mz-row-sub: 64px; --mz-bar: 44px; --mz-tabbar: 64px; --mz-field-h: 47px;
--mz-tab-icon: 27px; --mz-tab-label: 14px;
--mz-safe-t: env(safe-area-inset-top, 0px); --mz-safe-b: env(safe-area-inset-bottom, 0px);
--mz-font: "Metastaz Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
--mz-w-body: 560; --mz-w-row: 560; --mz-w-emph: 640; --mz-w-title: 780; --mz-w-large: 800; --mz-w-button: 600; --mz-w-section: 680; --mz-w-card: 760;
--mz-type-display-4xl: 800 120px/120px var(--mz-font); --mz-ls-display-4xl: -0.04em;
--mz-type-display-3xl: 800 96px/100px var(--mz-font); --mz-ls-display-3xl: -0.04em;
--mz-type-display-2xl: 800 80px/84px var(--mz-font); --mz-ls-display-2xl: -0.03em;
--mz-type-display-xl: 800 64px/68px var(--mz-font); --mz-ls-display-xl: -0.03em;
--mz-type-display-l: 800 56px/60px var(--mz-font); --mz-ls-display-l: -0.022em;
--mz-type-display-m: 800 48px/52px var(--mz-font); --mz-ls-display-m: -0.022em;
--mz-type-display: 800 44px/48px var(--mz-font); --mz-ls-display: -0.022em;
--mz-type-large-title: 800 29px/35px var(--mz-font); --mz-ls-large-title: -0.02em;
--mz-type-title1: 780 28px/34px var(--mz-font); --mz-ls-title1: -0.02em;
--mz-type-title2: 780 22px/28px var(--mz-font); --mz-ls-title2: -0.012em;
--mz-type-title3: 780 20px/25px var(--mz-font); --mz-ls-title3: -0.012em;
--mz-type-ders-baslik: 800 23px/28px var(--mz-font); --mz-ls-ders-baslik: -0.018em;
--mz-type-bolum-baslik: 680 18px/23px var(--mz-font); --mz-ls-bolum-baslik: -0.012em;
--mz-type-reading-q: 560 20px/30px var(--mz-font); --mz-ls-reading-q: -0.012em;
--mz-type-reading: 560 19px/28px var(--mz-font); --mz-ls-reading: -0.012em;
--mz-type-headline: 640 17px/22px var(--mz-font); --mz-ls-headline: -0.012em;
--mz-type-body: 560 17px/22px var(--mz-font); --mz-ls-body: -0.012em;
--mz-type-callout: 560 16px/21px var(--mz-font); --mz-ls-callout: -0.008em;
--mz-type-ders: 560 16px/21px var(--mz-font); --mz-ls-ders: -0.008em;
--mz-type-sekme: 560 14px/17px var(--mz-font); --mz-ls-sekme: -0.008em;
--mz-type-subhead: 560 15px/20px var(--mz-font); --mz-ls-subhead: -0.008em;
--mz-type-footnote: 560 13px/18px var(--mz-font); --mz-ls-footnote: 0em;
--mz-type-caption: 560 12px/16px var(--mz-font); --mz-ls-caption: 0em;
--mz-type-caption2: 560 11px/13px var(--mz-font); --mz-ls-caption2: 0em;
--mz-dur: 220ms; --mz-dur-out: 160ms; --mz-dur-sheet: 320ms; --mz-dur-page: 350ms;
--mz-ease: cubic-bezier(.2,.8,.2,1); --mz-ease-out: cubic-bezier(.4,0,1,1); --mz-ease-sheet: cubic-bezier(.32,.72,0,1); --mz-ease-page: cubic-bezier(.32,.72,0,1);
--mz-slider-track: 4px; --mz-slider-thumb: 28px; --mz-step-h: 4px; --mz-progress-h: 6px;
--mz-focus: 3px;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
--mz-bg: #000000;
--mz-bg-plain: #000000;
--mz-surface: #1C1C1E;
--mz-elevated: #1C1C1E;
--mz-elevated-2: #2C2C2E;
--mz-fill: #2C2C2E;
--mz-ctl-track: rgba(120, 120, 128, 0.361);
--mz-field-bg: #1C1C1E;
--mz-field-border: #7C7C82;
--mz-seg-on: #636366;
--mz-press: rgba(255, 255, 255, 0.078);
--mz-text: #F5F5F7;
--mz-body: #C4C4C6;
--mz-muted: #9898A0;
--mz-off: #8E8E93;
--mz-hairline: rgba(255, 255, 255, 0.149);
--mz-border: rgba(235, 235, 245, 0.22);
--mz-primary: #0071E3;
--mz-primary-fill: #0071E3;
--mz-switch-on: #0077F0;
--mz-on-primary: #FFFFFF;
--mz-on-tone: #000000;
--mz-link: #2997FF;
--mz-tint: rgba(0, 113, 227, 0.2);
--mz-danger: #FF453A;
--mz-danger-text: #FF6961;
--mz-ok: #30D158;
--mz-ok-text: #30D158;
--mz-wait: #FF9F0A;
--mz-wait-text: #FF9F0A;
--mz-scrim: rgba(0, 0, 0, 0.502);
--mz-toast-bg: #2C2C2E;
--mz-toast-text: #F5F5F7;
--mz-icon-edge: rgba(255, 255, 255, 0.161);
--mz-t-blue: #0A84FF;
--mz-t-indigo: #7D7AFF;
--mz-t-purple: #BF5AF2;
--mz-t-pink: #FF375F;
--mz-t-red: #FF453A;
--mz-t-orange: #FF9F0A;
--mz-t-yellow: #FFD60A;
--mz-t-green: #30D158;
--mz-t-cyan: #64D2FF;
--mz-t-gray: #8E8E93;
--mz-sheet-bg: #1C1C1E;
--mz-sheet-surface: #2C2C2E;
--mz-float: 0 0 0 .5px rgba(255, 255, 255, .10), 0 10px 30px rgba(0, 0, 0, .50);
--mz-card-shadow: 0 0 0 .5px rgba(255, 255, 255, .08);
}
}
:root[data-theme="dark"] {
--mz-bg: #000000;
--mz-bg-plain: #000000;
--mz-surface: #1C1C1E;
--mz-elevated: #1C1C1E;
--mz-elevated-2: #2C2C2E;
--mz-fill: #2C2C2E;
--mz-ctl-track: rgba(120, 120, 128, 0.361);
--mz-field-bg: #1C1C1E;
--mz-field-border: #7C7C82;
--mz-seg-on: #636366;
--mz-press: rgba(255, 255, 255, 0.078);
--mz-text: #F5F5F7;
--mz-body: #C4C4C6;
--mz-muted: #9898A0;
--mz-off: #8E8E93;
--mz-hairline: rgba(255, 255, 255, 0.149);
--mz-border: rgba(235, 235, 245, 0.22);
--mz-primary: #0071E3;
--mz-primary-fill: #0071E3;
--mz-switch-on: #0077F0;
--mz-on-primary: #FFFFFF;
--mz-on-tone: #000000;
--mz-link: #2997FF;
--mz-tint: rgba(0, 113, 227, 0.2);
--mz-danger: #FF453A;
--mz-danger-text: #FF6961;
--mz-ok: #30D158;
--mz-ok-text: #30D158;
--mz-wait: #FF9F0A;
--mz-wait-text: #FF9F0A;
--mz-scrim: rgba(0, 0, 0, 0.502);
--mz-toast-bg: #2C2C2E;
--mz-toast-text: #F5F5F7;
--mz-icon-edge: rgba(255, 255, 255, 0.161);
--mz-t-blue: #0A84FF;
--mz-t-indigo: #7D7AFF;
--mz-t-purple: #BF5AF2;
--mz-t-pink: #FF375F;
--mz-t-red: #FF453A;
--mz-t-orange: #FF9F0A;
--mz-t-yellow: #FFD60A;
--mz-t-green: #30D158;
--mz-t-cyan: #64D2FF;
--mz-t-gray: #8E8E93;
--mz-sheet-bg: #1C1C1E;
--mz-sheet-surface: #2C2C2E;
--mz-float: 0 0 0 .5px rgba(255, 255, 255, .10), 0 10px 30px rgba(0, 0, 0, .50);
--mz-card-shadow: 0 0 0 .5px rgba(255, 255, 255, .08);
}
@media (min-width: 768px) { :root { --mz-edge: 32px; } }
:root.mz-yuksek { --mz-body: #1C1C1E; --mz-muted: #3A3A3F; --mz-hairline: rgba(0, 0, 0, 0.278); --mz-fill: #DCDCE2; --mz-link: #0040DD; --mz-field: #DCDCE2; }
@media (prefers-color-scheme: dark) { :root.mz-yuksek:not([data-theme="light"]) { --mz-body: #EDEDF0; --mz-muted: #C4C4C9; --mz-hairline: rgba(255, 255, 255, 0.322); --mz-fill: #3A3A3C; --mz-link: #5AB0FF; --mz-field: #3A3A3C; } }
:root.mz-yuksek[data-theme="dark"] { --mz-body: #EDEDF0; --mz-muted: #C4C4C9; --mz-hairline: rgba(255, 255, 255, 0.322); --mz-fill: #3A3A3C; --mz-link: #5AB0FF; --mz-field: #3A3A3C; }
.mz-temel, .mz { font-family: var(--mz-font); }
b, strong { font-weight: 640; }
@font-face{font-family:"Metastaz Sans";src:url(ms.woff2?v=3001) format("woff2");font-weight: 520 800;font-display:swap}
:root{--bg:var(--mz-bg-plain);--bg2:var(--mz-bg);--card:var(--mz-bg);--card2:var(--mz-fill);--tx:var(--mz-text);--t2:var(--mz-muted);--t3:var(--mz-off);--ln:var(--mz-hairline);
--ac:var(--mz-primary-fill);--act:var(--mz-link);--on-ac:var(--mz-on-primary);--sh:none;
--g:var(--mz-edge,24px);--max:1120px;--ease:var(--mz-ease)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg2:var(--mz-surface);--card:var(--mz-elevated)}}
:root[data-theme=dark]{--bg2:var(--mz-surface);--card:var(--mz-elevated)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--tx);font: 500 17px/1.5 var(--mz-font);
letter-spacing:.002em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;overflow-x:clip}
h1,h2,h3,h4,p{margin:0}
a{color:inherit;text-decoration:none}
img,svg{display:block}
main{overflow-x:clip}
.w{width:100%;max-width:calc(var(--max) + 2*var(--g));margin:0 auto;padding:0 var(--g)}
.atla{position:absolute;left:12px;top:-60px;z-index:50;display:inline-flex;align-items:center;min-height:44px;background:var(--ac);color:#fff;padding:0 16px;border-radius:var(--mz-r-s);font-weight: 640}
.atla:focus{top:12px}
:focus-visible{outline:2px solid var(--mz-primary);outline-offset:2px}
.bar{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid transparent;transition:border-color .3s;will-change:transform;transform:translateZ(0)}
.bar.dolu{border-bottom-color:var(--ln)}
.bar{border-bottom-width:.5px}
.bar .w{display:flex;align-items:center;justify-content:space-between;height:56px;gap:16px}
.marka{display:flex;align-items:center;gap:8px;min-height:44px;font-weight: 780;font-size:20px;line-height:25px;letter-spacing:-.012em;padding:0 4px;margin-left:-4px}
.marka svg{width:24px;height:22px;fill:currentColor}
.bar nav{display:flex;align-items:center;gap:4px}
.bar nav a.yz{display:none;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--mz-r-full);font-size:15px;line-height:20px;letter-spacing:.002em;color:var(--t2);font-weight: 500}
.bar nav a.yz:hover{color:var(--tx)}
@media (min-width:760px){.bar nav a.yz{display:inline-flex}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--mz-control-l);padding:0 24px;border-radius:var(--mz-r-ctl);background:var(--ac);color:var(--on-ac);
font-weight: 600;font-size:17px;line-height:22px;letter-spacing:-.012em;transition:transform .2s var(--ease),background .2s}
.btn:hover{filter:brightness(1.08)}
.btn:active{transform:scale(.97)}
.btn.k{min-height:var(--mz-control-m);padding:0 16px;font-size:15px;line-height:20px;letter-spacing:-.008em}
.bar .btn.k{position:relative;min-height:var(--mz-control-s);padding:0 14px;border-radius:var(--mz-r-full)}
.bar .btn.k::after{content:'';position:absolute;inset:-6px 0}
.btn.ik{background:var(--card2);color:var(--tx)}
.lnk{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--act);font-weight: 640;font-size:17px;line-height:22px}
.lnk:hover{text-decoration:underline;text-underline-offset:.2em}
.ok{width:.8em;height:.8em;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.etk{display:block;font-size:15px;line-height:20px;font-weight: 640;color:var(--act);letter-spacing:-.008em;margin-bottom:12px}
.bs{font-size:34px;line-height:41px;font-weight: 800;letter-spacing:-.02em}
@media (min-width:760px){.bs{font-size:48px;line-height:52px;letter-spacing:-.022em}}
@media (min-width:1000px){.bs{font-size:64px;line-height:68px;letter-spacing:-.03em}}
.ac{font-size:17px;line-height:24px;color:var(--t2);max-width:36em;letter-spacing:.002em}
@media (min-width:760px){.ac{font-size:19px;line-height:28px}}
.aile{display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:640px){.aile{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.aile{grid-template-columns:repeat(3,1fr)}}
.ak{position:relative;display:flex;gap:16px;align-items:flex-start;padding:20px;border-radius:var(--mz-r-card);background:var(--card);
transition:transform .25s var(--ease),box-shadow .25s}
.ak:hover{transform:translateY(-2px)}
.ak img{width:56px;height:56px;flex:none;border-radius:22.5%}
.ak b{display:block;font-size:20px;line-height:25px;font-weight: 780;letter-spacing:-.012em}
.ak small{display:block;font-size:15px;line-height:20px;letter-spacing:.002em;color:var(--t2);margin:0 0 6px;font-feature-settings:"tnum"}
.ak .t{display:block;font-size:16px;color:var(--t2);line-height:24px;letter-spacing:.002em}
.ak .ok{position:absolute;right:20px;top:24px;color:var(--t3)}
.ak.yok{background:transparent;box-shadow:inset 0 0 0 1px var(--ln)}
.rozet{display:inline-block;font-size:12px;line-height:16px;letter-spacing:0;font-weight: 640;color:var(--mz-body);background:var(--card2);border-radius:var(--mz-r-full);padding:2px 8px;margin-left:6px;vertical-align:2px}
.durum{display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:20px;letter-spacing:.002em;color:var(--t2);font-weight: 500;min-height:32px}
.durum i{width:8px;height:8px;border-radius:50%;background:var(--mz-ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--mz-ok) 20%,transparent)}
.durum[hidden]{display:none}
.alt{border-top:.5px solid var(--ln);padding:48px 0 calc(40px + env(safe-area-inset-bottom));font-size:15px;line-height:22px;letter-spacing:.002em;color:var(--t2)}
.alt .w{display:grid;gap:32px}.alt .ust{display:grid;gap:32px}
.alt h2{font-size:13px;line-height:18px;font-weight: 640;color:var(--tx);margin-bottom:8px;letter-spacing:0}
.alt ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.alt li a{position:relative;display:inline-flex;min-height:30px;min-width:44px;align-items:center}
.alt li a::after{content:'';position:absolute;inset:-7px 0}
.alt a:hover{color:var(--tx)}
.alt .son{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;padding-top:24px;border-top:.5px solid var(--ln)}
@media (min-width:760px){.alt .ust{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}}
.alt .ust p{max-width:28em;margin-top:10px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@supports (animation-timeline:view()){
.rv{animation:rv both var(--ease);animation-timeline:view();animation-range:entry 0% entry 55%}
@keyframes rv{from{opacity:0;transform:translateY(32px) scale(.98)}}
}
.io .rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.io .rv.gor{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.io .rv{opacity:1;transform:none}}
h1,h2,h3,.bs{text-wrap:balance}
p,li,dd,figcaption{text-wrap:pretty}
.bar .btn.k{background:var(--mz-fill);color:var(--mz-link)}
.phone{--bz:#1d1d1f;position:relative;aspect-ratio:390/844;border-radius:13.5%/6.3%;background:var(--bz);padding:2.6%;
box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 1px 0 rgba(255,255,255,.14) inset,0 40px 80px -24px rgba(0,0,0,.55),0 18px 36px -18px rgba(0,0,0,.45);
container-type:inline-size;isolation:isolate}
.phone::after{content:"";position:absolute;left:50%;top:3.9%;width:27%;height:3.3%;transform:translateX(-50%);background:#000;border-radius:99px;z-index:5}
.scr{--u:calc(100cqw / 390);position:relative;text-align:left;height:100%;border-radius:11.6%/5.4%;overflow:hidden;font-size:calc(15*var(--u));line-height:1.3;
background:var(--m-bg);color:var(--m-tx);letter-spacing:-.01em;font-weight:480}
.scr.koyu,.k .scr:not(.acik){--m-bg:#000;--m-c:#1c1c1e;--m-c2:#2c2c2e;--m-tx:#f5f5f7;--m-t2:#98989f;--m-ln:rgba(255,255,255,.1);--m-ac:#0a84ff;--m-act:#2997ff;--m-in:#2c2c2e;--m-out:#0a84ff}
.scr,.scr.acik{--m-bg:#f2f2f7;--m-c:#fff;--m-c2:#e5e5ea;--m-tx:#1d1d1f;--m-t2:#6e6e73;--m-ln:rgba(0,0,0,.1);--m-ac:#0071e3;--m-act:#0066cc;--m-in:#e9e9eb;--m-out:#0071e3}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .scr:not(.acik){--m-bg:#000;--m-c:#1c1c1e;--m-c2:#2c2c2e;--m-tx:#f5f5f7;--m-t2:#98989f;--m-ln:rgba(255,255,255,.1);--m-ac:#0a84ff;--m-act:#2997ff;--m-in:#2c2c2e;--m-out:#0a84ff}}
:root[data-theme=dark] .scr:not(.acik){--m-bg:#000;--m-c:#1c1c1e;--m-c2:#2c2c2e;--m-tx:#f5f5f7;--m-t2:#98989f;--m-ln:rgba(255,255,255,.1);--m-ac:#0a84ff;--m-act:#2997ff;--m-in:#2c2c2e;--m-out:#0a84ff}
.scr *{box-sizing:border-box}
.sb{display:flex;justify-content:space-between;align-items:center;height:calc(54*var(--u));padding:calc(6*var(--u)) calc(30*var(--u)) 0;font-size:calc(16*var(--u));font-weight:640;font-feature-settings:"tnum"}
.sb i{display:flex;gap:calc(5*var(--u));align-items:center}
.sb svg{fill:currentColor;display:block}.sb-s{width:calc(18*var(--u));height:calc(12*var(--u))}.sb-p{width:calc(27*var(--u));height:calc(13*var(--u))}
.ic{display:block;width:calc(24*var(--u));height:calc(24*var(--u));fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wh-ust{display:flex;align-items:center;gap:calc(10*var(--u));padding:calc(4*var(--u)) calc(14*var(--u)) calc(10*var(--u));border-bottom:1px solid var(--m-ln);color:var(--m-act)}
.av{display:grid;place-items:center;width:calc(38*var(--u));height:calc(38*var(--u));border-radius:50%;background:#5e5ce6;color:#fff;font-weight:700;font-size:calc(16*var(--u));flex:none}
.wh-ad{flex:1;color:var(--m-tx);line-height:1.15}.wh-ad b{display:block;font-weight:640;font-size:calc(16*var(--u))}.wh-ad small{font-size:calc(12.5*var(--u));color:var(--m-t2)}
.wh-ak{display:flex;flex-direction:column;gap:calc(6*var(--u));padding:calc(12*var(--u)) calc(12*var(--u))}
.kilit{align-self:center;display:flex;gap:calc(6*var(--u));align-items:center;font-size:calc(12*var(--u));color:var(--m-t2);background:var(--m-c);border-radius:99px;padding:calc(5*var(--u)) calc(11*var(--u));margin-bottom:calc(6*var(--u))}
.gun{align-self:center;font-size:calc(12*var(--u));color:var(--m-t2);font-weight:500;margin:calc(4*var(--u)) 0}
.bl{max-width:76%;padding:calc(8*var(--u)) calc(12*var(--u));border-radius:calc(19*var(--u));font-size:calc(15.5*var(--u));line-height:1.3}
.bl.g{align-self:flex-start;background:var(--m-in);border-bottom-left-radius:calc(6*var(--u))}
.bl.c{align-self:flex-end;background:var(--m-out);color:#fff;border-bottom-right-radius:calc(6*var(--u))}
.bl small{display:block;text-align:right;font-size:calc(11*var(--u));opacity:.7;margin-top:calc(2*var(--u))}
.bl.yer{padding:calc(4*var(--u));width:72%}
.yer b{display:block;padding:calc(6*var(--u)) calc(8*var(--u)) calc(2*var(--u));font-weight:640;font-size:calc(14*var(--u))}
.yer em{display:block;padding:0 calc(8*var(--u)) calc(4*var(--u));font-style:normal;font-size:calc(12*var(--u));opacity:.8}
.yaz{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:calc(10*var(--u));padding:calc(10*var(--u)) calc(14*var(--u)) calc(34*var(--u));background:var(--m-bg);color:var(--m-t2)}
.yaz span:not(.mik){flex:1;height:calc(38*var(--u));border-radius:99px;border:1px solid var(--m-ln);background:var(--m-c);display:flex;align-items:center;padding:0 calc(14*var(--u));font-size:calc(15*var(--u))}
.yaz .mik{display:grid;place-items:center;width:calc(38*var(--u));height:calc(38*var(--u));border-radius:50%;background:var(--m-ac);color:#fff}
.bb{padding:calc(4*var(--u)) calc(20*var(--u)) calc(12*var(--u));font-size:calc(34*var(--u));font-weight:750;letter-spacing:-.025em;line-height:1.1}
.bb small{display:block;font-size:calc(14*var(--u));font-weight:500;color:var(--m-t2);letter-spacing:0;margin-bottom:calc(2*var(--u));text-transform:none}
.kart{margin:0 calc(16*var(--u)) calc(12*var(--u));background:var(--m-c);border-radius:calc(22*var(--u));padding:calc(16*var(--u))}
.sat{display:flex;align-items:center;gap:calc(12*var(--u));padding:calc(10*var(--u)) 0;border-top:1px solid var(--m-ln)}
.sat:first-child{border-top:0;padding-top:0}.sat:last-child{padding-bottom:0}
.sat img,.sat .ik{width:calc(48*var(--u));height:calc(48*var(--u));border-radius:calc(11*var(--u));flex:none}
.sat div{flex:1;min-width:0}.sat b{display:block;font-weight:640;font-size:calc(15.5*var(--u))}.sat small{display:block;color:var(--m-t2);font-size:calc(13*var(--u));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg{flex:none;font-size:calc(14*var(--u));font-weight:640;color:var(--m-act);background:var(--m-c2);border-radius:99px;padding:calc(6*var(--u)) calc(14*var(--u))}
.btn-m{display:flex;align-items:center;justify-content:center;gap:calc(8*var(--u));height:calc(50*var(--u));border-radius:calc(14*var(--u));background:var(--m-ac);color:#fff;font-weight:640;font-size:calc(16.5*var(--u))}
.btn-m.ik2{background:var(--m-c2);color:var(--m-tx)}
.tab{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;padding:calc(8*var(--u)) calc(10*var(--u)) calc(30*var(--u));border-top:1px solid var(--m-ln);background:var(--m-bg);color:var(--m-t2);font-size:calc(10.5*var(--u));font-weight:500}
.tab span{display:flex;flex-direction:column;align-items:center;gap:calc(3*var(--u))}.tab .on{color:var(--m-act)}
.gorev{display:flex;gap:calc(16*var(--u));align-items:center}
.halka{position:relative;width:calc(88*var(--u));height:calc(88*var(--u));flex:none}
.halka svg{width:100%;height:100%;transform:rotate(-90deg)}
.halka circle{fill:none;stroke-width:9;stroke-linecap:round}
.halka b{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(20*var(--u));font-weight:750;font-feature-settings:"tnum"}
.gorev p{margin:0;font-size:calc(14*var(--u));color:var(--m-t2)}.gorev h4{margin:0 0 calc(4*var(--u));font-size:calc(18*var(--u));font-weight:700;letter-spacing:-.01em}
.etiket{display:inline-block;font-size:calc(12*var(--u));font-weight:640;color:#ff9f0a;margin-bottom:calc(6*var(--u))}
.tug{display:grid;grid-template-columns:repeat(10,1fr);gap:calc(4*var(--u));margin-top:calc(12*var(--u))}
.tug i{height:calc(10*var(--u));border-radius:calc(3*var(--u));background:var(--m-c2)}.tug i.d{background:#ff9f0a}.tug i.y{background:rgba(255,159,10,.45)}
.hr-ara{position:absolute;left:calc(14*var(--u));right:calc(14*var(--u));top:calc(58*var(--u));height:calc(46*var(--u));border-radius:99px;background:var(--m-c);display:flex;align-items:center;gap:calc(8*var(--u));padding:0 calc(16*var(--u));color:var(--m-t2);box-shadow:0 4px 16px rgba(0,0,0,.25);font-size:calc(15*var(--u))}
.hr-alt{position:absolute;left:calc(8*var(--u));right:calc(8*var(--u));bottom:calc(8*var(--u));background:var(--m-c);border-radius:calc(28*var(--u));padding:calc(10*var(--u)) calc(18*var(--u)) calc(26*var(--u));box-shadow:0 -6px 24px rgba(0,0,0,.25)}
.hr-alt::before{content:"";display:block;width:calc(36*var(--u));height:calc(5*var(--u));border-radius:9px;background:var(--m-c2);margin:0 auto calc(12*var(--u))}
.hr-alt h4{margin:0;font-size:calc(21*var(--u));font-weight:730;letter-spacing:-.02em}
.hr-alt p{margin:calc(2*var(--u)) 0 calc(12*var(--u));color:var(--m-t2);font-size:calc(14*var(--u))}
.adim{display:flex;gap:calc(8*var(--u));margin-bottom:calc(12*var(--u))}
.adim span{display:flex;align-items:center;gap:calc(5*var(--u));font-size:calc(13*var(--u));font-weight:600;background:var(--m-c2);border-radius:99px;padding:calc(5*var(--u)) calc(10*var(--u))}
.pin{position:absolute;width:calc(22*var(--u));height:calc(22*var(--u));border-radius:50%;background:#0a84ff;border:calc(4*var(--u)) solid #fff;box-shadow:0 0 0 calc(10*var(--u)) rgba(10,132,255,.25)}
.rota{position:absolute;inset:0;width:100%;height:100%}
.id-orta{display:flex;flex-direction:column;align-items:center;text-align:center;padding:calc(40*var(--u)) calc(24*var(--u)) 0}
.id-orta img{width:calc(76*var(--u));height:calc(76*var(--u));border-radius:calc(18*var(--u));margin-bottom:calc(16*var(--u))}
.id-orta h4{margin:0;font-size:calc(26*var(--u));font-weight:750;letter-spacing:-.02em}
.id-orta p{margin:calc(6*var(--u)) 0 calc(24*var(--u));color:var(--m-t2);font-size:calc(15*var(--u))}
.id-orta .btn-m{width:100%;margin-bottom:calc(10*var(--u))}
.baglar{display:flex;gap:calc(10*var(--u));justify-content:center;margin-top:calc(22*var(--u))}
.baglar img{width:calc(40*var(--u));height:calc(40*var(--u));border-radius:calc(10*var(--u))}
.id-not{font-size:calc(12.5*var(--u));color:var(--m-t2);margin-top:calc(10*var(--u))}
.ev{position:absolute;inset:0;background:#0b1a33;background-image:radial-gradient(60% 40% at 70% 30%,#2f7bff 0,rgba(47,123,255,0) 70%),radial-gradient(70% 45% at 20% 85%,#5e5ce6 0,rgba(94,92,230,0) 70%);color:#fff}
.ev-ust{text-align:center;padding-top:calc(70*var(--u))}
.ev-ust b{display:block;font-size:calc(72*var(--u));font-weight:730;letter-spacing:-.03em;line-height:1;font-feature-settings:"tnum"}
.ev-ust small{font-size:calc(16*var(--u));font-weight:500;opacity:.9}
.izgara{position:absolute;left:calc(22*var(--u));right:calc(22*var(--u));top:calc(240*var(--u));display:grid;grid-template-columns:repeat(4,1fr);row-gap:calc(18*var(--u));column-gap:calc(16*var(--u))}
.izgara .ap,.dok .ap{display:flex;flex-direction:column;align-items:center;gap:calc(5*var(--u));font-size:calc(11.5*var(--u));font-weight:500;color:#fff;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.izgara img,.dok img{width:100%;aspect-ratio:1;border-radius:22.5%;display:block}
.dok{position:absolute;left:calc(12*var(--u));right:calc(12*var(--u));bottom:calc(14*var(--u));display:grid;grid-template-columns:repeat(4,1fr);gap:calc(16*var(--u));padding:calc(14*var(--u)) calc(16*var(--u));border-radius:calc(34*var(--u));background:rgba(255,255,255,.16)}
.dok .ap span{display:none}
.cubuk{position:absolute;left:50%;bottom:calc(8*var(--u));width:calc(134*var(--u));height:calc(5*var(--u));border-radius:9px;background:currentColor;opacity:.85;transform:translateX(-50%);z-index:4}
.ic.s13{width:calc(13*var(--u));height:calc(13*var(--u))}.ic.s16{width:calc(16*var(--u));height:calc(16*var(--u))}.ic.s20{width:calc(20*var(--u));height:calc(20*var(--u))}.ic.s26{width:calc(26*var(--u));height:calc(26*var(--u))}
.tn-t,.tn-m{display:grid;place-items:center}.tn-t{background:rgba(255,159,10,.18);color:#ff9f0a}.tn-m{background:rgba(10,132,255,.18);color:var(--m-ac)}
.p1{left:calc(109*var(--u));top:calc(549*var(--u))}.p2{left:calc(289*var(--u));top:calc(289*var(--u));background:#ff375f;box-shadow:0 0 0 calc(10*var(--u)) rgba(255,55,95,.25)}
.sb-b{position:relative;color:#fff}.ev-ust{position:relative}.cb-b{color:#fff}
.osm{position:absolute;right:calc(12*var(--u));bottom:calc(262*var(--u));font-size:calc(10*var(--u));color:#fff;opacity:.75;text-shadow:0 1px 2px #000}
.k .scr:not(.acik) .yer i,.scr.koyu @media (prefers-color-scheme:dark){:root:not([data-theme=light]) .scr:not(.acik) }
:root[data-theme=dark] .scr:not(.acik)
.gs{--gs-bg:#f2f2f7;background:var(--gs-bg)}
.gs .sb{height:calc(47*var(--u));padding:calc(4*var(--u)) calc(30*var(--u)) 0;background:var(--gs-bg);color:#1d1d1f}
.gs-kimlik{--gs-bg:#f2f2f7}
@media (prefers-color-scheme:dark){.gs{--gs-bg:#000}.gs .sb{color:#f5f5f7}}
.gs picture,.gs .gi{display:block;width:100%;height:auto}
.gs .cubuk{color:#1d1d1f;opacity:.55}
@media (prefers-color-scheme:dark){.gs .cubuk{color:#fff}}
.ms-ust{display:flex;align-items:baseline;justify-content:space-between;padding:calc(18*var(--u)) calc(20*var(--u)) calc(14*var(--u))}
.ms-ust b{font-size:calc(34*var(--u));font-weight:750;letter-spacing:-.025em;line-height:1.1}
.ms-ust span{font-size:calc(17*var(--u));color:var(--m-act);font-weight:480}
.ms-bas{padding:calc(6*var(--u)) calc(36*var(--u)) calc(10*var(--u));font-size:calc(15*var(--u));font-weight:600;color:var(--m-t2)}
.ms-kart{margin:0 calc(16*var(--u));background:var(--m-c);border-radius:calc(22*var(--u));padding:calc(4*var(--u)) 0}
.ms-sat{display:flex;align-items:center;gap:calc(12*var(--u));padding:calc(10*var(--u)) calc(16*var(--u));position:relative}
.ms-sat+.ms-sat::before{content:"";position:absolute;left:calc(80*var(--u));right:calc(16*var(--u));top:0;height:1px;background:var(--m-ln)}
.ms-sat img{width:calc(52*var(--u));height:calc(52*var(--u));border-radius:calc(12*var(--u));flex:none}
.ms-sat div{flex:1;min-width:0}
.ms-sat b{display:block;font-size:calc(17*var(--u));font-weight:500;line-height:1.25}
.ms-sat small{display:block;font-size:calc(13*var(--u));color:var(--m-t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-dg{flex:none;min-width:calc(72*var(--u));text-align:center;font-size:calc(15*var(--u));font-weight:640;color:var(--m-act);background:var(--m-c2);border-radius:99px;padding:calc(6*var(--u)) calc(14*var(--u))}
.ms-dg.off{color:var(--m-t2)}
.ms-not{margin:calc(14*var(--u)) calc(36*var(--u)) 0;font-size:calc(13*var(--u));line-height:1.35;color:var(--m-t2)}
.izgara{top:calc(70*var(--u))!important}
.kahraman{padding-top:36px;text-align:center;overflow:hidden}
.kh-metin{display:flex;flex-direction:column;align-items:center}
.kahraman h1{font-size:48px;line-height:52px;font-weight: 800;letter-spacing:-.022em;margin-bottom:16px}
@media (min-width:560px){.kahraman h1{font-size:64px;line-height:68px;letter-spacing:-.03em}}
@media (min-width:900px){.kahraman h1{font-size:96px;line-height:100px;letter-spacing:-.04em}}
@media (min-width:1200px){.kahraman h1{font-size:120px;line-height:120px}}
.kahraman .ac{max-width:24em}
@media (min-width:1000px){.kahraman .ac,.bol-m p{font-size:20px;line-height:30px}}
.cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 24px;margin-top:24px}
.sahne{position:relative;height:clamp(500px,138vw,700px);margin-top:44px;perspective:1800px;
-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
.sahne .orta,.sahne .yan{position:absolute;top:0;left:50%;width:min(296px,74vw);margin-left:calc(min(296px,74vw) / -2)}
.sahne .orta{z-index:2}
.sahne .yan{width:min(250px,62vw);margin-left:calc(min(250px,62vw) / -2);top:56px;z-index:1;opacity:.92}
.sahne .sol{transform:translateX(-62%) rotateY(16deg) rotateZ(-4deg)}
.sahne .sag{transform:translateX(62%) rotateY(-16deg) rotateZ(4deg)}
@media (min-width:900px){
.kahraman{padding-top:72px}
.sahne{height:760px;margin-top:64px}
.sahne .orta{width:330px;margin-left:-165px}
.sahne .yan{width:290px;margin-left:-145px;top:70px}
.sahne .sol{transform:translateX(-118%) rotateY(18deg) rotateZ(-3deg)}
.sahne .sag{transform:translateX(118%) rotateY(-18deg) rotateZ(3deg)}
}
@supports (animation-timeline:scroll()){
.sahne .orta{animation:kalk both linear;animation-timeline:scroll(root);animation-range:0 70vh}
.sahne .sol{animation:acSol both linear;animation-timeline:scroll(root);animation-range:0 70vh}
.sahne .sag{animation:acSag both linear;animation-timeline:scroll(root);animation-range:0 70vh}
@keyframes kalk{to{transform:translateY(-28px) scale(1.02)}}
@keyframes acSol{to{transform:translateX(-80%) rotateY(22deg) rotateZ(-6deg) translateY(40px)}}
@keyframes acSag{to{transform:translateX(80%) rotateY(-22deg) rotateZ(6deg) translateY(40px)}}
@media (min-width:900px){
@keyframes acSol{to{transform:translateX(-140%) rotateY(24deg) rotateZ(-5deg) translateY(50px)}}
@keyframes acSag{to{transform:translateX(140%) rotateY(-24deg) rotateZ(5deg) translateY(50px)}}
}
}
.js .sahne .orta>.phone{animation:gir 1s var(--ease) .1s both}
.js .sahne .yan>.phone{animation:gir 1.1s var(--ease) .25s both}
@keyframes gir{from{opacity:0;transform:translateY(60px)}}
.bolumler{padding:72px 0 40px}
.bl-bas{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:24px}
.bl-bas .ac{margin-top:16px;max-width:26em}
.bol{display:grid;gap:36px;padding-top:64px;padding-bottom:64px;align-items:center}
.bol+.bol{border-top:.5px solid var(--ln)}
.bol-m{max-width:30em}
.ik-k img{width:56px;height:56px;border-radius:22.5%;margin-bottom:16px}
.bol h3{font-size:34px;line-height:41px;font-weight: 800;letter-spacing:-.02em;margin-bottom:16px}
@media (min-width:760px){.bol h3{font-size:44px;line-height:48px;letter-spacing:-.022em}}
@media (min-width:1000px){.bol h3{font-size:56px;line-height:60px}}
.bol h3 .rozet{vertical-align:10px}
.bol-m p{font-size:17px;line-height:24px;letter-spacing:.002em;color:var(--t2);margin-bottom:8px}
@media (min-width:760px){.bol-m p{font-size:19px;line-height:28px}}
.bol-g{perspective:1400px;display:flex;justify-content:center}
.bol-g .phone{width:min(290px,72vw)}
@supports (animation-timeline:view()){
.bol-g.rv{animation:egil both var(--ease);animation-timeline:view();animation-range:entry 0% cover 40%}
@keyframes egil{from{opacity:0;transform:translateY(80px) rotateX(18deg) scale(.92)}}
}
@media (min-width:900px){
.bol{grid-template-columns:1fr 1fr;gap:64px;padding-top:96px;padding-bottom:96px}
.bol.ters .bol-m{order:2}
.bol-g .phone{width:330px}
}
.ilke{padding:120px 0;border-top:.5px solid var(--ln)}
.satir{font-size:56px;line-height:60px;font-weight: 800;letter-spacing:-.022em}
@media (min-width:560px){.satir{font-size:80px;line-height:84px;letter-spacing:-.03em}}
@media (min-width:900px){.satir{font-size:120px;line-height:120px;letter-spacing:-.04em}}
.ilke .ac{margin-top:32px;max-width:30em}
@supports (animation-timeline:view()){
.satir.rv{animation:yan both linear;animation-timeline:view();animation-range:entry 30% cover 50%}
@keyframes yan{from{opacity:.14;transform:none}}
}
.lnk .asg{width:.8em;height:.8em;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.bol-m h3+p{margin-top:0}
.os{padding:96px 0;background:var(--bg2);border-top:.5px solid var(--ln)}
.os-ic{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}
.os-m .ac{margin-top:16px}
.os-m .rozet{vertical-align:1px}
@media (min-width:900px){.os-ic{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}}
.cihaz{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}
.isik{position:absolute;left:50%;top:42%;width:140%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
background:radial-gradient(closest-side,color-mix(in srgb,var(--ac) 22%,transparent),transparent)}
.canli{width:min(296px,74vw);cursor:pointer;z-index:1}
@media (min-width:900px){.canli{width:330px}}
.ekr{position:relative;height:100%;border-radius:11.6%/5.4%;overflow:hidden;isolation:isolate}
.katman{position:absolute;inset:0}
.katman .scr{border-radius:0}
.ap-e{opacity:0;transform:scale(.2);pointer-events:none;transition:opacity .35s var(--ease),transform .5s var(--ease);transform-origin:var(--ox,50%) var(--oy,50%)}
.ap-e.acik-ap{opacity:1;transform:none;pointer-events:auto}
.ev{transition:transform .5s var(--ease),filter .5s}
.canli:not([data-ekran=ev]) .ev{transform:scale(1.08);filter:brightness(.6)}
.secici{position:relative;z-index:1;display:flex;gap:0;margin-top:24px;padding:0;border-radius:var(--mz-r-ctl);background:var(--mz-ctl-track);max-width:100%;overflow-x:auto;scrollbar-width:none}
.secici::-webkit-scrollbar{display:none}
@media (max-width:899px){.secici{width:100%}.secici button{flex:1 0 auto}}
.secici button{flex:none;min-height:44px;min-width:44px;padding:0 12px;border:2px solid transparent;background-clip:padding-box;border-radius:calc(var(--mz-r-ctl) - 2px);background:transparent;color:var(--tx);font: 500 15px/20px var(--mz-font);letter-spacing:.002em;cursor:pointer;position:relative}
.secici button::after{content:"";position:absolute;inset:-2px 0}
.secici button:hover{color:var(--tx)}
.secici button[aria-pressed=true]{background:var(--mz-seg-on);color:var(--tx);font-weight: 600}
.secici button:focus-visible{outline-offset:-3px}
.ipucu{position:relative;z-index:1;font-size:15px;line-height:22px;letter-spacing:.002em;color:var(--t2);margin-top:12px;min-height:22px;text-align:center}
.kanit{padding:96px 0}
.kanit .ac{margin-top:16px}
.olcum{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}
@media (min-width:900px){.olcum{grid-template-columns:repeat(4,1fr)}}
.olcum div{background:var(--card);border-radius:var(--mz-r-card);padding:24px 20px}
.olcum b{display:block;font-size:44px;line-height:48px;font-weight: 800;letter-spacing:-.022em;font-feature-settings:"tnum"}
@media (min-width:900px){.olcum b{font-size:64px;line-height:68px;letter-spacing:-.03em}}
.olcum b small{font-size:20px;line-height:25px;letter-spacing:-.012em;margin-left:4px;color:var(--t2);font-weight: 640}
.olcum span{display:block;margin-top:8px;font-size:15px;color:var(--t2);line-height:20px;letter-spacing:.002em}
.kanit .durum{margin-top:20px}
.aile-b{padding:72px 0 120px;border-top:.5px solid var(--ln)}
.a-bas{text-align:center;margin-bottom:36px}
.yorunge{position:relative;width:100%;height:clamp(240px,64vw,380px);display:grid;place-items:center;perspective:1000px}
.halka3{--r:min(140px,35vw);--t:64deg;position:relative;width:10px;height:10px;transform-style:preserve-3d;transform:rotateX(var(--t));animation:don 60s linear infinite}
@keyframes don{to{transform:rotateX(var(--t)) rotateZ(-360deg)}}
.yo{position:absolute;left:-28px;top:-28px;width:56px;height:56px;transform-style:preserve-3d;transform:rotateZ(var(--a)) translateX(var(--r))}
.yo img{width:56px;height:56px;transform:rotateZ(calc(-1*var(--a))) rotateX(calc(-1*var(--t)));animation:karsi 60s linear infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))}
@keyframes karsi{from{transform:rotateZ(calc(-1*var(--a))) rotateX(calc(-1*var(--t)))}to{transform:rotateZ(calc(360deg - var(--a))) rotateX(calc(-1*var(--t)))}}
.yo[data-a="0"]{--a:0deg}.yo[data-a="1"]{--a:45deg}.yo[data-a="2"]{--a:90deg}.yo[data-a="3"]{--a:135deg}
.yo[data-a="4"]{--a:180deg}.yo[data-a="5"]{--a:225deg}.yo[data-a="6"]{--a:270deg}.yo[data-a="7"]{--a:315deg}
.merkez{position:absolute;left:-46px;top:-46px;width:92px;height:92px;transform:rotateX(calc(-1*var(--t)));animation:merkez 60s linear infinite}
@keyframes merkez{from{transform:rotateZ(0) rotateX(calc(-1*var(--t)))}to{transform:rotateZ(360deg) rotateX(calc(-1*var(--t)))}}
.merkez img{width:92px;height:92px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.28))}
@media (min-width:900px){.halka3{--r:200px}.yo,.yo img{width:68px;height:68px}.yo{left:-34px;top:-34px}.merkez{width:116px;height:116px;left:-58px;top:-58px}.merkez img{width:116px;height:116px}}
.dil{display:inline-flex;align-items:center;min-height:44px}
.gz{padding:40px 0 72px}
@media (min-width:900px){.gz{padding:72px 0 96px}}
.gz .w{max-width:calc(760px + 2*var(--g))}
.gz h1{font-size:44px;line-height:48px;font-weight: 800;letter-spacing:-.022em}
@media (min-width:900px){.gz h1{font-size:64px;line-height:68px;letter-spacing:-.03em}}
.gz .ac{margin-top:16px}
.gz-bolum{margin-top:64px;scroll-margin-top:88px}
.gz-bolum h2{font-size:28px;line-height:34px;font-weight: 780;letter-spacing:-.02em}
@media (min-width:900px){.gz-bolum h2{font-size:34px;line-height:41px;font-weight: 800}}
.gz-bolum h3{font-size:20px;line-height:25px;font-weight: 780;letter-spacing:-.012em;margin-top:32px}
.gz-bolum p{margin-top:16px;font-size:19px;line-height:28px;letter-spacing:.002em;color:var(--t2)}
.gz-bolum ul{margin:12px 0 0;padding:0;list-style:none}
.gz-bolum li{position:relative;padding:12px 0 12px 24px;font-size:17px;line-height:25.5px;letter-spacing:.002em;color:var(--t2);border-top:1px solid var(--ln)}
.gz-bolum li:first-child{border-top:0}
.gz-bolum li::before{content:'';position:absolute;left:4px;top:19px;width:6px;height:6px;border-radius:50%;background:var(--t3)}
.gz-bolum li b{color:var(--tx);font-weight: 640}
.gz-bolum a{color:var(--act)}
.gz-anahtar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 16px;margin-top:20px;padding:20px;border-radius:var(--mz-r-card);background:var(--card)}
.gz-anahtar label{font-size:17px;line-height:22px;font-weight: 500}
.gz-durum{grid-column:1;font-size:15px;line-height:20px;letter-spacing:.002em;color:var(--t2)}
.gz-anahtar input{grid-column:2;grid-row:1/span 2;appearance:none;-webkit-appearance:none;width:51px;height:31px;margin:0;border-radius:var(--mz-r-full);background-color:var(--mz-ctl-track);position:relative;cursor:pointer;transition:background .2s}
.gz-anahtar input::after{content:'';position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .2s}
.gz-anahtar input::before{content:'';position:absolute;inset:-6.5px 0}
.gz-anahtar input:checked{background-color:var(--mz-switch-on,#0077F0)}
.gz-anahtar input:checked::after{transform:translateX(20px)}
.gz-anahtar input:disabled{opacity:.5;cursor:default}
.gz-anahtar input:focus-visible{outline:3px solid var(--mz-primary);outline-offset:2px}
.gz-guncel{margin-top:56px;font-size:15px;line-height:20px;letter-spacing:.002em;color:var(--t2)}
.alt .son{align-items:center}
.alt .son a.gz-l{color:inherit;display:inline-flex;align-items:center;min-height:44px}
.gz li > a{position:relative}.gz li > a::after{content:"";position:absolute;inset:-12px -8px}
:root{--mz-ust-arac:calc(env(safe-area-inset-top,0px) + 16px)}
.bar{padding-top:var(--mz-ust-arac);padding-bottom:12px}
.bar .w{height:44px}
.aile,.olcum{gap:21px}
.ak{padding:21px}
.ak .ok{right:21px}
body{font-weight:500}
.alt a{position:relative}.alt a::after{content:"";position:absolute;inset:-2px -4px}
main ul>li>a:not([class]){position:relative}main ul>li>a:not([class])::after{content:"";position:absolute;inset:-12px -9px}
.hemen{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:10px}
.hemen-et{font-size:13px;line-height:18px;font-weight:600;color:var(--t2);letter-spacing:0}
.hemen-l{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.hemen-l a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 8px;border-radius:var(--mz-r-m,16px);background:var(--card2);color:var(--tx);text-decoration:none;font-size:15px;font-weight:600}
.hemen-l a img{width:28px;height:28px;border-radius:22.5%}
.hemen-l a:active{opacity:.7}
.hemen-l a:focus-visible{outline:3px solid var(--act);outline-offset:2px}
.bol-ek{display:grid;gap:40px;padding-top:64px;padding-bottom:32px;border-top:.5px solid var(--ln)}
@media (min-width:900px){.bol-ek{grid-template-columns:repeat(3,1fr);padding-top:96px}}
.be h3{font-size:34px;line-height:41px;font-weight:800;letter-spacing:-.02em}
.be p{font-size:17px;line-height:24px;letter-spacing:.002em;color:var(--t2);margin-bottom:8px}
.be p.be-k{font-size:15px;line-height:20px;font-weight:640;letter-spacing:-.008em;margin:4px 0 12px}
.a-alt{font-size:20px;line-height:25px;font-weight:780;letter-spacing:-.012em;margin:48px 0 16px}
.katil{padding:72px 0 96px;border-top:.5px solid var(--ln)}
.kt-bas{text-align:center;display:flex;flex-direction:column;align-items:center}
.kt-bas>img{width:72px;height:72px;border-radius:22.5%;margin-bottom:20px}
.kt-bas .ac{margin-top:16px;max-width:30em}
.kt-k{margin-top:48px}
.kt-k h3{font-size:15px;line-height:20px;font-weight:640;letter-spacing:-.008em;color:var(--t2);text-align:center;margin-bottom:16px}
.kt-l{list-style:none;margin:0 auto;padding:0;max-width:640px;border-radius:var(--mz-r-card);background:var(--card);overflow:hidden}
.kt-l li+li .kt-a::before{content:"";position:absolute;left:77px;right:0;top:0;border-top:.5px solid var(--ln)}
.kt-l .kt-a{position:relative;display:flex;align-items:center;gap:16px;min-height:64px;padding:12px 21px;color:var(--tx);text-decoration:none}
.kt-l .kt-a:active{background:var(--card2)}
.kt-l .kt-a:focus-visible{outline:3px solid var(--act);outline-offset:-3px}
.kt-l img{width:40px;height:40px;flex:none;border-radius:22.5%}
.kt-l span{flex:1;min-width:0}
.kt-l b{display:block;font-size:17px;line-height:22px;font-weight:780;letter-spacing:-.012em}
.kt-l small{display:block;font-size:15px;line-height:20px;letter-spacing:.002em;color:var(--t2)}
.kt-l .ok{color:var(--t3);flex:none}
.kt-not{margin-top:20px;text-align:center;font-size:15px;line-height:20px;letter-spacing:.002em;color:var(--t2)}
.bar nav .dil-sec{position:relative;display:inline-flex;align-items:center;gap:2px;height:32px;padding:2px;margin-right:4px;border-radius:var(--mz-r-full);background:var(--mz-fill);color:var(--t2);font-size:13px;line-height:18px;font-weight:600;letter-spacing:.02em}
.dil-sec span{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 7px;border-radius:var(--mz-r-full)}
.dil-sec span[aria-current]{background:var(--bg);color:var(--tx);box-shadow:0 1px 2px rgba(0,0,0,.14)}
.dil-sec::after{content:'';position:absolute;inset:-6px 0}
.dil-sec:hover span:not([aria-current]){color:var(--tx)}