.auth-wrap {
            min-height: calc(100vh - 170px);
            display: grid;
            place-items: center;
            padding: 48px 20px 72px;
            background: radial-gradient(circle at 18% 18%, rgba(170, 53, 22, .2), transparent 30%), var(--bg)
        }

        .auth-shell {
            width: min(880px, 100%);
            display: grid;
            grid-template-columns: .9fr 1fr;
            overflow: hidden;
            border: 1px solid var(--border);
            border-radius: 12px;
            background: var(--surface);
            box-shadow: var(--shadow)
        }

        .auth-brand {
            padding: 38px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 42px;
            background: linear-gradient(145deg, rgba(170, 53, 22, .3), rgba(255, 255, 255, .02))
        }

        .auth-brand img {
            width: 170px;
            height: 150px;
            object-fit: contain
        }

        .auth-brand strong {
            display: block;
            font-family: Impact, Arial Black, sans-serif;
            font-size: 34px;
            text-transform: uppercase
        }

        .auth-brand p {
            margin: 10px 0 0;
            color: var(--muted);
            line-height: 1.6
        }

        .auth-panel {
            padding: 38px
        }

        .auth-panel h1 {
            margin: 0 0 8px;
            font-family: Impact, Arial Black, sans-serif;
            font-size: 38px;
            text-transform: uppercase
        }

        .auth-panel>p {
            margin: 0 0 26px;
            color: var(--muted)
        }

        .auth-form {
            display: grid;
            gap: 17px
        }

        .auth-form label {
            display: block;
            margin-bottom: 7px;
            color: var(--muted);
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase
        }

        .auth-password-heading {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            gap: 14px
        }

        .auth-password-heading a {
            color: var(--accent);
            font-size: 13px;
            font-weight: 850;
            text-align: right
        }

        .auth-form input {
            width: 100%;
            min-height: 49px;
            padding: 0 14px
        }

        .auth-actions {
            display: grid;
            gap: 10px;
            margin-top: 5px
        }

        .auth-error {
            padding: 12px 14px;
            border: 1px solid rgba(255, 100, 80, .35);
            border-radius: 7px;
            color: #ffc1b6;
            background: rgba(170, 53, 22, .13);
            font-size: 13px
        }

        .auth-success {
            padding: 12px 14px;
            border: 1px solid rgba(81, 201, 126, .35);
            border-radius: 7px;
            color: #baf0cd;
            background: rgba(40, 150, 84, .13);
            font-size: 13px
        }

        .auth-switch {
            margin: 18px 0 0;
            color: var(--muted);
            font-size: 13px;
            text-align: center
        }

        .auth-switch a { color: var(--accent); font-weight: 850 }

        @media(max-width:720px) {
            .auth-shell {
                grid-template-columns: 1fr
            }

            .auth-brand {
                padding: 25px
            }

            .auth-brand img {
                width: 110px;
                height: 90px
            }

            .auth-panel {
                padding: 25px
            }
        }
.auth-remember{display:flex!important;min-height:24px;align-items:center;gap:9px;color:#d5c4ba;font-size:11px;font-weight:750;cursor:pointer}.auth-remember input{width:17px!important;height:17px!important;min-height:0!important;margin:0;accent-color:#dc592c}.auth-remember span{line-height:1.35}