:root{--ink:#172430;--soft:#788793;--line:#d6e1e6;--blue:#1675a8}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}main{display:grid;min-height:100vh;padding:1.5rem;place-items:center}.searchForm{display:flex;width:min(100%,39rem);overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 8px 28px rgba(27,63,81,.06)}.searchForm:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(22,117,168,.1)}.inputSearch{flex:1;min-width:0;height:3.7rem;padding:0 1.35rem;border:0;outline:0;background:transparent;color:inherit;font:inherit}.inputSearch::placeholder{color:var(--soft)}.searchButton{width:3.7rem;border:0;border-radius:50%;margin:.3rem;color:#fff;background:var(--blue);cursor:pointer;font-size:1.3rem}.searchButton:hover{background:#0e5e8d}footer{position:fixed;right:1.5rem;bottom:1.3rem}footer nav{display:flex;gap:1rem}footer a{color:var(--soft);font-size:.74rem;text-decoration:none}footer a:hover{color:var(--blue)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:520px){footer{right:1rem;bottom:1rem}.searchButton{width:3.4rem}.inputSearch{height:3.4rem}}