*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#0b0c20;color:#f2f1ff;font:16px system-ui,sans-serif}main{width:min(360px,calc(100% - 40px));padding:32px 0}img{display:block;max-width:100%;object-fit:contain;background:white;border-radius:6px;margin:0 auto 36px}label{display:block;margin-bottom:10px}input,button{width:100%;height:48px;border-radius:6px;font:inherit}input{padding:0 14px;background:#13182e;border:1px solid #535f82;color:#fff}input:focus{outline:1px solid #ff9849;outline-offset:0;border-color:#ff9849}button{border:0;background:#ff9849;color:#24132f;font-weight:650;cursor:pointer}button:hover{background:#ffad70}button:focus-visible{outline:2px solid #fff;outline-offset:3px}p{min-height:20px;margin:8px 0 16px;color:#ffb4bb;font-size:13px}