:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f2ed;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f2ed;min-width:320px;min-height:100vh;margin:0}main{place-items:center;min-height:100vh;padding:24px;display:grid}form{width:min(680px,100%)}input{color:#171717;width:100%;height:68px;font:inherit;background:#fff;border:2px solid #171717;border-radius:0;outline:none;padding:0 22px;font-size:17px;line-height:1;transition:box-shadow .16s,border-color .16s,transform .16s;display:block;box-shadow:8px 8px #171717}input::placeholder{color:#8d8a84}input:focus{transform:translate(-2px,-2px);box-shadow:12px 12px #171717}form[data-status=loading] input{cursor:wait;border-color:#7b61ff;animation:.9s ease-in-out infinite alternate pulse;box-shadow:8px 8px #7b61ff}form[data-status=error] input{border-color:#d52b1e;box-shadow:8px 8px #d52b1e}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pulse{to{box-shadow:12px 12px #7b61ff}}@media (max-width:520px){main{padding:18px}input{height:62px;padding-inline:17px;font-size:16px;box-shadow:6px 6px #171717}}@media (prefers-reduced-motion:reduce){input{transition:none;animation:none!important}}