body {
    background:#f1f5f9;
    color:#19344b
}

 .brand {
    background:#12334d;
    color:white;
    padding:22px
}

 .card {
    border:0;
    box-shadow:0 4px 20px #18344b10;
    border-radius:14px
}

 .btn-primary {
    background:#087e83;
    border-color:#087e83
}

 .sidebar {
    width:250px;
    background:#12334d;
    min-height:100vh;
    padding:24px;
    position:fixed;
    color:white
}

.sidebar a,.sidebar button {
    color:white;
    text-decoration:none;
    display:block;
    padding:12px 4px
}

.workspace {
    margin-left:250px;
    padding:30px
}

.captcha {
    border:1px solid #cbd5e1;
    border-radius:8px
}

.hero {
    padding:70px 25px;
    background:#12334d;
    color:white
}

.form-label {
    font-weight:600
}

 @media(max-width:767px) {
    .sidebar {
    position:relative;
    width:100%;
    min-height:auto
}

.workspace {
    margin-left:0;
    padding:18px
}


}