:root{--ink:#292530;--muted:#817a86;--line:#ded9e1;--violet:#5b3f8c}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:#fff;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}main{display:grid;min-height:100vh;padding:clamp(3.5rem,12vh,8rem) 1.5rem 1.5rem;place-items:start center}.searchForm{display:flex;width:min(100%,36rem);overflow:hidden;border:1px solid var(--line);border-radius:.55rem;background:#fff;box-shadow:0 5px 18px rgba(54,38,82,.045);transition:border-color .2s ease,box-shadow .2s ease}.searchForm:focus-within{border-color:var(--violet);box-shadow:0 0 0 4px rgba(91,63,140,.1)}.inputSearch{min-width:0;flex:1;height:3.55rem;padding:0 1.05rem;border:0;outline:0;color:inherit;background:transparent;font:inherit;font-size:1rem}.inputSearch::placeholder{color:var(--muted)}.searchButton{display:grid;width:3.55rem;place-items:center;border:0;color:#fff;background:var(--violet);cursor:pointer;font:inherit;font-size:1.3rem;transition:background .2s ease}.searchButton:hover,.searchButton:focus-visible{background:#432a6d}footer{position:fixed;right:1.5rem;bottom:1.3rem}footer nav{display:flex;gap:1rem}footer a{color:var(--muted);font-size:.74rem;text-decoration:none}footer a:hover{color:var(--violet)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:520px){main{padding-top:3.5rem}.inputSearch{height:3.35rem}.searchButton{width:3.35rem}footer{right:1rem;bottom:1rem}}