:root{font-family:"Microsoft JhengHei",system-ui,sans-serif;color:#232722;background:#f4f1ea}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(100%,480px);background:#fffefb;border:1px solid #deddd5;border-radius:24px;padding:40px;box-shadow:0 16px 60px #30392b0b}.brand{letter-spacing:.14em;font-size:12px;color:#5e7160;font-weight:700}h1{font-size:29px;line-height:1.35;margin:24px 0 14px}p{line-height:1.8;color:#666d64}form{display:grid;gap:12px;margin-top:28px}label{font-size:14px;font-weight:600}input[type=password]{min-width:0;width:100%;padding:14px;border:1px solid #c9cfc5;border-radius:10px;font:inherit}button{margin-top:6px;border:0;border-radius:10px;background:#2e4b37;color:white;padding:15px;font:inherit;cursor:pointer}.note{font-size:12px;margin-top:24px}input:focus-visible,button:focus-visible{outline:3px solid #92ad7b;outline-offset:2px}