@font-face {
    font-family: 'Inter';
    src: url('../webfonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
}

body {
    font-family: "Inter", sans-serif!important;
    font-optical-sizing: auto;
    font-style: normal;
    background-color: #f2f2f2;
    color: #6E6E73;
}

.login-container {
    min-height: 100vh;
}

.card.shadow.p-5{
    box-shadow: 2px 4px 12px #00000014;
    border: none;
    border-radius: 14px;
}

.card.shadow.p-5 h2{
    background-image: linear-gradient(108deg,#0079d0 0,#9e52d8 32%,#da365c 84%,#d04901 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-weight: 700;
}

.card.shadow.p-5 h2 + p{
    color: #6E6E73;
    font-weight: 400;
}

input.form-control {
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

input.form-control:focus {
    border-color: #28a745;
    box-shadow: 0 0 5px rgba(40, 167, 69, 0.5);
}

button[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
}