body.auth-body-bg {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100vh;
    background: radial-gradient(circle at top, #2a1f2f 0%, #0f1117 40%, #0b0d14 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Remove accountbg */
.accountbg {
    display: none;
}

/* Keep card centered */
.wrapper-page {
    margin-top: 2vh !important;
    margin-bottom: 0 !important;
}

/* Titles */
.auth-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #ffffff;
}

.auth-subtitle {
    font-size: 14px;
    margin-bottom: 30px;
    color: #bbbbbb;
}

/* Labels (kept last clean version only) */
.form-label-custom {
    display: block;
    text-align: left;
    font-size: 14px;
    margin-bottom: 4px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    color: #bbbbbb;
}

/* Button */
.btn-primary {
    background-color: #ff0000 !important;
    border: none !important;
}

.btn-primary:hover {
    background-color: #cc0000 !important;
}

/* Create account */
.create-account {
    text-align: center;
    margin-top: 20px;
    color: #bbbbbb;
}

.create-account a {
    color: #ff0000;
    font-weight: 600;
    text-decoration: none;
}

.create-account a:hover {
    text-decoration: underline;
}

/* Footer */
.footer-text {
    text-align: center;
    margin: 15px 0;
    font-size: 13px;
    color: #888888;
}

/* Form spacing */
.form-group {
    margin-bottom: 18px !important;
}

.form-horizontal {
    margin-top: 10px !important;
}

/* Remove bootstrap column padding */
.form-group .col-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Eye icon */
.toggle-password {
    position: absolute;
    right: 15px;
    top: 42px;
    cursor: pointer;
    color: #6c757d;
    font-size: 20px;
}

.toggle-password:hover {
    color: #ffffff;
}

/* Inputs (only one version kept) */
.form-control {
    background-color: #111827 !important;
    border: 1px solid #2a3142 !important;
    color: #ffffff !important;
    height: 48px;
    border-radius: 8px;
    padding-right: 45px;
}

.form-control::placeholder {
    color: #6c757d !important;
}

.form-control:focus {
    background-color: #111827 !important;
    border-color: #ff0000 !important;
    box-shadow: none !important;
}

/* Card (only last version kept) */
.card {
    margin-bottom: 0 !important;
    background-color: #1c2230 !important;
    border: 1px solid #2a3142 !important;
    border-radius: 15px !important;
    box-shadow: 0 0 40px rgba(0,0,0,0.5);
}