*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:linear-gradient(#f0e7f6,#fff);color:#261b32;font:16px/1.5 Avenir,system-ui,sans-serif}main{width:min(480px,calc(100% - 40px));padding:32px;border:1px solid #e3d9ec;border-radius:20px;background:white;box-shadow:0 12px 36px #3e255214}h1{font-size:24px;font-weight:600}label{display:block;margin:20px 0}input{display:block;width:100%;margin-top:8px;padding:14px 16px;border:1px solid #a591b5;border-radius:12px;background:#fcfaff;color:inherit;font:inherit}input:focus{outline:2px solid #9562b5;outline-offset:2px}button{width:100%;padding:14px 20px;border:1px solid #a174ba;border-radius:12px;background:linear-gradient(#9453b2,#753491);box-shadow:inset 0 2px 0 #ffffff40,0 5px 14px #76358b35;color:white;font:600 16px Avenir,system-ui;cursor:pointer}button:disabled{opacity:.6}#status{margin-bottom:0;color:#aa2448}