/* General Styles */
body {
    font-family: 'Arial', sans-serif;
    transition: background-color 0.3s, color 0.3s;
}

/* Hero Section */
.hero {
    background-color: #007bff;
    padding: 80px 0;
}

/* Input Field */
.input-group input {
    border: 2px solid #007bff;
    padding: 10px;
    font-size: 1rem;
}

/* Button Styling */
.btn-primary {
    background-color: #007bff;
    border: none;
    transition: background 0.3s ease-in-out;
}

.btn-primary:hover {
    background-color: #0056b3;
}

/* Progress Bar */
.progress {
    height: 25px;
}
.progress-bar {
    font-weight: bold;
}

/* Dark Mode */
.dark-theme {
    background-color: #121212;
    color: white;
}

.dark-theme .navbar {
    background-color: #333;
}

.dark-theme .hero {
    background-color: #222;
}

.dark-theme .btn-outline-light {
    border-color: #fff;
}

.dark-theme .btn-outline-light:hover {
    background-color: #fff;
    color: #121212;
}