:root{font-family:Arial,sans-serif;color:#172a42;background:#edf2f7;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:24px 16px}main{max-width:500px;margin:3vh auto;background:white;border:1px solid #dce4ee;border-radius:16px;padding:28px;box-shadow:0 12px 35px #17304c0b}.brand{letter-spacing:3px;font-weight:800;font-size:20px;text-decoration:none;color:#14344f}h1{font-size:26px;margin:24px 0 10px}h2{font-size:20px}.intro,p{line-height:1.5}.intro,.hint,.help{color:#52647a}.hint,.help{font-size:13px}.identity{display:flex;justify-content:space-between;align-items:center;color:#52647a;font-size:14px}label{display:block;margin:20px 0 8px;font-weight:600;font-size:14px}input,select,button{font:inherit;border-radius:8px;min-height:46px}input,select{width:100%;padding:11px;border:1px solid #aab9ca;background:white;color:#172a42}button{width:100%;background:#1765b4;color:white;border:0;padding:12px;margin-top:20px;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button.quiet{width:auto;background:transparent;color:#1765b4;margin:0;padding:0 8px;min-height:44px;font-size:14px}a{color:#1765b4}.back{display:inline-block;margin-top:14px;font-size:14px}#notice{background:#eff5fb;border-radius:8px;padding:12px 14px;line-height:1.45;font-size:14px;margin:18px 0;overflow-wrap:anywhere}#notice.error{color:#8a2525;background:#fff0ef}#notice.success{color:#206341;background:#ebf7ef}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #76b6ed;outline-offset:2px}[hidden]{display:none!important}@media(max-width:480px){body{padding:12px}main{margin:0 auto;padding:22px 18px;border-radius:12px}h1{font-size:24px}}