:root{color:#17212b;font-family:system-ui,sans-serif;background:#f5f7fa}body{margin:0;min-height:100vh;display:grid;place-items:center}.card{width:min(28rem,calc(100vw - 2rem));box-sizing:border-box;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 8px 28px #17212b1c}h1{margin-top:0;font-size:1.45rem}p{line-height:1.5}form{display:grid;gap:.85rem;margin-top:1.25rem}input,button{box-sizing:border-box;min-height:2.75rem;padding:.65rem .8rem;font:inherit;border-radius:.5rem}input{border:1px solid #aab5c3}button{border:0;color:#fff;background:#075985;cursor:pointer}button:disabled{opacity:.6;cursor:progress}.feedback{min-height:1.4rem;margin:0;color:#9f1239}