*{box-sizing:border-box}body{margin:0;background:#fff7fa;color:#4f3742;font:16px/1.6 Arial,sans-serif}main{max-width:520px;margin:8vh auto;padding:32px;background:white;border:1px solid #eadde3;border-radius:18px}h1{line-height:1.2}a{color:#845168}label{display:grid;gap:6px;margin:18px 0}input{padding:13px;border:1px solid #d9c3ce;border-radius:9px;font:inherit;width:100%}button{background:#845168;color:white;padding:13px 20px;border:0;border-radius:9px;font:inherit;cursor:pointer}.success{padding:14px;background:#e9f7ee;border-radius:9px}.error{padding:14px;background:#ffedef;border-radius:9px}@media(max-width:560px){main{margin:24px 12px;padding:24px}}:focus-visible{outline:3px solid #845168;outline-offset:3px}