*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f4f7fb;color:#101828}main{min-height:100vh;display:grid;place-items:center;padding:24px}form{width:min(400px,100%);background:#fff;border:1px solid #d6deee;border-radius:8px;padding:28px;box-shadow:0 12px 30px rgba(7,27,120,.1)}.mark{width:48px;height:48px;border:4px solid #e11d48;border-radius:50%;display:grid;place-items:center;color:#071b78;font-weight:900}h1{font-size:23px;color:#071b78;margin:14px 0 5px}p{color:#667085;margin:0 0 22px}label{display:grid;gap:6px;margin:14px 0;font-weight:700}input{width:100%;padding:12px;border:1px solid #aebbd2;border-radius:6px;font:inherit}button{width:100%;padding:12px;border:0;border-radius:6px;background:#071b78;color:#fff;font-weight:800;font-size:16px;cursor:pointer}output{display:block;min-height:24px;margin-top:14px;color:#b42318;font-weight:700}