*{box-sizing:border-box}body{margin:0;background:#f3f7fa;color:#263c49;font:16px/1.5 Arial;display:grid;place-items:center;min-height:100dvh}main{width:min(400px,calc(100% - 36px));background:#fff;padding:36px;border:1px solid #dbe5ec;border-radius:10px}h1{font-size:26px;font-weight:500;margin:10px 0 24px}.brand{font-size:12px;letter-spacing:2px;color:#087bba}label{display:block;margin:16px 0}input{display:block;width:100%;padding:12px;border:1px solid #c7d6df;border-radius:5px;font:inherit;margin-top:6px}button{width:100%;padding:12px;background:#087bba;color:white;border:0;border-radius:5px;font:inherit;cursor:pointer}#message{font-size:14px;color:#a13337}button:disabled{opacity:.6}