body.login-page{background-color:#000;background-image:none;min-width:auto}video{z-index:-1;object-fit:cover;object-position:center;filter:brightness(.3)blur(10px);width:100vw;height:100svh;margin:auto;position:absolute;inset:0}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-100px)}50%{transform:translate(80px)}75%{transform:translate(-70px)}to{transform:translate(0)}}@keyframes message{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.login-container{anchor-name:--login-container;border-radius:2em;flex-wrap:wrap;place-content:center;align-items:center;width:500px;margin:auto;display:flex;overflow:hidden;box-shadow:0 0 25px #0002}.login-container.error{animation-name:shake;animation-duration:.5s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:backwards}.login-container>figure{text-align:center;-webkit-backdrop-filter:blur(25px)brightness(1.5);backdrop-filter:blur(25px)brightness(1.5);z-index:1;background:linear-gradient(145deg,#222a,#111a);width:100%;padding:2em;display:block;position:relative;box-shadow:0 0 25px -15px #0005}.login-container>figure img{margin:auto;display:block}.login-container form{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:#fff3;border-top:0;width:100%;padding:2em;transition:all .1s;display:grid;position:relative;box-shadow:0 0 25px -15px #0005}.login-container form.login div.links button{border-top-left-radius:0;border-top-right-radius:0}.login-container form.reset{gap:1em}.login-container form.new-password div.buttons{margin-top:1em}.login-container form div.input-block{border-radius:0}.login-container form div.input-block input{opacity:.95;background-color:#fffc;padding:1.25em 1.25em 1.25em 4em}.login-container form div.input-block input#email,.login-container form div.input-block input#new-password{border-radius:1.25em 1.25em 0 0}.login-container form div.input-block input#password{border-top:1px solid #0002;border-radius:0 0 0 1.25em;padding-right:4em}.login-container form div.input-block input#confirm-new-password{border-top:1px solid #0002;border-radius:0 0 1.25em 1.25em;padding-right:4em}.login-container form div.input-block input#reset-email{border-radius:1.25em}.login-container form div.links,.login-container form div.buttons{color:#fff;justify-content:space-between;align-items:center;gap:1em;font-size:.9em;display:flex}:is(.login-container form div.links,.login-container form div.buttons)>span{opacity:.7}:is(.login-container form div.links,.login-container form div.buttons) a{color:#fff;text-decoration-skip-ink:none;opacity:.7;align-items:center;gap:.5em;text-decoration:none;display:flex}:is(.login-container form div.links,.login-container form div.buttons) a span:last-child{text-decoration:underline}:is(.login-container form div.links,.login-container form div.buttons) a:hover{opacity:1}.login-container form button{color:#fff;background-color:#0005;border-radius:1.25em;flex:1;gap:.5em;padding:1.25em}.login-container form button:hover{box-shadow:none;background-color:#0007}.login-container form button:focus{box-shadow:inset 0 0 10px #0003}.login-container form button:disabled{cursor:wait}.login-container form button i{font-size:1.2em}.login-container form button .loader{width:23px}.login-container~p[class*=message]{color:#fff;align-items:center;gap:.5em;justify-self:anchor-center;z-index:-1;position-anchor:--login-container;max-width:fit-content;top:anchor(bottom);border-radius:0 0 1em 1em;padding:.7em 1em .5em;font-size:.95em;animation-name:message;animation-duration:.5s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:backwards;display:flex;position:absolute;box-shadow:inset 0 10px 10px -5px #0009}.login-container~p[class*=message].error-message{background:var(--red)}.login-container~p[class*=message].success-message{background:var(--green)}