:root{font-family:Arial,sans-serif;color:#1f2937;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:40px 20px}.auth-panel{width:min(100%,400px)}.auth-panel h1{margin:0 0 28px;font-size:30px;font-weight:700;line-height:1.2}.auth-form{display:grid;gap:20px}.field{display:grid;gap:8px}.field__label{font-size:14px;font-weight:600}.field__control{position:relative}.field input{display:block;width:100%;height:48px;padding:0 14px;border:1px solid #cfd6e1;border-radius:7px;outline:none;color:#1f2937;background:#fff;font-size:14px}.field input::placeholder{color:#9aa5b3}.field input:focus{border-color:#315bd3;box-shadow:0 0 0 3px #315bd31f}.field input[type=password],.field input[type=text]:has(+.field__visibility){padding-right:48px}.field__visibility{position:absolute;top:0;right:4px;display:grid;place-items:center;width:40px;height:48px;border:0;color:#778396;background:transparent}.field__visibility svg{width:19px;height:19px}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;margin-top:4px;border:0;border-radius:7px;color:#fff;background:#315bd3;font-size:14px;font-weight:600}.primary-button:hover:not(:disabled){background:#274bb2}.primary-button:disabled{opacity:.65;cursor:wait}.primary-button__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{margin:18px 0 0;padding:10px 12px;border-radius:6px;color:#a92c36;background:#fff0f1;font-size:13px;line-height:1.5}.auth-actions{display:flex;justify-content:center;gap:5px;margin-top:24px;font-size:13px}.auth-actions button{padding:0;border:0;color:#315bd3;background:none;font-size:13px;font-weight:600}.auth-actions button:hover{text-decoration:underline}@media(max-width:480px){.auth-layout{align-items:flex-start;padding-top:72px}.auth-panel h1{font-size:28px}}