:root{font-family:Inter,Arial,sans-serif;color:#18213f;background:linear-gradient(135deg,#f0ecff,#f7f8fc)}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:1rem}.card{width:min(100%, thirtyrem);max-width:30rem;padding:2.2rem;border:1px solid #e0e4ef;border-radius:1.5rem;background:#fff;box-shadow:0 1.2rem 3rem #18213f1c}.mark{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:1rem;background:#6546c9;color:#fff;font-size:1.6rem;font-weight:900}.brand{color:#6546c9;font-size:.75rem;font-weight:900;letter-spacing:.16em;margin-top:1.5rem}h1{font-size:2rem;margin:.4rem 0}.muted{color:#687595;line-height:1.6}label{display:block;font-weight:800;margin:1.5rem 0 .5rem}input{width:100%;padding:1rem;border:1px solid #d7ddea;border-radius:.8rem;font-size:1.1rem}button{width:100%;margin-top:1rem;padding:1rem;border:0;border-radius:.8rem;background:#6546c9;color:#fff;font-weight:800;font-size:1rem;cursor:pointer}.error{color:#b42335}