:root {
    --purple: #005081;
    --purple-dark: #003b61;
    --yellow: #0bb3cd;
    --ink: #202d3a;
    --muted: #697985;
    --line: #d8e0e5;
}

.field-label {
    display: inline;
}

.login-box label b {
    display: inline;
    color: #e7434a;
}

.story-panel {
    background: linear-gradient(145deg, #005081, #003b61);
}

.story-content h2 {
    color: #fff;
}

.story-mark {
    border-color: #0bb3cd;
    color: #0bb3cd;
}

.shape {
    border-color: rgba(11, 179, 205, .12);
}

.submit-button {
    background: #005081;
    box-shadow: 0 8px 18px rgba(0, 80, 129, .22);
}

.submit-button:hover {
    background: #003b61;
}

.medef-login-logo {
    width: 230px;
    height: 60px;
    padding: 6px 10px;
    border-radius: 8px;
    background: #fff;
}

.medef-login-logo img,
.medef-story-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.medef-story-logo {
    width: 250px;
    height: 88px;
    padding: 10px 14px;
    border: 0;
    border-radius: 10px;
    background: #fff;
}