/* AUTH SECTION */
.auth-section {
    position: relative;
    background: url('../login-bg.jpg') center/cover no-repeat;
}

.auth-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.85);
    z-index: 1;
}

.auth-section .container {
    position: relative;
    z-index: 2;
}

/* CARD */
.auth-card {
    background: rgba(0,0,0,0.75);
    backdrop-filter: blur(14px);
    padding: 35px;
    border-radius: 18px;
    border: 1px solid rgba(212,175,55,0.4);
    box-shadow: 0 25px 60px rgba(0,0,0,0.8);
}

/* TEXT */
.auth-title {
    color: #fff;
    font-weight: 600;
}

.auth-subtitle {
    color: #aaa;
    font-size: 0.9rem;
}

/* INPUTS */
.auth-card .form-control {
    background: transparent;
    border: 1px solid #444;
    color: #fff;
}

.auth-card .form-control:focus {
    border-color: #d4af37;
    box-shadow: none;
}

.input-group-text {
    background: transparent;
    border: 1px solid #444;
    color: #d4af37;
}

/* BUTTON */
.auth-btn {
    background: linear-gradient(135deg, #d4af37, #b8962e);
    color: #000;
    border-radius: 30px;
    font-weight: 600;
    padding: 12px;
    transition: all 0.3s ease;
}

.auth-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(212,175,55,0.5);
}

/* FOOTER */
.auth-footer a {
    color: #d4af37;
    text-decoration: none;
}