@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

:root {
    --primary-color: #132133;
    --primary-color-rgb: 19, 33, 51;
}

body {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1011%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/rect%3e%3cpath d='M1823.17 383.47L1835.8 383.47L1835.8 396.1L1823.17 396.1z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M333.07 61.32L382.23 61.32L382.23 113.65L333.07 113.65z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M1069.02 223.5L1124.47 223.5L1124.47 325.48L1069.02 325.48z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M1638.38 160.3L1678.68 160.3L1678.68 200.6L1638.38 200.6z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M403 825.46L458.18 825.46L458.18 880.64L403 880.64z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M1455.39 398.14 a103.48 103.48 0 1 0 206.96 0 a103.48 103.48 0 1 0 -206.96 0z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M496.59 682.46L548.65 682.46L548.65 786.29L496.59 786.29z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M998.6 144.75L1042.38 144.75L1042.38 188.53L998.6 188.53z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M1783.5 478.97L1842.63 478.97L1842.63 538.1L1783.5 538.1z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M335.33 667.78L355.74 667.78L355.74 691.02L335.33 691.02z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M190.99 425.04L287.24 425.04L287.24 434.1L190.99 434.1z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M1375.57 534.44L1429.81 534.44L1429.81 588.68L1375.57 588.68z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M1706.17 745.06 a82.11 82.11 0 1 0 164.22 0 a82.11 82.11 0 1 0 -164.22 0z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M846.63 623.07 a70.94 70.94 0 1 0 141.88 0 a70.94 70.94 0 1 0 -141.88 0z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M-9.15 1018.72a11.68 11.68 0 1 0 22.08-7.65z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M71.92 105.48 a57.7 57.7 0 1 0 115.4 0 a57.7 57.7 0 1 0 -115.4 0z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M1728.15 688.91 a92.95 92.95 0 1 0 185.9 0 a92.95 92.95 0 1 0 -185.9 0z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M1201.48 24.54 a3.13 3.13 0 1 0 6.26 0 a3.13 3.13 0 1 0 -6.26 0z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M1260.46 628.97a16.61 16.61 0 1 0 21.13-25.63z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M447.59 523.16a26.42 26.42 0 1 0 51.96-9.58z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M1426.53 1065.06L1477.28 1065.06L1477.28 1072.44L1426.53 1072.44z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M346.28 920.94a100.4 100.4 0 1 0-127.59 155.06z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M1560.42 768.97L1566.66 768.97L1566.66 797.57L1560.42 797.57z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1011'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    font-family: 'Inter',sans-serif !important;
    color: #132133;
}

