*{box-sizing:border-box}html,body,#login-root{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17211d;background:#eef3f0}button,input{font:inherit}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(24,84,62,.14),transparent 34%),linear-gradient(315deg,rgba(38,120,99,.12),transparent 30%),#eef3f0}.login-panel{width:min(100%,420px);padding:32px;border:1px solid #d6e0dc;border-radius:8px;background:#fff;box-shadow:0 18px 50px #17211d1a}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:30px}.login-brand__mark{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#147a5b;color:#fff;font-size:18px;font-weight:700}.login-brand__name{font-size:17px;font-weight:700}.login-heading{display:grid;gap:8px;margin-bottom:24px}.login-heading h1{margin:0;font-size:26px;line-height:1.2;font-weight:700}.login-heading p{margin:0;color:#65746f;font-size:14px;line-height:1.5}.login-form{display:grid;gap:16px}.login-field{display:grid;gap:7px;color:#2c3935;font-size:14px;font-weight:600}.login-field input{width:100%;height:44px;padding:0 12px;border:1px solid #cbd8d4;border-radius:6px;color:#17211d;background:#fff;outline:none}.login-field input:focus{border-color:#147a5b;box-shadow:0 0 0 3px #147a5b29}.login-checkbox{display:flex;align-items:center;gap:9px;width:-moz-max-content;width:max-content;color:#45524e;font-size:14px}.login-checkbox input{width:16px;height:16px;accent-color:#147a5b}.login-error{padding:10px 12px;border:1px solid #f3b4b4;border-radius:6px;color:#9f2323;background:#fff2f2;font-size:14px;line-height:1.4}.login-submit{height:44px;border:0;border-radius:6px;color:#fff;background:#147a5b;font-weight:700;transition:background-color .15s ease,transform .15s ease}.login-submit:hover:not(:disabled){background:#0f694d}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-submit:disabled{cursor:wait;opacity:.7}@media (max-width: 480px){.login-page{padding:16px}.login-panel{padding:24px}}