/* Kayıt ekranı, giriş ekranıyla aynı fotoğraf ve sağ taraftaki sis geçişini kullanır. */
.kayit-sayfasi{
    min-height:100vh!important;
    position:relative!important;
    overflow:auto!important;
    display:grid!important;
    align-items:center!important;
    justify-items:end!important;
    padding:54px clamp(38px,8vw,150px)!important;
    background-image:url("../images/login-background.webp?v=1")!important;
    background-size:cover!important;
    background-position:center center!important;
    background-color:#f5ede2!important;
}
.kayit-sayfasi::before{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    inset:0!important;
    background:linear-gradient(90deg,rgba(245,237,226,0) 0%,rgba(245,237,226,.02) 35%,rgba(249,243,235,.18) 53%,rgba(250,246,240,.62) 72%,rgba(250,247,242,.9) 100%),radial-gradient(circle at 79% 51%,rgba(255,255,255,.36),transparent 37%)!important;
    pointer-events:none!important;
}
.kayit-sayfasi::after{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    width:min(58vw,980px)!important;
    height:min(88vh,900px)!important;
    right:-6vw!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    border-radius:50%!important;
    background:rgba(255,250,244,.16)!important;
    filter:blur(28px)!important;
    pointer-events:none!important;
}
.kayit-alani{
    position:relative!important;
    z-index:2!important;
    width:min(100%,560px)!important;
    margin-right:clamp(0px,1vw,18px)!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.kayit-marka{display:flex!important;justify-content:center!important;margin:0 0 14px!important}
.kayit-marka .marka-logosu{width:clamp(140px,10vw,176px)!important;height:auto!important}
.kayit-baslik-alani{margin-bottom:18px!important}
.kayit-baslik-alani h1,.kayit-sonuc h1{font-size:clamp(35px,3vw,48px)!important}
.kayit-baslik-alani p{margin-top:12px!important;font-size:14px!important;line-height:1.58!important}
.kayit-formu{display:grid;gap:17px}
.kayit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.kayit-grid label{display:grid;gap:7px}.kayit-grid label>span{color:#17233d;font-size:12px;font-weight:850;letter-spacing:.025em}.kayit-grid .tam-satir{grid-column:1/-1}
.kayit-grid input{width:100%;min-height:50px;border:1px solid rgba(42,54,77,.16);border-radius:12px;padding:0 15px;color:#182238;background:rgba(255,255,255,.58);outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.58);backdrop-filter:blur(8px);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.kayit-grid input:focus{border-color:rgba(44,64,105,.58);background:rgba(255,255,255,.82);box-shadow:0 0 0 4px rgba(44,64,105,.08)}
.kayit-sifre{position:relative}.kayit-sifre input{padding-right:66px}.kayit-sifre button{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#667187;font-size:11px;font-weight:850;cursor:pointer}
.kayit-ana-buton{width:100%;min-height:54px;border:0;border-radius:13px;padding:0 18px 0 21px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(120deg,#17233d,#2c4069);box-shadow:0 14px 30px rgba(23,35,61,.19);font-weight:900;text-decoration:none;cursor:pointer}.kayit-ana-buton span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12)}
.kayit-alt-metin{margin:0;text-align:center;color:#6a7282;font-size:13px}.kayit-alt-metin a,.kayit-metin-baglanti{color:#17233d;font-weight:850;text-decoration:none}
.kayit-sonuc{padding:20px 0}.kayit-sonuc-ikon{display:grid;place-items:center;width:58px;height:58px;margin:0 0 20px;border-radius:18px;color:#fff;background:#1f8c58;font-size:28px;font-weight:950;box-shadow:0 14px 28px rgba(31,140,88,.18)}.kayit-sonuc.hata .kayit-sonuc-ikon{background:#b5302b}.kayit-sonuc p{margin:14px 0;color:#5f687b;font-size:15px;line-height:1.7}.kayit-sonuc .kayit-ana-buton{margin-top:22px}.kayit-vurgu{padding:13px 15px;border-radius:12px;background:rgba(255,255,255,.55);border:1px solid rgba(42,54,77,.1)}.kayit-metin-baglanti{display:inline-block;margin-top:18px;font-size:13px}
@media(max-width:760px){.kayit-sayfasi{padding:82px 20px 48px!important;background-position:41% center!important}.kayit-sayfasi::before{background:rgba(250,247,242,.9)!important}.kayit-alani{width:min(100%,560px)!important;margin:0 auto!important}.kayit-grid{grid-template-columns:1fr}.kayit-grid .tam-satir{grid-column:auto}.kayit-marka{display:none!important}}