body {
            min-height: 100vh;
            background:
                linear-gradient(180deg, #edf5f2 0, #f6f8f7 320px);
            color: #17211d;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
            letter-spacing: 0;
            -webkit-font-smoothing: antialiased;
        }

        .login-shell {
            min-height: 100vh;
            display: grid;
            place-items: center;
            padding: 24px;
        }

        .login-panel {
            width: min(100%, 460px);
            background: #fff;
            border: 1px solid #d8e3df;
            border-radius: 8px;
            box-shadow: 0 20px 54px rgba(18, 33, 28, .09);
            overflow: hidden;
        }

        .login-heading {
            padding: 30px 30px 22px;
            border-bottom: 1px solid #edf2f0;
            background: #fbfcfb;
        }

        .login-body {
            padding: 30px;
        }

        .brand-mark {
            width: 44px;
            height: 44px;
            border-radius: 8px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #e8b15c;
            color: #17251f;
            font-size: 1.2rem;
        }

        .brand-logo {
            width: 44px;
            height: 44px;
            border-radius: 8px;
            object-fit: contain;
            background: #fff;
            border: 1px solid #d8e3df;
        }

        .form-control,
        .btn {
            min-height: 44px;
            border-radius: 8px;
        }

        .form-label {
            color: #4b5d56;
            font-size: .76rem;
            font-weight: 760;
            margin-bottom: 6px;
            text-transform: uppercase;
        }

        .form-control {
            background: #fbfcfb;
            border-color: #cfdcd7;
            font-weight: 520;
        }

        .form-control:hover {
            background: #fff;
            border-color: #c8d6d0;
        }

        .form-control:focus {
            border-color: #087f75;
            box-shadow: 0 0 0 .2rem rgba(8, 127, 117, .12);
        }

        .btn-primary {
            background: #087f75;
            border-color: #087f75;
            box-shadow: 0 12px 20px rgba(8, 127, 117, .2);
            font-weight: 700;
        }

        .btn-primary:hover {
            background: #0b5f59;
            border-color: #0b5f59;
        }

        .form-check {
            min-height: 36px;
            display: flex;
            align-items: center;
            gap: 9px;
        }

        .form-check-input {
            border-color: #b8c8c2;
            margin-top: 0;
        }

        .form-check-input:checked {
            background-color: #087f75;
            border-color: #087f75;
        }

        .portal-link {
            color: #64736d;
            font-weight: 650;
            text-decoration: none;
        }

        .portal-link:hover {
            color: #087f75;
        }

.register-client-shell {
    max-width: 760px;
}

.register-partner-shell {
    max-width: 680px;
}