:root{font-family:Arial,sans-serif;color:#1d303a;background:#f3f6f8;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:48px 20px}.login{max-width:420px;margin:6vh auto;background:#fff;padding:32px;border-radius:14px}.login-brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;color:#174c62;margin-bottom:30px}h1{font-size:26px;margin:0 0 8px}p{color:#596c77;font-size:14px;line-height:1.5}form{margin-top:24px}label{display:block;font-size:14px;font-weight:600;margin:18px 0 7px}input:not([type=hidden]){display:block;width:100%;border:1px solid #a9bcc6;border-radius:6px;padding:12px;font:inherit;min-height:46px}button{margin-top:24px;width:100%;padding:12px;background:#1e6581;color:#fff;border:0;border-radius:7px;font:inherit;font-weight:600;cursor:pointer}button:hover{background:#174c62}a{color:#1e6581}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #bd7c24;outline-offset:3px}.error{background:#fff0ec;color:#982f20;padding:12px;border-radius:6px}.transaction-details{max-width:680px}.transaction-details h1{margin-top:24px}dt{font-size:13px;color:#596c77;margin-top:18px}dd{margin:5px 0 0;overflow-wrap:anywhere;line-height:1.5}@media(max-width:480px){body{padding:24px 16px}.login{padding:24px;margin:2vh auto}}