*{box-sizing:border-box}body{margin:0;background:#f2f5fb;color:#17243c;font:16px Tahoma,Arial,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(100%,560px);background:#fff;border:1px solid #e1e7f0;border-radius:20px;padding:32px;box-shadow:0 16px 50px #15306212}.brand{font:bold 30px Arial;color:#2558d8;direction:ltr;text-align:right}h1{font-size:23px;margin:24px 0}p{line-height:1.9;color:#53617b}label{display:block;font-size:14px;margin:18px 0 6px}input{width:100%;padding:12px;border:1px solid #c7d1e1;border-radius:9px;font:inherit}input:focus{outline:2px solid #90b3ff}button,.button{display:block;width:100%;padding:13px;background:#2558d8;color:white;border:0;border-radius:9px;font:inherit;text-decoration:none;text-align:center;margin:24px 0 0;cursor:pointer}.error{background:#fff0f0;color:#982d2d;padding:14px;border-radius:9px;line-height:1.8}.success{background:#eefbee;color:#276337;padding:14px;border-radius:9px;line-height:1.8}a{color:#2558d8}small{color:#65728a;line-height:1.7}fieldset{border:0;padding:0;margin:25px 0}legend{font-weight:bold;border-bottom:1px solid #eee;width:100%;padding-bottom:12px}input[dir=ltr]{text-align:left}