.auth-input {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 0.75rem;
    padding: 0.65rem 0.9rem;
    font-size: 0.9rem;
    color: #334155;
    background: #f8fafc;
    transition: all 0.2s ease;
}

.auth-input:focus {
    outline: none;
    border-color: #10b981;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15);
}

.auth-input.pr-11 {
    padding-right: 2.75rem;
}

.auth-primary {
    background: linear-gradient(
        90deg,
        var(--clsu-cobra) 0%,
        var(--clsu-green) 100%
    );
    transition: opacity 0.2s ease;
}

.auth-primary:hover {
    opacity: 0.9;
}

.auth-secondary {
    background: linear-gradient(90deg, #1d4ed8 0%, #2563eb 100%);
    transition: opacity 0.2s ease;
}

.auth-secondary:hover {
    opacity: 0.9;
}

.green-grad {
    background: linear-gradient(
        135deg,
        rgba(0, 129, 2, 1) 0%,
        rgba(149, 210, 45, 1) 100%
    );
}