header{
        position: sticky;
        top: 0%;
        z-index: 1000;
    }
    /* Navbar hover effects */
    .navbar-nav .nav-link {
        font-size: 1rem;
        font-weight: 500;
        color: #333;
        transition: color 0.3s ease, transform 0.3s ease;
    }

    .navbar-nav .nav-link:hover {
        color: #007bff;
        transform: scale(1.1);
    }

    .navbar-nav .nav-link.active {
        color: #007bff;
        font-weight: bold;
    }

    /* Login button styling */
    .btn-primary {
        background-color: #ff7c7c;
        border: none;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }

    .btn-primary:hover {
        background-color: #ff4f4f;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    /* Register button styling */
    .btn-success {
        background-color: #28a745;
        border: none;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }

    .btn-success:hover {
        background-color: #218838;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    /* Sticky navbar shadow */
    .sticky-top {
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }