*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1b1f24;line-height:1.6;background:#fff}
a{color:#0a58ca;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:1.25rem}
.topbar{height:10px;background:linear-gradient(90deg,#000,#784F17,#503DCC,#00A3E0,#E91E63,#fff,#E40303,#FF8C00,#FFED00,#008026,#004DFF)}
header{border-bottom:1px solid #e8edf3;background:#f9fbfd}
nav a{margin-right:1rem}
.hero{display:flex;align-items:center;gap:2rem;padding:3rem 0}
.hero img{width:240px;max-width:35vw;height:auto;border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.08)}
.hero h1{margin:0;font-size:2.2rem;line-height:1.2}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.card{border:1px solid #e6e6e6;border-radius:10px;overflow:hidden;background:#fff}
.card img{width:100%;height:180px;object-fit:cover;display:block}
.card .p{padding:0 1rem 1rem}
form label{display:block;margin:.5rem 0}
input,textarea,button{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:8px;font:inherit}
button{cursor:pointer;background:#0a58ca;color:#fff;border-color:#0a58ca}
footer{border-top:1px solid #e8edf3;background:#f9fbfd;text-align:center;padding:2rem 1rem;margin-top:3rem}
.small{font-size:.9rem;color:#65758a}
.social a{margin-right:.75rem}
.badge{display:inline-block;padding:.35em .6em;border-radius:999px;background:#111;color:#fff;font-size:.85rem}