*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#eef1ea;color:#20372d;font-family:system-ui,sans-serif;padding:24px}main{background:white;border:1px solid #dce3d7;border-radius:24px;padding:48px;width:min(100%,480px);box-shadow:0 24px 80px #20372d0c}.brand{font-size:28px;font-weight:750;margin-bottom:44px}.eyebrow{font-size:11px;letter-spacing:2px}h1{font-size:32px;line-height:1.15}p,small{color:#627066;line-height:1.6}label{display:grid;gap:8px;font-size:14px;font-weight:600;margin:20px 0}input{width:100%;padding:14px;border:1px solid #c6d0c4;border-radius:10px;font:inherit}input:focus{outline:2px solid #789a69}button{width:100%;padding:15px;border:0;border-radius:10px;background:#294c39;color:#fff;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.6}#message{font-size:14px;color:#8b3e2e;min-height:24px}small{font-size:12px}@media(max-width:500px){main{padding:28px}}