*{box-sizing:border-box}body{margin:0;padding:clamp(20px,5vw,70px);font:1.1rem/1.65 system-ui,sans-serif;background:#f2f1f7;color:#242231}main{max-width:900px;margin:auto}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15}a{color:#6240c5}button,input{font:inherit}button{cursor:pointer;padding:10px 16px;border:1px solid #756d86;border-radius:6px;background:white;color:#242231}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #6240c5;outline-offset:4px}.card{background:white;border:1px solid #d9d4e4;border-radius:12px;padding:28px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}nav{display:flex;gap:20px;flex-wrap:wrap}input{padding:12px;width:100%;max-width:500px;margin:10px 0 25px}.filters{margin:20px 0}small{color:#655e75}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}