*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#ffeedb,#f6f5f2 65%);color:#29221d;font-family:system-ui,sans-serif}main{width:min(440px,100%);margin:auto;padding:24px 22px 40px;text-align:center}.brand{display:block;text-align:left;color:#716257;text-decoration:none;font-weight:800}.mark{position:relative;display:grid;place-items:center;width:82px;height:82px;margin:24px auto;background:#f97316;color:white;border-radius:24px;font-size:52px;font-weight:800;transform:rotate(-8deg);box-shadow:0 8px 0 #f5d3b9}.mark span{position:absolute;right:-16px;bottom:4px;font-size:16px;background:#29221d;border-radius:8px;padding:5px;transform:rotate(8deg)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#a74d16;margin-top:28px}h1{font-size:32px;letter-spacing:-1.3px;margin:12px 0}h1 span{display:block;color:#e46513}.intro{line-height:1.6;color:#786b60}section{text-align:left;background:white;border:1px solid #eae0d7;border-radius:24px;padding:24px;margin-top:25px;box-shadow:0 16px 35px #573c1510}h2{font-size:21px;margin:0 0 20px}label{display:block;font-size:14px;font-weight:650;margin-bottom:7px}input{width:100%;padding:13px;border:1px solid #dfd7ce;border-radius:10px;font:inherit;margin-bottom:18px;background:#fffcf8}input:focus{outline:2px solid #f97316;outline-offset:2px}button{width:100%;padding:15px;border:0;border-radius:12px;background:#f97316;color:white;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.6}.credentials{padding:14px;background:#fff5e8;border-radius:12px;margin-top:22px;font-size:13px;line-height:1.7}.credentials p{margin:5px 0 0}.note{font-size:12px;line-height:1.6;color:#81766d;margin-top:22px}#error{font-size:13px;color:#b42318;min-height:16px;margin:0 0 12px}