/* styles.css */

body {
    background-color: #e6edfb;
    font-family: 'Inter',sans-serif;
	font-size: 18px!important;
	font-style: normal!important;
	font-weight: 500!important;
	line-height: 24px!important;
	letter-spacing: -1px!important;
}

h1 {
    font-weight: 900;
	font-family: 'Inter',sans-serif;
	background: linear-gradient(94.23deg, #4f4bc0 3.17%, #5a7fdf 38.14%, #66b6ff 74.59%)!important;
	-webkit-background-clip: text!important;
	font-size: 80px!important;
	letter-spacing: -.06em!important;
	-webkit-text-fill-color: transparent!important;
}

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

.btn-primary {
    background-color: rgb(79, 75, 192);
    border-color: rgb(79, 75, 192);
	border-radius: 8px;
}

.btn-primary:hover {
    background-color: #5a56de;
    border-color: #5a56de;
}

.alert {
    font-size: 1.1rem;
    color: #333;
    border-radius: 8px;
    text-align: center;
}

.spinner-border {
    margin-right: 10px; /* Space between spinner and text */
}

.form-control {
    border: 1px solid #ccd4e0;
    border-radius: 5px;
}

.form-control:focus {
    border-color: #0066cc;
    box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.25);
}