*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;color:#18202a;background:#f4f5f7}.shell{min-height:100%;display:grid;place-items:center;padding:24px}.panel{width:min(100%,410px);background:#fff;border:1px solid #e2e6ea;box-shadow:0 12px 38px rgba(17,24,39,.06);border-radius:16px;padding:36px}.mark{font-size:13px;font-weight:600;letter-spacing:.08em;color:#525e6a}h1{font-size:26px;line-height:1.3;margin:22px 0 8px}.subtitle{font-size:14px;color:#737f89;margin:0 0 28px}label{display:block;font-weight:600;font-size:14px;margin:18px 0 7px}input{width:100%;height:45px;border-radius:9px;border:1px solid #cdd3dc;padding:0 13px;font-size:16px;outline:none}input:focus{border-color:#364152;box-shadow:0 0 0 3px rgba(54,65,82,.1)}button{margin-top:26px;background:#202a34;color:#fff;border:0;border-radius:9px;height:47px;font-size:15px;font-weight:600;width:100%;cursor:pointer}button:hover{background:#3d4854}.foot{color:#9099a2;text-align:center;margin:24px 0 0;font-size:12px}.error{font-size:13px;color:#a52b22;background:#fff3f1;border:1px solid #ffd5ce;border-radius:8px;padding:12px;line-height:1.5}@media(max-width:450px){.panel{padding:28px 24px}}