.tz-giris{--egim:-7deg;--yay:cubic-bezier(0.34,1.56,0.64,1);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(400px,1fr);min-height:100vh;min-height:100dvh;background:oklch(var(--color-bg))}.tz-sahne{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate;padding:40px clamp(24px,4vw,56px);color:var(--tz-sahne-yazi);background:radial-gradient(55% 50% at 70% 40%,color-mix(in oklab,oklch(var(--color-accent)) 34%,transparent),transparent 72%),radial-gradient(45% 40% at 0 100%,color-mix(in oklab,oklch(var(--color-electric)) 16%,transparent),transparent 70%),var(--tz-murekkep);animation:tzSolma .6s var(--ease-out-expo) backwards}.tz-sahne:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle at 1px 1px,hsla(0,0%,100%,.09) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:radial-gradient(75% 70% at 62% 45%,#000 30%,transparent 100%);mask-image:radial-gradient(75% 70% at 62% 45%,#000 30%,transparent 100%)}.tz-sahne-ust{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tz-sahne-marka{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--tz-sahne-soluk)}.tz-sahne-marka svg{flex:none;width:28px;height:28px;color:var(--tz-terazi)}.tz-saat{font-size:25px;font-weight:600;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--tz-sahne-yazi)}.tz-tarih{min-height:1em;margin-top:6px;font-size:11px;letter-spacing:.04em;color:var(--tz-sahne-soluk)}.tz-terazi{position:absolute;z-index:1;right:2%;top:50%;width:min(60%,560px);transform:translateY(-56%);overflow:visible;color:var(--tz-terazi)}.tz-olcek line{stroke:currentColor;opacity:.28}.tz-olcek .tz-orta{opacity:.75}.tz-denge,.tz-olcek .tz-orta{transition:opacity .26s var(--ease-out-expo)}.tz-denge{fill:currentColor;stroke:none;font:700 11px var(--font-sans);letter-spacing:.3em;opacity:0}.tz-dengede:not(.tz-hata) .tz-olcek .tz-orta,.tz-dengede:not(.tz-hata):not(.tz-tartiyor) .tz-denge{opacity:1}.tz-kol{transform-origin:260px 200px;transform:rotate(var(--egim));animation:tzTartiIlk 1.4s var(--yay) .25s backwards}.tz-kefe,.tz-kol{transition:transform .9s var(--yay)}.tz-kefe{transform:rotate(calc(var(--egim) * -1));animation:tzKefeIlk 1.4s var(--yay) .25s backwards}.tz-kefe-sol{transform-origin:70px 200px}.tz-kefe-sag{transform-origin:450px 200px}.tz-agirlik circle{opacity:0;transform:translateY(-28px);transition:opacity .2s var(--ease-out-expo),transform .5s var(--yay)}.tz-agirlik circle.dolu{opacity:1;transform:none}.tz-tartiyor .tz-kol{animation:tzSallan .8s ease-in-out infinite alternate}.tz-tartiyor .tz-kefe{animation:tzKefeSallan .8s ease-in-out infinite alternate}.tz-hata .tz-kol{transform:rotate(11deg)}.tz-hata .tz-kefe{transform:rotate(-11deg)}.tz-hata .tz-sallanan{animation:tzSars .5s var(--ease-out-expo)}.tz-sahne-alt{position:relative;z-index:2;max-width:36rem}.tz-giris-yazi{clip-path:inset(-1em -1em 0 -1em);padding-bottom:.08em;font-size:clamp(64px,9.5vw,148px);line-height:.9;color:var(--tz-sahne-yazi)}.tz-giris-yazi .tz-yazi{line-height:.9;letter-spacing:-.055em;animation:tzYazi 1s cubic-bezier(.2,.8,.2,1) .15s backwards}.tz-slogan{max-width:30ch;margin-top:20px;font-size:clamp(16px,1.5vw,21px);font-weight:500;line-height:1.45;color:var(--tz-sahne-soluk);animation:tzYukari .7s var(--ease-out-expo) .5s backwards}.tz-slogan em{font-style:normal;color:var(--tz-sahne-yazi);background:linear-gradient(transparent 64%,color-mix(in oklab,oklch(var(--color-accent)) 50%,transparent) 64%)}.tz-giris-kutu{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:430px;margin:0 auto;padding:40px clamp(20px,4vw,44px)}.tz-giris-kutu>*{animation:tzYukari .55s var(--ease-out-expo) backwards}.tz-giris-kutu>:first-child{animation-delay:.2s}.tz-giris-kutu>:nth-child(2){animation-delay:.26s}.tz-giris-kutu>:nth-child(3){animation-delay:.32s}.tz-giris-kutu>:nth-child(4){animation-delay:.38s}.tz-giris-kutu>:nth-child(5){animation-delay:.44s}.tz-giris-kutu>:nth-child(6){animation-delay:.5s}.tz-selam{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:oklch(var(--color-accent))}.tz-giris-baslik{margin:8px 0;font-size:33px;font-weight:800;line-height:1.1;letter-spacing:-.025em;color:oklch(var(--color-strong))}.tz-giris-aciklama{margin-bottom:24px;font-size:13px;color:oklch(var(--color-ash))}.tz-giris-uyari{margin-bottom:16px;padding:10px 12px;border-left:3px solid;border-radius:6px;background:oklch(var(--color-danger)/.1);font-size:12px;font-weight:600;color:oklch(var(--color-danger-text))}.tz-giris-dugme{box-shadow:0 12px 30px -14px color-mix(in oklab,oklch(var(--color-accent-fill)) 85%,transparent)}.tz-giris-dugme svg{transition:transform .26s var(--yay)}.tz-giris-dugme:hover svg{transform:translateX(4px)}.tz-giris-alt{display:flex;align-items:center;gap:8px;margin-top:32px;padding-top:16px;border-top:1px solid oklch(var(--color-line)/var(--line-alpha));font-size:11px;color:oklch(var(--color-ash))}.tz-giris-alt svg{flex:none;width:14px;height:14px}@keyframes tzSolma{0%{opacity:0}}@keyframes tzYukari{0%{opacity:0;transform:translateY(10px)}}@keyframes tzYazi{0%{transform:translateY(105%)}}@keyframes tzTartiIlk{0%{transform:rotate(0deg)}}@keyframes tzKefeIlk{0%{transform:rotate(0deg)}}@keyframes tzSallan{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes tzKefeSallan{0%{transform:rotate(3deg)}to{transform:rotate(-3deg)}}@keyframes tzSars{20%{transform:translateX(-10px)}40%{transform:translateX(9px)}60%{transform:translateX(-6px)}80%{transform:translateX(3px)}}@media (max-width:900px){.tz-giris{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.tz-giris-kutu,.tz-sahne{min-width:0}.tz-sahne{padding:20px 20px 48px}.tz-terazi{width:min(54%,260px);right:-6px;top:88px;transform:none}.tz-sahne-alt{margin-top:140px}.tz-giris-yazi{font-size:clamp(54px,16vw,88px)}.tz-slogan{max-width:19ch;margin-top:12px;font-size:15px}.tz-giris-kutu{position:relative;z-index:2;justify-content:flex-start;max-width:none;margin:-24px 0 0;padding:32px 20px;border-radius:22px 22px 0 0;background:oklch(var(--color-bg));box-shadow:0 -18px 40px -22px rgba(0,0,0,.6)}.tz-giris-kutu>*{width:100%;max-width:460px;margin-left:auto;margin-right:auto}}@media (max-width:900px) and (max-height:700px){.tz-slogan{display:none}.tz-sahne-alt{margin-top:118px}}@media (prefers-reduced-motion:reduce){.tz-giris *,.tz-giris :after,.tz-giris :before{animation:none!important;transition:none!important}}