:root{color-scheme:light;font-family:Inter,"Hiragino Sans","Yu Gothic UI",Meiryo,system-ui,sans-serif;color:#152923;background:#f4f7f4}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:18px}
.auth{width:min(100%,395px);padding:26px;background:white;border:1px solid #dce7df;border-radius:15px;box-shadow:0 12px 36px #2546340e}
.auth-mark{position:relative;width:43px;height:43px;margin-bottom:14px;background:#145744;border-radius:10px}
.auth-mark i{position:absolute;width:16px;height:20px;border:1.5px solid #e1f2e5;border-radius:3px;left:12px;top:10px;transform:rotate(-15deg)}
.auth-mark i+i{transform:rotate(12deg);left:17px;top:13px;background:#145744}
h1{font-size:24px;margin:0 0 12px;letter-spacing:-.035em}h2{font-size:15px;margin:0 0 19px;color:#586a62}
form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:13px;font-weight:700}
input,button{font:inherit}input:not([type=hidden]){width:100%;height:42px;padding:8px 10px;border:1px solid #ceddd2;border-radius:8px;font-size:16px}
button{min-height:43px;border:0;border-radius:8px;background:#145744;color:#fff;font-size:14px;font-weight:750;cursor:pointer}
button:hover{background:#0c4535}:focus-visible{outline:2px solid #22785b;outline-offset:2px}
.hint{font-size:11px;color:#586a62;margin:-7px 0 0;overflow-wrap:anywhere}
.auth-error{font-size:13px;color:#982e2a;background:#fbece9;border-radius:7px;padding:8px;margin:0 0 12px}