body {
font-family: ‘Plus Jakarta Sans’, sans-serif;
background-color: #fcfcfc;
color: #1a1a1a;
scroll-behavior: smooth;
}
.serif { font-family: ‘Instrument Serif’, serif; }

.glass {
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(20px);
border-bottom: 1px solid rgba(0,0,0,0.05);
}

.branding-card {
background: #ffffff;
border: 1px solid #eaeaea;
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.branding-card:hover {
border-color: #000;
transform: translateY(-4px);
box-shadow: 0 12px 30px -10px rgba(0,0,0,0.05);
}

.gradient-text {
background: linear-gradient(to right, #1a1a1a, #666);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

#toast {
visibility: hidden;
background: #000;
color: #fff;
text-align: center;
border-radius: 50px;
padding: 14px 28px;
position: fixed;
z-index: 100;
left: 50%;
bottom: 40px;
transform: translateX(-50%);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

#toast.show { visibility: visible; animation: fadeInUp 0.4s ease; }
@keyframes fadeInUp { from { opacity: 0; transform: translate(-50%, 20px); } to { opacity: 1; transform: translate(-50%, 0); } }

.search-container {
box-shadow: 0 10px 40px rgba(0,0,0,0.04);
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #000; }

// Core dataset generator for 1000+ items
const niches = [‘D2C Founder’, ‘Life Coach’, ‘UI/UX Designer’, ‘Growth Hacker’, ‘Tech Lead’, ‘Ecom Expert’, ‘Real Estate Agent’, ‘EdTech Founder’, ‘Freelance Writer’, ‘SaaS Dev’, ‘AgriTech Visionary’];
const cities = [‘Bangalore’, ‘Mumbai’, ‘Delhi NCR’, ‘Indore’, ‘Pune’, ‘Hyderabad’, ‘Tier-2 India’];
const strategies = [
“Contrarian view on hustle culture in India.”,
“Storytelling about failures before a successful seed round.”,
“Technical deep dive into the India Stack (UPI/ONDC).”,
“Why I rejected a high-paying MNC job for a startup.”,
“Managing remote teams from the beaches of Goa.”,
“Scaling a D2C brand on a bootstrap budget.”,
“The mindset shift from employee to employer in the Indian context.”,
“Hinglish guide to personal productivity.”,
“Reclaiming the ‘Small Town’ narrative as a superpower.”,
“3 tools I use to save 20 hours a week as an Indian creator.”
];

const allPrompts = [];

// Generating 1050 unique items
for(let i = 0; i {
btn.classList.remove(‘bg-black’, ‘text-white’);
btn.classList.add(‘bg-gray-50’, ‘border-gray-100’, ‘text-gray-400’);
});
document.getElementById(`btn-${val}`).classList.add(‘bg-black’, ‘text-white’);
document.getElementById(`btn-${val}`).classList.remove(‘bg-gray-50’, ‘border-gray-100’, ‘text-gray-400’);
resetAndRender();
}

function resetAndRender() {
displayCount = 21;
render();
window.scrollTo(0, 0);
}

function loadMore() {
displayCount += 21;
render();
}

function render() {
const query = document.getElementById(‘searchInput’).value.toLowerCase();
const grid = document.getElementById(‘grid’);
const counter = document.getElementById(‘counter’);

const filtered = allPrompts.filter(p => {
const matchFilter = currentFilter === ‘all’ || p.cat === currentFilter;
const matchSearch = p.title.toLowerCase().includes(query) || p.niche.toLowerCase().includes(query) || p.text.toLowerCase().includes(query);
return matchFilter && matchSearch;
});

counter.innerText = `${filtered.length.toLocaleString()} Assets Available`;

const toShow = filtered.slice(0, displayCount);

grid.innerHTML = toShow.map(p => `

`).join(”);

// Hide load more button if no more data
const loadMoreBtn = document.getElementById(‘loadMoreContainer’);
if (displayCount >= filtered.length) {
loadMoreBtn.style.display = ‘none’;
} else {
loadMoreBtn.style.display = ‘flex’;
}
}

function copyText(btn, text) {
const textArea = document.createElement(“textarea”);
textArea.value = text;
textArea.style.position = “fixed”;
textArea.style.left = “-9999px”;
document.body.appendChild(textArea);
textArea.select();

try {
document.execCommand(‘copy’);
const toast = document.getElementById(“toast”);
toast.className = “show”;
setTimeout(() => { toast.className = “”; }, 3000);

const oldText = btn.innerText;
btn.innerText = “COPIED”;
setTimeout(() => { btn.innerText = oldText; }, 2000);
} catch (err) {
console.error(‘Copy failed’, err);
}
document.body.removeChild(textArea);
}

window.onload = render;