:root{color-scheme:light;font-family:Arial,sans-serif;background:#eeeae2;color:#19191b}*{box-sizing:border-box}body{margin:0;padding:32px 16px}main{max-width:680px;margin:auto;background:#fff;padding:40px;border-top:6px solid #b59456;box-shadow:0 14px 40px #0000000a}.brand{font-weight:800;font-size:30px;letter-spacing:3px}.eyebrow{font-size:11px;letter-spacing:2px;color:#77613d;margin-top:6px}h1{font-size:30px;margin:32px 0 16px}h2{font-size:19px;margin:28px 0 12px}p{line-height:1.6;color:#525259}label{display:block;font-size:14px;margin:16px 0}input{display:block;width:100%;border:1px solid #bdb9af;border-radius:5px;padding:12px;font:inherit;margin-top:7px}input:focus{outline:2px solid #b59456;outline-offset:2px}button,.button{display:inline-block;background:#19191b;color:#fff;border:0;padding:14px 20px;border-radius:5px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}button{width:100%;margin-top:20px}a{color:#6b5124}.error{padding:12px;background:#fff0ed;color:#902e20;border-left:3px solid #b34835}.recovery{padding:18px;background:#f3efe6;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-weight:bold}@media(max-width:500px){body{padding:12px}main{padding:24px 20px}h1{font-size:26px}}