*{box-sizing:border-box}body{margin:0;background:#f2f6f5;color:#173b38;font:16px/1.5 system-ui,sans-serif;display:grid;min-height:100vh;place-items:center}main{background:white;border:1px solid #dde8e4;border-radius:20px;padding:40px;width:min(440px,calc(100vw - 32px));box-shadow:0 16px 64px #173b3810}h1{font-size:28px;margin:12px 0}label{display:block;font-weight:600;margin:18px 0}input{display:block;width:100%;padding:12px;border:1px solid #a7bbb6;border-radius:8px;font:inherit;margin-top:6px}button{border:0;border-radius:8px;background:#17564d;color:white;padding:12px 18px;font:inherit;cursor:pointer;width:100%}.secondary{background:#e9f1ed;color:#173b38;margin-top:12px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700}.small{font-size:13px;color:#586d67}.error{padding:12px;background:#fff1ef;color:#8c2820;border-radius:8px}