*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#ececde;color:#293e31;font-family:Segoe UI,Arial,sans-serif;padding:28px}main{width:100%;max-width:440px;background:#f7f7ee;border:1px solid #d5dcc9;border-radius:24px;padding:40px;box-shadow:0 18px 65px #324c4012}.brand{font-size:12px;letter-spacing:3px;color:#60765a}.symbol{display:block;font-size:48px;color:#83986b;margin:32px 0 18px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8e9b77}h1{font-size:30px;font-weight:500;margin:10px 0 12px}.intro{font-size:14px;line-height:1.65;color:#78826c;margin-bottom:32px}label{display:block;font-size:12px;margin:0 0 8px}input{width:100%;border:1px solid #cdd7bf;background:#fffff8;color:#293e31;padding:15px;border-radius:10px;font:16px Segoe UI,Arial,sans-serif;outline-color:#79916a}button{margin-top:14px;background:#324c40;border:0;border-radius:10px;color:#f6edce;padding:15px 18px;width:100%;cursor:pointer;font:14px Segoe UI,Arial,sans-serif;display:flex;justify-content:space-between}button:hover{background:#466453}.foot{font-size:10px;color:#98a086;margin-top:30px}