/* ===========================
   LOGIN PAGE STYLES
   =========================== */

/* Import shared authentication styles */
@import url('auth-base.css');

/* ===========================
   LOGIN-SPECIFIC STYLES
   =========================== */

/* Login decorative line under logo */
.auth-logo + .auth-title::before {
    content: '';
    display: block;
    width: 120px;
    height: 1px;
    background: linear-gradient(90deg, 
                transparent 0%, 
                rgba(76, 175, 80, 0.3) 20%, 
                rgba(76, 175, 80, 0.8) 50%, 
                rgba(76, 175, 80, 0.3) 80%, 
                transparent 100%);
    margin: 0 auto var(--auth-spacing-xl) auto;
    box-shadow: 0 0 4px rgba(76, 175, 80, 0.4),
                0 0 8px rgba(76, 175, 80, 0.2),
                0 0 12px rgba(76, 175, 80, 0.1);
    border-radius: 2px;
}

/* Login input focus styling */
.input-group input:focus {
    border-color: var(--auth-primary-green);
    box-shadow: 0 0 0 4px rgba(76, 175, 80, 0.15),
                0 6px 12px rgba(0, 0, 0, 0.15),
                0 12px 24px rgba(0, 0, 0, 0.10),
                inset 0 1px 3px rgba(255, 255, 255, 0.9);
}

/* Login button styling */
.auth-button {
    background: linear-gradient(145deg, var(--auth-primary-green), var(--auth-primary-green-dark));
    border-color: var(--auth-primary-green);
}

.auth-button:hover {
    background: linear-gradient(145deg, var(--auth-primary-green-dark), var(--auth-primary-green-darker));
    border-color: var(--auth-primary-green-dark);
    box-shadow: 0 6px 16px rgba(76, 175, 80, 0.35),
                0 12px 28px rgba(0, 0, 0, 0.15),
                0 20px 40px rgba(0, 0, 0, 0.08),
                inset 0 1px 3px rgba(255, 255, 255, 0.3);
}

/* Login footer link styling */
.auth-footer a {
    color: var(--auth-primary-green);
}

.auth-footer a:hover {
    color: var(--auth-primary-green-dark);
}