*{box-sizing:border-box}body{margin:0;background:#f5f8f5;color:#263e30;font:15px/1.8 system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:20px}main{background:white;border:1px solid #dee8df;border-radius:16px;padding:40px;width:420px;max-width:100%;box-shadow:0 15px 60px #24442b0a;text-align:center}.mark{font-size:45px;color:#397957}h1{font-size:25px;margin:5px 0}p,small{color:#84958a;font-size:13px}label{display:block;text-align:right;font-size:13px;margin:15px 0}input{display:block;width:100%;padding:12px;border:1px solid #dce5de;background:#fafcf9;border-radius:7px;font:inherit;direction:ltr;margin-top:6px}input:focus{outline:2px solid #7eaa8e}button{background:#2e654f;border:0;border-radius:7px;padding:13px;color:white;width:100%;font:inherit;cursor:pointer;margin:10px 0 22px}.message{color:#ad6957;font-size:12px}a{color:#2e654f}