@font-face{font-family:instrument;src:url(../media/InstrumentSans-VariableFont_wdth_wght.2ffcaf06.ttf)format("truetype")}:root{--cl-background:#edf1f6;--cl-foreground:#fff;--cl-border:#e5e9ef;--cl-text-primary:#0c0c0c;--cl-text-secondary:#3f3f3f;--cl-text-tertiary:#7f7e7e;--cl-primary:#000;--cl-secondary:#fff;--cl-input-background:#edf1f6}@media (prefers-color-scheme:dark){:root{--cl-background:#010409;--cl-foreground:#0e111b;--cl-border:#1c2336;--cl-text-primary:#c3c3c3;--cl-text-secondary:#a9a9a9;--cl-primary:#000;--cl-secondary:#b2b2b2}}.login{background-color:var(--cl-background);justify-content:center;align-items:center;height:100dvh;display:flex}.login .form-group{margin-block:1rem!important}.login-cover{width:94%;max-width:75rem;height:100dvh;max-height:55rem;padding:2rem 0}@media (max-width:37.5em){.login-cover{overflow:auto}}.login .container{background-color:var(--cl-foreground);border-radius:10px;justify-content:center;width:100%;height:100%;padding:2rem;display:flex;overflow:auto}@media (max-width:37.5em){.login .container{display:block}}.login .container>*{flex-grow:1;flex-shrink:0}.login .container .left{display:none}@media (max-width:37.5em){.login .container .left{display:none}}.login .container .left-image{width:100%;height:100%;position:relative}.login .container .left-image img{object-fit:cover;object-position:center;scale:.7}.login .container .right{flex-direction:column;align-items:center;gap:3rem;max-width:40rem;display:flex;overflow-y:auto}.login .container .right::-webkit-scrollbar{background-color:var(--cl-foreground)}.login .container .right::-webkit-scrollbar-thumb{background-color:var(--cl-secondary);border:5px solid var(--cl-background);border-radius:1rem}@media (prefers-color-scheme:light){.login .container .right::-webkit-scrollbar-thumb{background-color:var(--cl-primary);border:5px solid var(--cl-foreground)}}.login .container .right-head{text-align:center;text-transform:capitalize;place-content:center;width:100%;display:grid}.login .container .right form{flex-direction:column;gap:.5rem;width:100%;display:flex}.login .container .right .form-sections{flex-direction:row;flex-grow:1;align-items:center;gap:0;width:100%;min-height:max-content;transition:all .3s ease-out;display:flex;overflow:hidden}.login .container .right .form-sections>.form-section{flex-grow:1;flex-shrink:0;width:100%;transition:all .5s ease-out;overflow:hidden;transform:translate(0%)}