:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#261b2c;background:#faf7fb}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 15% 10%,#fce5ee,transparent 60%),radial-gradient(ellipse at 90% 90%,#ede1f7,transparent 55%)}main{width:100%;max-width:410px;background:#fff;border:1px solid #eee4ef;border-radius:24px;padding:36px;box-shadow:0 20px 60px #6a1b9a12}.mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#c2185b,#6a1b9a);color:#fff;font-weight:800;font-size:26px}.brand{color:#6a1b9a;font-weight:700;font-size:12px;letter-spacing:2px;margin-top:22px}h1{font-size:25px;margin:8px 0}.intro{font-size:13px;color:#7b6d80;line-height:1.7}label{display:block;font-size:13px;font-weight:600;margin-top:22px}input{display:block;width:100%;margin-top:9px;border:1px solid #dfd6e2;border-radius:10px;padding:13px 12px;font:inherit;font-size:16px}input:focus{outline:2px solid #c2185b55;border-color:#c2185b}button{width:100%;border:0;border-radius:10px;padding:14px;background:#c2185b;color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}button:disabled{opacity:.65}#error{min-height:18px;font-size:13px;color:#a80a48;margin:16px 0} @media(max-width:450px){main{padding:28px 24px}}