body {

    background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);

    min-height: 100vh;

    padding: 60px;

    font-family: Segoe UI;

}

.search-card {

    border: none;

    border-radius: 20px;

    overflow: hidden;

}

.card-body {

    padding: 40px;

}

h2 {

    font-weight: bold;

    color: #0d6efd;

}

.form-control {

    height: 60px;

    border-radius: 10px 0 0 10px;

}

.btn {

    width: 180px;

    font-size: 20px;

    border-radius: 0 10px 10px 0;

}

.table {

    margin-top: 20px;

    background: white;

}

.table th {

    background: #0d6efd;

    color: white;

}

.table td {

    font-weight: 500;

}

img {

    border-radius: 10px;

}

@media(max-width:768px) {

    body {

        padding: 20px;

    }

    .btn {

        width: 120px;

    }

}