:root{--marka-lacivert:#0b2150;--marka-yesil:#33691f;--marka-yesil-acik:#7cc04e;--marka-turuncu:#ef7420;--marka-pembe:#c84058;--marka-sari:#f5b83d}.ekran{--u:min(100vw / 1920, 100dvh / 1080);min-height:100dvh;position:relative;overflow:clip}@media (orientation:portrait){.ekran{--u:min(100vw / 1080, 100dvh / 1920)}}.dil-secici{gap:calc(6 * var(--u));padding:max(3px, calc(8 * var(--u)));border:max(1.5px, calc(3 * var(--u))) solid #ffffff4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff29;border-radius:999px;flex-shrink:0;display:flex}.dil-secici button{align-items:center;gap:calc(10 * var(--u));height:max(34px, calc(64 * var(--u)));padding:0 max(10px, calc(22 * var(--u))) 0 max(4px, calc(9 * var(--u)));font-size:max(13px, calc(30 * var(--u)));color:#fff;border-radius:999px;font-weight:800;transition:background .2s,color .2s,transform .1s;display:flex}.dil-secici button:active{transform:scale(.94)}.dil-secici button.secili{color:var(--marka-lacivert);box-shadow:0 calc(6 * var(--u)) 0 #00000040;background:#fff}.dil-secici .bayrak{width:max(24px, calc(46 * var(--u)));height:max(24px, calc(46 * var(--u)));border:max(1.5px, calc(3 * var(--u))) solid #fff;border-radius:50%;display:block;overflow:hidden;box-shadow:0 2px 6px #0003}.dil-secici .bayrak svg{width:100%;height:100%}.dil-secici button:not(.secili) .bayrak{opacity:.75}@media (orientation:portrait){.dil-secici{gap:2px;padding:3px}.dil-secici button{height:max(30px, calc(84 * var(--u)));padding:0 max(9px, calc(28 * var(--u))) 0 max(3px, calc(12 * var(--u)));font-size:max(12px, calc(38 * var(--u)));gap:5px}.dil-secici .bayrak{width:max(22px, calc(60 * var(--u)));height:max(22px, calc(60 * var(--u)));border-width:1.5px}.geri-butonu{width:max(38px, calc(110 * var(--u)))}.ilerleme{gap:max(4px, calc(14 * var(--u)))}.ilerleme span{width:max(16px, calc(96 * var(--u)));height:max(6px, calc(20 * var(--u)))}}.dil-secici.acik{background:#fff9;border-color:#ffffffe6}.dil-secici.acik button{color:var(--lacivert)}.dil-secici.acik button.secili{background:var(--marka-lacivert);color:#fff;box-shadow:0 calc(6 * var(--u)) 0 #14284b40}.geri-butonu{width:max(44px, calc(110 * var(--u)));aspect-ratio:1;color:var(--lacivert);box-shadow:0 calc(8 * var(--u)) 0 #14284b26;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;transition:transform 80ms,box-shadow 80ms;display:grid}.geri-butonu svg{width:50%;height:50%}.geri-butonu:active{transform:translateY(calc(6 * var(--u)));box-shadow:0 calc(2 * var(--u)) 0 #14284b26}.ilerleme{gap:calc(14 * var(--u));min-width:0;display:flex}.ilerleme span{min-width:10px;width:max(28px, calc(96 * var(--u)));height:max(7px, calc(20 * var(--u)));background:#14284b1f;border-radius:999px;flex-shrink:1}.ilerleme span.tamam{background:var(--marka-yesil)}.ilerleme span.simdi{background:var(--marka-yesil);box-shadow:0 0 0 calc(5 * var(--u)) #33691f38}.sus-oge{width:calc(var(--b) * var(--u));height:calc(var(--b) * var(--u));pointer-events:none;position:absolute}.sus-oge svg{width:100%;height:100%;display:block}