:root {
    --glass-bg: rgba(255,255,255,.08);
    --glass-brd: rgba(255,255,255,.22);
    --glass-shadow: 0 10px 35px rgba(0,0,0,.25);
}

body.auth {
    min-height: 100vh;
    background: radial-gradient(1200px 800px at 10% -10%, #a7e0ff 0%, #6da8ff 35%, rgba(24,32,62,1) 100%) fixed;
    color: #e9eefc;
}

.auth-hero {
    max-width: 540px;
}

.glass {
    background: var(--glass-bg);
    border: 1px solid var(--glass-brd);
    border-radius: 20px;
    backdrop-filter: blur(14px);
    box-shadow: var(--glass-shadow);
}

.brand-badge {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg,#7bc9ff, #6a8dff);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    box-shadow: 0 6px 22px rgba(0,0,0,.25);
}

.form-floating > .form-control {
    background: rgba(255,255,255,.12);
    color: #fff;
    border-color: rgba(255,255,255,.25);
}

    .form-floating > .form-control:focus {
        background: rgba(255,255,255,.18);
        color: #fff;
        border-color: #9cc7ff;
        box-shadow: 0 0 0 .2rem rgba(109,168,255,.25);
    }

.form-check-input {
    border-color: rgba(255,255,255,.4);
    background-color: transparent;
}

    .form-check-input:checked {
        background-color: #6da8ff;
        border-color: #6da8ff;
    }

.text-muted a {
    color: #cfe3ff;
}

.btn-primary {
    border: 0;
    background: linear-gradient(135deg,#6da8ff,#6a8dff);
}

    .btn-primary:disabled {
        opacity: .8;
    }

.small-link {
    color: #dfe8ff;
    opacity: .9;
}