body{font-family:Arial,sans-serif;background:#f2f6f9;color:#18283a;margin:0}header{background:#1d2c3b;color:#fff;padding:20px}main{max-width:430px;margin:7vh auto;background:#fff;border:1px solid #d2dde7;border-radius:8px;padding:28px;box-sizing:border-box}label{display:block;margin:18px 0 5px}input{box-sizing:border-box;width:100%;padding:10px;border:1px solid #b6c9d8;border-radius:4px;font:inherit}button{margin-top:22px;background:#2d7198;color:#fff;border:0;padding:11px 18px;border-radius:4px;font:inherit;cursor:pointer}.error{color:#a12626}