*{box-sizing:border-box}body{margin:0;background:#f5f3ec;color:#20232a;font:14px Arial,sans-serif;min-height:100vh;display:grid;place-items:center;padding:28px}main{width:100%;max-width:460px;background:white;border:1px solid #e1dfd5;border-radius:16px;padding:38px;box-shadow:0 16px 70px #252a1910}img{display:block;width:210px;height:74px;object-fit:contain;margin-bottom:34px}.tag{font-size:10px;font-weight:bold;letter-spacing:2px;color:#876800}h1{font-size:30px;letter-spacing:-1px;margin:14px 0}p,small{color:#697476;line-height:1.7}p{margin-bottom:26px}small{display:block;font-size:11px;margin-top:22px}label{display:block;font-size:12px;font-weight:bold;margin:18px 0 8px}input{width:100%;padding:13px;border:1px solid #d9ddd7;border-radius:7px;font-size:16px;background:#fcfcfa}input:focus{outline:2px solid #e5be39;outline-offset:2px}button{display:flex;justify-content:space-between;width:100%;padding:15px 18px;margin-top:26px;background:#20232a;color:#ffdb55;border:0;border-radius:7px;font-size:14px;font-weight:bold;cursor:pointer}button:hover{background:#353942}.error,.success{padding:13px;font-size:12px;line-height:1.6;border-radius:7px}.error{background:#fff0ec;color:#a43e2b}.success{background:#e8f4e5;color:#356c2d}.back{display:block;margin-top:24px;color:#876800;font-size:12px}footer{border-top:1px solid #eee9db;margin-top:32px;padding-top:20px;color:#8c8d81;font-size:9px;letter-spacing:1px}@media(max-width:500px){body{padding:16px}main{padding:27px}h1{font-size:26px}}