*{box-sizing:border-box}body{margin:0;background:#f3ebdf;color:#17343c;font-family:Arial,sans-serif;min-height:100vh;display:grid;place-items:center;padding:25px}main{width:min(100%,480px);background:#fff;padding:35px;border:1px solid #e6dfd3;border-radius:12px;box-shadow:0 15px 60px #17343c0a}.brand{font-weight:800;font-size:24px}.brand span{font-weight:400;font-size:16px}.eyebrow{font-size:8px;letter-spacing:2px;color:#999985;margin:8px 0 32px}h1{font-size:25px;margin-bottom:25px}h2{font-size:14px;margin:25px 0 15px}label{display:block;font-size:12px;margin:18px 0 8px}input,textarea{width:100%;padding:13px;border:1px solid #d9dfda;border-radius:5px;background:#fafbf8;font:inherit;min-width:0}input:focus{outline:2px solid #91b9b2}button{display:block;width:100%;background:#153a43;border:0;color:#fff;padding:14px;margin-top:25px;border-radius:5px;font-size:14px;cursor:pointer}.error{color:#ac4641;background:#fff0ee;padding:12px;line-height:1.6;font-size:12px}.link{text-align:center;font-size:12px;margin-top:20px}a{color:#386d68}.foot{color:#9b9f90;font-size:10px;margin-top:35px;text-align:center}form>p{font-size:12px;line-height:1.6;color:#7f8d7d}@media(max-width:500px){main{padding:25px}input{font-size:16px}}