body {
    background-color: #333;
}
.container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(5px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    background-image: url('/static/gfx/accountbg.jpg');
    background-size: cover;
    background-position: 60% 25%;
}
.account-container {
    box-shadow: 0 0 50px #000;
    padding: 30px;
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.65);
}
.account-container .input-otp {
    font-size: 25px;
    width: 1.5em;
    margin: 2px;
}
.btn-success {
    background-color: rgba(88, 197, 202, 0.9);
    border-color: rgba(88, 197, 202, 0.9);
    border-radius: 0;
    color: rgb(35 35 35);
}
.btn-success:hover {
    background-color: rgb(66 66 66);
    border-color: rgba(88, 197, 202, 0.9);
    color: rgb(213 213 213);
}
.btn-success:not(:disabled):not(.disabled):active {
    background-color: rgba(88, 197, 202, 0.9);
    border-color: rgba(88, 197, 202, 0.9);
}

:where([autocomplete=one-time-code]) {
    --otp-digits: 6;
    --otp-ls: 2.1ch;
    --otp-gap: 1.25;

    --_otp-bgsz: calc(var(--otp-ls) + 1ch);
    --_otp-digit: 0;
    --otp-fz: 1.5em;
        
    all: unset;
    background:
            linear-gradient(90deg,
            var(--otp-bg-focus, #C0C0C0) calc(var(--otp-gap) * var(--otp-ls)),
            transparent 0),
            linear-gradient(90deg,
            var(--otp-bg, #EEE) calc(var(--otp-gap) * var(--otp-ls)),
            transparent 0
            );
    background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 0, 0 0;
    background-repeat: no-repeat, repeat-x;
    background-size: var(--_otp-bgsz) 100%;
    caret-color: var(--otp-cc, #222);
    caret-shape: block;
    clip-path: inset(0% calc(var(--otp-ls) / 2) 0% 0%);
    font-family: ui-monospace, monospace;
    font-size: var(--otp-fz, 2.5em) !important;
    inline-size: calc(var(--otp-digits) * var(--_otp-bgsz));
    letter-spacing: var(--otp-ls);
    padding-block: var(--otp-pb, .8ch);
    padding-inline-start: calc(((var(--otp-ls) - .5ch) / 2) * var(--otp-gap));
}