:root{font-family:Segoe UI,Arial,sans-serif;color:#161616;background:#f3f3f3}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{background:white;width:min(100%,460px);padding:40px;border-top:5px solid #f5245f;border-radius:12px;box-shadow:0 12px 40px #0001}h1{font-size:27px}p{line-height:1.6;color:#555}label{display:block;font-weight:600;color:#222}input{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #bbb;border-radius:6px;font:inherit}button{background:#f5245f;color:#fff;font:inherit;font-weight:700;border:0;border-radius:6px;padding:12px 22px;width:100%;cursor:pointer}button:disabled{opacity:.6}input:focus,button:focus-visible{outline:3px solid #f5245f55;outline-offset:3px}