*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#eff3f8;color:#172c46;font-family:system-ui,"Microsoft JhengHei",sans-serif;line-height:1.7;padding:24px}main{width:min(100%,480px);padding:40px;background:#fff;border:1px solid #dce4ee;border-radius:22px;box-shadow:0 20px 60px #11274812}.brand{font-weight:750;text-decoration:none;color:#173a66}.eyebrow{font-size:11px;letter-spacing:.15em;color:#697b92;margin-top:30px}h1{font-size:28px;margin:8px 0}p,small{color:#64748b}form{display:grid;gap:16px;margin:24px 0}label{font-weight:650;display:grid;gap:7px}input{font:inherit;width:100%;padding:11px 13px;border:1px solid #cbd7e5;border-radius:9px}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #a7c7ff;outline-offset:3px}button{font:inherit;font-weight:700;border:0;border-radius:9px;background:#295aca;color:#fff;padding:12px;cursor:pointer}button:disabled{opacity:.5;cursor:default}.notice{padding:12px 15px;border:1px solid #bcd0ef;background:#edf4ff;border-radius:9px}.back{color:#295aca}small{font-size:13px}@media(max-width:420px){body{padding:14px}main{padding:25px}}
.back{display:block;margin-top:12px}