@font-face{font-family:Inter;src:url('/varnit/login-font.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color:#242522;--sky-top:#81b8e9;--sky-mid:#c2d8ee;--sky-low:#f2dac4;--glass:rgba(255,255,255,.13);--edge:rgba(255,255,255,.48);--field:rgba(255,255,255,.12);--line:rgba(36,37,34,.2)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(136.432deg,var(--sky-top) 14.142%,var(--sky-mid) 54.343%,var(--sky-low) 85.93%)}
body[data-sky="morning"]{--sky-top:#99b6dc;--sky-mid:#b8b7e7;--sky-low:#e0bfdc}
body[data-sky="evening"]{--sky-top:#6c85bd;--sky-mid:#bd93bd;--sky-low:#f1b28a}
body[data-sky="night"]{--sky-top:#162139;--sky-mid:#253057;--sky-low:#51486e;--glass:rgba(255,255,255,.07);--edge:rgba(255,255,255,.18);--field:rgba(255,255,255,.04);--line:rgba(255,255,255,.25);color:#fff}
.login-screen{min-height:100svh;display:grid;place-items:center;padding:28px}
.login-panel{width:min(100%,360px);padding:42px 34px 32px;border:1px solid var(--edge);border-radius:24px;background:var(--glass);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 12px 40px rgba(27,46,71,.025)}
h1{margin:0 0 36px;font-weight:400;font-size:23px;line-height:1.4;letter-spacing:-.02em}
input,button{font:300 14px/22px Inter,Arial,sans-serif;color:inherit}
input{display:block;appearance:none;width:100%;padding:13px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;outline:none;margin-bottom:14px}
input::placeholder{color:inherit;opacity:.5}input:focus{border-bottom-color:currentColor}
button{width:100%;margin-top:24px;padding:11px 0;border:0;background:transparent;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:400}
button span{font-size:18px;font-weight:300;opacity:.65}button:hover span{transform:translate(2px,-2px)}button:focus-visible{outline:1px solid currentColor;outline-offset:5px;border-radius:4px}
.form-error{font-size:11px;font-weight:300;line-height:1.5;margin:14px 0 0}.form-error:empty{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:480px){.login-screen{padding:24px}.login-panel{padding:36px 28px 26px}h1{font-size:22px}}