*{box-sizing:border-box}body{font-family:system-ui,sans-serif;margin:0;color:#1a1a1a;line-height:1.5}header,main,footer{max-width:960px;margin:auto;padding:1rem}header{display:flex;justify-content:space-between;flex-wrap:wrap}nav a{margin-left:1rem}a{color:#25196e}.brand{font-weight:700;text-decoration:none}.hero{background:#efedff;padding:2rem;border-radius:12px}.btn,button{background:#25196e;color:#fff;padding:.5rem 1rem;border:0;border-radius:6px;text-decoration:none;cursor:pointer}.grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.card{border:1px solid #ddd;border-radius:10px;padding:1rem}.card h3{margin:0}.tag{display:inline-block;background:#e7e4fb;border-radius:99px;padding:0 .6rem;font-size:.8rem;text-decoration:none}.price{font-size:.9rem;color:#555}label{display:block;margin:.5rem 0}input{padding:.4rem;width:100%;max-width:320px;display:block}footer{border-top:1px solid #ddd;font-size:.9rem;color:#555}
.rev{font-size:.9rem;background:#fff6e0;border-left:3px solid #ffb830;padding:.2rem .5rem}.muted{color:#666;font-size:.85rem}.cs{border:2px solid #ffb830}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #eee;padding:.4rem;text-align:left;vertical-align:top}