*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(at 10% 20%,#dce5d1,transparent 60%),#eee8dd;color:#382d27;font:15px system-ui}main{max-width:440px;width:calc(100% - 32px);padding:40px;background:#fffdf6;border-radius:28px;box-shadow:0 24px 90px #392a2418}.mark{display:inline-grid;place-items:center;background:#284936;color:#e5f1ce;width:48px;height:48px;border-radius:16px;font-size:24px;font-weight:800}h1{font-size:32px;margin:16px 0 8px}.eyebrow{font-size:10px;letter-spacing:2px}p{line-height:1.6;color:#786e60}label{display:block;margin:18px 0 4px;font-weight:600}input{display:block;width:100%;padding:13px;border:1px solid #dcd4c6;border-radius:10px;margin-top:6px;font:inherit;background:#fff}button{width:100%;margin-top:24px;padding:14px;background:#284936;color:#fff;border:0;border-radius:12px;font:600 15px system-ui;cursor:pointer}#error{color:#9d3232}