body{color:#111;background:#f5f7fb;margin:0;font-family:Arial,sans-serif}.app{min-height:100vh}.hero{color:#fff;text-align:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:80px 20px}.hero h1{margin-bottom:16px;font-size:56px}.hero p{max-width:700px;margin:auto;font-size:20px}.section{max-width:1100px;margin:auto;padding:50px 20px}.section h2{margin-bottom:30px}.listing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 4px 14px #00000014}.card h3{margin-top:0}.tag{color:#5b21b6;background:#ede9fe;border-radius:999px;margin-top:14px;padding:6px 12px;font-size:14px;display:inline-block}