/*.login-page {
    min-height: calc(100vh - 2rem);
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: radial-gradient(900px 500px at -10% -10%, rgba(13, 110, 253, .16), transparent 60%), radial-gradient(900px 500px at 110% 110%, rgba(154, 23, 39, .14), transparent 60%), linear-gradient(145deg, #89aedb 0%, #63799b 48%, #a8bede 100%);
    border-radius: 1rem;
}*/
.login-page {
    position: relative;
    min-height: calc(100vh - 2rem);
    display: grid;
    place-items: center;
    padding: 1.5rem;
    border-radius: 1rem;
    overflow: hidden;
    background: radial-gradient( 900px 500px at -10% -10%, rgba(13, 110, 253, .22), transparent 60% ), radial-gradient( 900px 500px at 110% 110%, rgba(154, 23, 39, .18), transparent 60% ), linear-gradient( 145deg, rgba(137,174,219,.78) 0%, rgba(99,121,155,.72) 48%, rgba(168,190,222,.76) 100% );
    backdrop-filter: blur(18px) saturate(1.1);
    -webkit-backdrop-filter: blur(18px) saturate(1.1);
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 10px 30px rgba(15,23,42,.12);
}

    /* Cam hissi */
    .login-page::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 135deg, rgba(255,255,255,.12), rgba(255,255,255,.03) 38%, rgba(255,255,255,.02) 100% );
        pointer-events: none;
    }
.login-shell {
    width: 100%;
    max-width: 920px;
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 1.1rem;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(15,23,42,.14), 0 6px 16px rgba(30,64,175,.10);
    backdrop-filter: blur(6px);
}

.login-panel-left {
    background: linear-gradient(165deg, #9A1727 0%, #b42335 45%, #7c1320 100%);
    color: #fff;
    position: relative;
}

    .login-panel-left::after {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 80% 20%, rgba(255,255,255,.18), transparent 35%);
        pointer-events: none;
    }

.login-brand {
    width: 132px;
    height: auto;
    filter: drop-shadow(0 6px 14px rgba(0,0,0,.22));
}

.login-panel-right {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.94));
}

.login-input {
    height: 44px;
    border-radius: .65rem;
    border: 1px solid rgba(15,23,42,.14);
    transition: border-color .2s ease, box-shadow .2s ease;
}

    .login-input:focus {
        border-color: #2563eb;
        box-shadow: 0 0 0 .2rem rgba(37,99,235,.12);
    }

.login-submit {
    position: relative;
    overflow: hidden;
    height: 46px;
    border-radius: .85rem;
    padding: 0 1.5rem;
    border: 1px solid rgba(255,255,255,.07);
    /* Derin premium crimson tone */
    background: linear-gradient( 180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.02) 18%, rgba(0,0,0,.05) 100% ), linear-gradient( 165deg, #7a0f1f 0%, #9A1727 22%, #c12a3d 52%, #851320 78%, #5e0c17 100% );
    color: #fff;
    font-weight: 700;
    letter-spacing: .025em;
    box-shadow: 0 14px 30px rgba(122,15,31,.30), 0 6px 14px rgba(94,12,23,.22), inset 0 1px 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(0,0,0,.18);
    transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease, filter .3s ease, border-color .3s ease;
    isolation: isolate;
}

    /* Metalik edge */
    .login-submit::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        padding: 1px;
        background: linear-gradient( 140deg, rgba(255,255,255,.22), rgba(255,255,255,.04) 28%, rgba(255,255,255,.10) 58%, rgba(0,0,0,.12) 82%, rgba(255,255,255,.16) );
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
    }

    /* нч derinlik */
    .login-submit::after {
        content: "";
        position: absolute;
        inset: 1px;
        border-radius: inherit;
        background: radial-gradient( circle at top, rgba(255,255,255,.12), transparent 48% ), linear-gradient( to bottom, rgba(255,255,255,.03), rgba(0,0,0,.10) );
        opacity: .9;
        pointer-events: none;
    }

    .login-submit:hover {
        transform: translateY(-2px) scale(1.018);
        background: linear-gradient( 180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.03) 18%, rgba(0,0,0,.08) 100% ), linear-gradient( 165deg, #8b1123 0%, #ab1b2d 25%, #cf3146 52%, #931625 78%, #690d18 100% );
        border-color: rgba(255,255,255,.12);
        box-shadow: 0 9px 20px rgba(122,15,31,.36), 0 5px 11px rgba(94,12,23,.28), inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.22);
        filter: saturate(1.04);
    }

    .login-submit:active {
        transform: translateY(0) scale(.985);
        box-shadow: 0 7px 16px rgba(122,15,31,.24), inset 0 3px 8px rgba(0,0,0,.20);
    }

    .login-submit:focus-visible {
        outline: none;
        box-shadow: 0 0 0 4px rgba(193,42,61,.18), 0 16px 34px rgba(122,15,31,.30);
    }