*{box-sizing:border-box}body{margin:0;background:#f4f6f2;color:#182c2b;font:14px system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:25px}main{width:100%;max-width:430px;background:#fff;border:1px solid #e0e7e2;border-radius:14px;padding:40px;box-shadow:0 18px 60px #132c2909}.brand{display:flex;align-items:center;gap:14px;font-size:28px;font-weight:800;color:#187760;margin-bottom:44px}.brand span{font-size:12px;line-height:1.6;color:#182c2b}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#187760}h1{font-size:31px;letter-spacing:-1px;margin:13px 0}.intro{color:#72817c;line-height:1.8;margin-bottom:28px}label{display:block;font-size:12px;font-weight:600;margin:20px 0 8px}input:not([type=hidden]){width:100%;padding:13px;border:1px solid #d7e0d9;border-radius:6px;font:inherit}input:focus{outline:2px solid #187760;outline-offset:2px}button{width:100%;background:#187760;color:#fff;border:0;border-radius:6px;padding:14px;font:600 13px system-ui;cursor:pointer;margin-top:26px}button:hover{background:#125743}footer{color:#72817c;text-align:center;font-size:11px;margin-top:30px}.notice{font-size:12px;line-height:1.7;padding:12px;border-radius:6px;background:#e8f3e7}.error{background:#fff0eb;color:#904b3a}@media(max-width:480px){main{padding:28px}}