*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f3f5f7;color:#1e2933;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.login{width:min(100%,390px);padding:28px;background:#fff;border:1px solid #e5e9ed;border-radius:14px;box-shadow:0 14px 44px rgba(22,39,55,.08)}form{display:grid;gap:14px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input{width:100%;height:48px;padding:0 13px;border:1px solid #cfd7de;border-radius:8px;background:#fff;color:#1e2933;font:inherit;outline:none}input::placeholder{color:#687785}input:focus{border-color:#287985;box-shadow:0 0 0 3px rgba(40,121,133,.13)}button{height:48px;border:0;border-radius:8px;background:#176b74;color:#fff;font:600 15px system-ui,sans-serif;cursor:pointer}button:hover{background:#135c64}button:disabled{opacity:.7;cursor:wait}.error{padding:11px 12px;border:1px solid #efc4bf;border-radius:8px;background:#fff3f1;color:#91372d;font-size:13px;line-height:1.45}.error[hidden]{display:none}@media(max-width:480px){.login{padding:22px;border:0;box-shadow:none;background:transparent}}