*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:#f7f9f8}form{width:min(280px,calc(100vw - 48px))}input{width:100%;height:48px;padding:10px 14px;border:1px solid #cbd7d0;border-radius:8px;background:#fff;font:18px system-ui;color:#254237}input:focus{outline:2px solid #88aa99;outline-offset:2px}input[aria-invalid=true]{border-color:#b76b6b}input:disabled{opacity:.55}