html,
body {
    font-family: "Segoe UI", "Trebuchet MS", "Franklin Gothic Medium", sans-serif;
    color: #17324d;
    background: #f3f7fb;
}

a,
.btn-link {
    color: #0f6a9e;
}

a:hover,
.btn-link:hover {
    color: #0a4d73;
}

.btn-primary {
    color: #ffffff;
    background: linear-gradient(135deg, #0f6a9e 0%, #1482b8 100%);
    border-color: #0f6a9e;
}

.btn-primary:hover,
.btn-primary:focus {
    background: linear-gradient(135deg, #0d5f8e 0%, #106e9f 100%);
    border-color: #0d5f8e;
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem #ffffff, 0 0 0 0.24rem rgba(15, 106, 158, 0.36);
}

h1:focus {
    outline: none;
}

.hero-card {
    background: #ffffff;
    border: 1px solid #dbe6f1;
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 16px 36px rgba(15, 53, 87, 0.1);
    max-width: 720px;
}

.hero-card h1 {
    margin-bottom: 0.7rem;
}

.hero-card p {
    color: #4f667e;
    margin-bottom: 1.3rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: #ad1515;
    padding: 1rem;
    color: #ffffff;
}

.blazor-error-boundary::after {
    content: "An error has occurred.";
}

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}