body{margin:0;background:#081827;color:#eef4fa;font:17px/1.6 system-ui,sans-serif}main{box-sizing:border-box;max-width:420px;margin:24vh auto 0;padding:24px}input{box-sizing:border-box;display:block;width:100%;min-height:52px;border-radius:8px;padding:12px 14px;font:inherit;background:#152d41;color:#fff;border:1px solid #7792a6}input:focus{outline:3px solid #ffc08d;outline-offset:3px}input[aria-invalid=true]{border:2px solid #ffb1a4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}