:root{font-family:Arial,sans-serif;color:#172e40;background:#f1f5f7;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px}main.login-card{width:100%;max-width:560px;padding:40px;background:white;border:1px solid #d8e2e9;border-radius:16px;box-shadow:0 12px 36px #1835490c}.brand{font-size:28px;font-weight:750;color:#136d83;margin-top:0}h1{font-size:26px;line-height:1.25;margin-bottom:28px}button,input{font:inherit}button{cursor:pointer;border:1px solid #c7d4de;border-radius:8px;background:#fff;color:inherit;padding:13px 16px}button:hover{background:#edf5f8}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #0786ac;outline-offset:3px}.user-choice{display:flex;flex-direction:column;text-align:left;gap:7px;width:100%;margin:12px 0}.user-choice strong{font-size:17px}.user-choice span,.user-context p{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.user-choice small{color:#526b79}.user-context{border-left:3px solid #17839b;padding:0 16px;margin-bottom:24px}form{display:grid;gap:18px}label{display:grid;gap:8px}input[type=password],input[type=text]{width:100%;padding:13px;border:1px solid #a9bdcb;border-radius:6px}.show-password{display:flex;align-items:center;gap:8px;font-size:14px}.primary{background:#146e84;color:white;border-color:#146e84}.primary:hover{background:#0e586c}.hint{font-size:13px;line-height:1.5;color:#526b79;margin:0}#error{color:#a52929;line-height:1.5}#error:empty{display:none}@media(max-width:600px){body{padding:16px}.login-card{padding:24px!important}h1{font-size:23px}}