.hash-generator-card {
    border: 1px solid #e9ecef;
}

.upload-area {
    border: 2px dashed #dee2e6;
    transition: all 0.3s ease;
    background: #f8f9fa;
}

    .upload-area:hover {
        border-color: #1a2a6c;
        background: #e9ecef;
    }

.border-dashed {
    border-style: dashed !important;
}

.hash-item {
    transition: all 0.3s ease;
    background: white;
}

    .hash-item:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }

.hash-value {
    font-family: 'Courier New', monospace;
    font-size: 0.9rem;
    word-break: break-all;
}

.feature-item {
    transition: all 0.3s ease;
}

    .feature-item:hover {
        transform: translateY(-5px);
    }

.algo-card {
    transition: all 0.3s ease;
}

    .algo-card:hover {
        background: #f8f9fa;
        border-color: #1a2a6c;
    }

.algorithm-info {
    border: 1px solid #e9ecef;
}

.btn-check:checked + .btn-outline-primary {
    background-color: #1a2a6c;
    border-color: #1a2a6c;
    color: white;
}

.form-check-input:checked {
    background-color: #1a2a6c;
    border-color: #1a2a6c;
}