body{
    background:#f4f7fb;
    font-family:Arial,Helvetica,sans-serif;
}

.card{
    border:none;
    border-radius:15px;
}

.card-body{
    padding:40px;
}

h2{
    font-weight:bold;
    color:#0d6efd;
}

.form-control{
    height:50px;
    border-radius:10px;
}

textarea.form-control{
    height:auto;
    min-height:180px;
    resize:none;
}

.btn{
    border-radius:10px;
    height:50px;
    font-size:17px;
    line-height:2.2;
}

.spinner-border{
    width:3rem;
    height:3rem;
}

#resultSection{
    animation:fadeIn .4s ease-in-out;
}

@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}