*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f1f5ef;color:#193b35;font:14px Arial,sans-serif;padding:24px}main{width:410px;max-width:100%;background:white;border:1px solid #e0e8df;border-radius:18px;padding:42px;box-shadow:0 20px 70px #294b3210}.brand{width:52px;height:52px;border-radius:13px;background:#183d35;display:grid;place-content:center;grid-auto-flow:column;color:white;font-size:27px;font-weight:bold;letter-spacing:-2px;margin-bottom:23px}.brand span{color:#cdd090}.caption{font-size:9px;color:#97a68f;font-weight:600;letter-spacing:1.6px}h1{font-size:26px;letter-spacing:-.6px;line-height:1.2;margin:12px 0}p{font-size:12px;color:#97a18c;line-height:1.8;margin-bottom:33px}label{font-size:11px;font-weight:600;color:#678368;display:block;margin-bottom:9px}.input{display:flex;border:1px solid #d7e1d1;border-radius:8px;overflow:hidden}.input input{font:16px Arial,sans-serif;padding:12px;border:0;min-width:0;flex:1;outline-offset:-2px}.input button{background:#f6f9f3;border:0;border-left:1px solid #e2e9dd;color:#6e8d68;font-size:10px;padding:0 12px;cursor:pointer}#status{min-height:30px;color:#b16c42;font-size:11px;line-height:1.5;padding:8px 0}button[type=submit]{width:100%;border:0;border-radius:8px;background:#21634e;color:#fff;padding:14px 16px;text-align:left;cursor:pointer;font-size:12px;font-weight:600;display:flex;justify-content:space-between}button:disabled{opacity:.5}footer{font-size:9px;color:#9ba991;text-align:center;margin-top:32px}@media(max-width:480px){main{padding:30px 24px}h1{font-size:24px}}