*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial;background:#f4f6f8;color:#17202a}header{padding:3rem 6vw;background:#17202a;color:white}header h1{font-size:clamp(2rem,5vw,4rem);margin:.3rem 0}main{display:grid;grid-template-columns:1fr 360px;gap:2rem;padding:2rem 6vw}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card,aside{background:white;border:1px solid #ddd;border-radius:16px;padding:1.2rem;box-shadow:0 10px 30px #0000000d}aside{height:max-content;position:sticky;top:1rem}button{background:#17202a;color:white;border:0;border-radius:9px;padding:.75rem 1rem;font-weight:700;cursor:pointer}input{width:100%;padding:.75rem;margin:.35rem 0;border:1px solid #bbb;border-radius:9px}.row{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:.6rem 0}footer{text-align:center;padding:2rem;color:#68737d}@media(max-width:800px){main{display:block}aside{margin-top:2rem;position:static}}