@media screen and (orientation:portrait) {
    body {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1080' height='1920' preserveAspectRatio='none' viewBox='0 0 1080 1920'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1001%26quot%3b)' fill='none'%3e%3crect width='1080' height='1920' x='0' y='0' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/rect%3e%3cpath d='M873.57 573.36L964.83 573.36L964.83 664.62L873.57 664.62z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M498.54 903.53L579.21 903.53L579.21 984.2L498.54 984.2z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M416.44 390.17L416.91 390.17L416.91 406.41L416.44 406.41z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M788.83 985.5L885.16 985.5L885.16 1088.17L788.83 1088.17z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M687.73 935.53a28.72 28.72 0 1 0-25.75-51.35z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M655.39 1741.48L671.31 1741.48L671.31 1802.76L655.39 1802.76z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M321.85 1070.91L370.27 1070.91L370.27 1156.8L321.85 1156.8z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M821.2 768.12 a30.2 30.2 0 1 0 60.4 0 a30.2 30.2 0 1 0 -60.4 0z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M942.81 1261.33 a55.05 55.05 0 1 0 110.1 0 a55.05 55.05 0 1 0 -110.1 0z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M277.71 588.48L280.67 588.48L280.67 628.26L277.71 628.26z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M159.73 756.19L225.15 756.19L225.15 761.09L159.73 761.09z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M987.24 742.4a31.75 31.75 0 1 0-45.11-44.7z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M289.96 350.82L312.14 350.82L312.14 373L289.96 373z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M583.07 643.16a86.01 86.01 0 1 0-12.93-171.54z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M852.88 241.54 a93.75 93.75 0 1 0 187.5 0 a93.75 93.75 0 1 0 -187.5 0z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M531.14 1662.25L548.94 1662.25L548.94 1680.05L531.14 1680.05z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M807.1 577.87L822.99 577.87L822.99 593.76L807.1 593.76z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M640.99 1822.62L724.25 1822.62L724.25 1905.88L640.99 1905.88z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M648.97 1015.56L755.41 1015.56L755.41 1100.18L648.97 1100.18z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M995.39 858.6a20.31 20.31 0 1 0 23.24-33.31z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M52.74 1157.82a105.59 105.59 0 1 0 116.29-176.28z' stroke='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M480.09 1575.39a38.39 38.39 0 1 0 59.2 48.89z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3cpath d='M624.06 1198.3L654.38 1198.3L654.38 1228.62L624.06 1228.62z' fill='rgba(19%2c 33%2c 51%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1001'%3e%3crect width='1080' height='1920' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    }
}

body > .container{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    position:relative;
    padding-top:90px;
    row-gap:1rem;
}

.btn.loading {
    position:relative;
    pointer-events:none !important;
}
.btn.loading span:not(.spinner-border){
    opacity:0;
}
.btn.loading .spinner-border{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(19, 33, 51);
    --bs-btn-border-color: rgb(19, 33, 51);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(29, 43, 61);
    --bs-btn-hover-border-color: rgb(29, 43, 61);
    --bs-btn-focus-shadow-rgb: 19, 33, 51;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(9, 23, 41);
    --bs-btn-active-border-color: rgb(9, 23, 41);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgb(3, 17, 35);
    --bs-btn-disabled-border-color: rgb(3, 17, 35);
}

.logo {
    position: absolute;
    width: 150px;
    height: 150px;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #132133;
    top: -75px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 100%;
    border: 1px solid #e2e8f0;
}

    .logo img {
        filter: brightness(0) invert(1);
    }

.card {
    background:#fff;
    border: 1px solid rgba(var(--primary-color-rgb),0.1);
    border-radius: 1rem;
}
.card-body{
    background:transparent;
    padding:2rem;
    padding-top:90px;
}
.card-body .card-title{
    font-weight:200;
    letter-spacing:0.35rem;
    text-transform:uppercase;
    color:var(--primary-color);
}
.card-body .lead{
    font-size:1.1rem;
    font-weight:300;
    color:rgba(var(--primary-color-rgb), 0.75);
}

.custom-input-group,
.custom-input-group label {
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
.custom-input-group {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    column-gap: 0.5rem;
    padding: 0 1.25rem;
    border: 2px solid rgba(var(--primary-color-rgb), 0.05);
    border-radius: 50rem;
}
    .custom-input-group:hover {
        border-color: rgba(var(--primary-color-rgb), 0.1);
    }
    .custom-input-group:focus-within {
        border-color: rgba(var(--primary-color-rgb), 1);
    }
    .custom-input-group.is-invalid{
        border-color:var(--bs-danger);
    }

.custom-input-group .form-floating .form-control,
.custom-input-group .form-floating .form-control:focus{
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    background: transparent !important;
}
.custom-input-group .form-floating{
    width:100%;
}
.custom-input-group label{
    display:flex;
    align-items:center;
    color:rgba(var(--primary-color-rgb), 0.5);
}
.custom-input-group:hover label{
    color:rgba(var(--primary-color-rgb),0.75);
}
.custom-input-group .input-group-btn{
    border:0;
    background:transparent;
    outline:none !important;
    box-shadow:none !important;
    color:rgba(var(--primary-color-rgb), 0.5);
}
.custom-input-group .input-group-btn:hover{
    color:rgba(var(--primary-color-rgb),0.75);
}
.custom-input-group .input-group-btn i{
    font-size:20px;
}

.custom-checkbox-group {
    position:relative;
}
.custom-checkbox-group input[type="checkbox"]{
    display:none;
}
.custom-checkbox-group input[type="checkbox"] + label {
    display:flex;
    position:relative;
    justify-content:start;
    align-items:center;
    column-gap:0.5rem;
    cursor:pointer;
}
    .custom-checkbox-group input[type="checkbox"] + label:before {
        content: '\F272';
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.25rem;
        height: 1.25rem;
        border: 2px solid rgba(var(--primary-color-rgb), 0.15);
        border-radius:0.3rem;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        font-size: 0;
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear;
    }
    .custom-checkbox-group input[type="checkbox"]:hover + label:before {
        font-size: inherit;
        border-color:rgba(var(--primary-color-rgb),0.5);
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        transition: all 150ms linear;
    }
    .custom-checkbox-group input[type="checkbox"]:checked + label:before{
        color:#fff;
        border-color:var(--primary-color);
        background:var(--primary-color);
        font-size:inherit;
    }

.card .btn-primary.btn-lg{
    width:100%;
    font-size:1rem;
    border-radius:50rem;
    padding:0.75rem 1rem;
}
.btn-link {
    text-decoration: none;
    color: var(--primary-color);
    display: flex;
    align-items:center;
    padding: 0.25rem 1rem;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
.btn-link i{
    margin-right:0.5rem;
}
.btn-link:hover {
    background: rgba(var(--primary-color-rgb), 0.05);
    border-radius:50rem;
}