*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 15% 15%,#e7dcff,transparent 55%),#f5f4fa;color:#292238;font-family:'Segoe UI',Arial,sans-serif;padding:24px}main{width:min(100%,460px);padding:48px;background:#ffffffdd;border:1px solid white;border-radius:32px;box-shadow:0 24px 80px #46346812}.mark{width:52px;height:52px;border-radius:16px;background:#4a315e;color:white;display:grid;place-items:center;font-weight:900;font-size:32px}.eyebrow{letter-spacing:3px;font-size:11px;font-weight:700;margin-top:28px}h1{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:16px 0}.intro{font-size:14px;color:#797080;line-height:1.7}form{display:grid;gap:20px;margin-top:32px}label{font-size:12px;font-weight:600;display:grid;gap:8px}input{font:inherit;font-size:16px;width:100%;border:1px solid #ded9e6;border-radius:12px;padding:14px;background:#faf9fc}input:focus{outline:2px solid #b69cd5}button{border:0;border-radius:12px;padding:16px;background:#493159;color:white;text-align:left;font:inherit;font-weight:600;cursor:pointer}button span{float:right}small{display:block;text-align:center;color:#817887;font-size:11px;margin-top:28px}#error{color:#a33148;font-size:13px;margin:0}button:disabled{opacity:.5}@media(max-width:500px){main{padding:28px}h1{font-size:29px}}