*{box-sizing:border-box}body{margin:0;background:#f5f3fa;color:#263139;font:15px/1.7 system-ui,sans-serif;display:grid;min-height:100vh;place-items:center}main{width:460px;background:white;border:1px solid #e6dfef;border-radius:22px;padding:40px 44px;box-shadow:0 16px 50px #42216208}.brand{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:14px;background:linear-gradient(145deg,#641bc3,#9b4ccc);font-size:34px;font-weight:800;color:white}.eyebrow{font-size:12px;color:#8453b2;letter-spacing:1px;margin:22px 0 4px}h1{font-size:29px;margin:0 0 10px}.description{color:#73808b;margin:0 0 25px}label{display:block;margin:14px 0;color:#52606b}input{display:block;width:100%;border:1px solid #dce0e5;border-radius:9px;font:inherit;padding:10px 12px;margin-top:6px;outline:none}input:focus{border-color:#975cce;box-shadow:0 0 0 3px #975cce18}button{width:100%;background:#8147b9;color:white;border:0;border-radius:9px;padding:12px;font:inherit;cursor:pointer}button:disabled{opacity:.6}#error{color:#b93838;font-size:13px;min-height:20px}small{display:block;color:#8b949d;font-size:12px;margin-top:25px}

img.brand{display:block;object-fit:contain;background:none;border-radius:14px;width:52px;height:52px}h1{margin-bottom:24px}