body {
    background-color: #E9EDEE;
    font-family: 'Roboto', sans-serif;
}

.product-gradient {
    background: linear-gradient(111.32deg, #1F9FCD 4.28%, #35C0B3 53.5%, #46D99F 118.9%);
}

.column {
    max-width: 650px;
}

.sign-in-card .title-container {
    padding-top: 60px;
    padding-bottom: 36px;
}
.sign-in-card {
    min-height: 560px;
}
.sign-in-card .title {
    font-size: 40px;
    font-weight: 400;
}
.sign-in-card .subtitle {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 60px;
}

.card-inner-body {
    max-width: 350px;
}

.sign-in-form {
    max-width: 350px;
    margin-bottom: 60px;
}

.sign-in-form .input-text {
    box-sizing: border-box;

    padding: 14px 0px 14px 28px;
    gap: 10px;

    height: 47px;

    /* Cognitive Black_Mid */

    border: 1px solid #213149;
    border-radius: 6px;
}

.sign-in-form .sign-in-check {
    font-size: 14px;
}

.sign-in-footer {
    font-size: 14px;
    padding-top: 12px;
    padding: 12px 8px 0px 8px;
}

.cognitive-small {
    font-size: 14px;
}

.code-input {
    box-sizing: border-box;

    padding: 14px 0px 14px 28px;
    gap: 10px;

    height: 47px;
    background: #E9EDEE;
    box-shadow: inset -4px 4px 17px rgba(20, 30, 45, 0.12);
    border-radius: 6px;
}

/* colours */
.bg-product-green {
    background-color: #46D99F;
}
.cognitive-light-black {
    color: #2D4465;
}
.cognitive-black {
    color: #141E2D;
}

.bg-cognitive-light {
    background-color: #F2F4F5;
}
.cognitive-shadow {
    background: #FFFFFF;
    box-shadow: 1px 1px 16px rgba(20, 30, 45, 0.16);
}

.sign-in-button {
    height: 52px;
    background: linear-gradient(108.25deg, #1F9FCD -0.26%, #35C0B3 44.63%, #46D99F 96.01%);
    box-shadow: 3px 4px 5px rgba(45, 68, 101, 0.16);
    border-radius: 6px;

    margin-bottom: 16px;
}

.dont-show-again {
    margin-bottom: 56px;
}

.card-body a {
    color: #1F9FCD;
    font-weight: 600;
}