*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#667eea;--primary-dark:#5a67d8;--secondary:#764ba2;--bg:#0f0f23;--bg-card:#1a1a2e;--bg-card-hover:#252542;--text:#e2e8f0;--text-muted:#94a3b8;--border:#334155;--tag-bg:#667eea33}body{background:linear-gradient(135deg, var(--bg) 0%, #1a1a3e 100%);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}.loading{height:100vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.landing{max-width:1400px;margin:0 auto;padding:2rem}.hero{text-align:center;margin-bottom:3rem;padding:4rem 2rem}.hero h1{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:700}.hero p{color:var(--text-muted);max-width:600px;margin:0 auto 2rem;font-size:1.25rem}.hero-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-links a{border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.hero-links a.primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff}.hero-links a.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.hero-links a.secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.hero-links a.secondary:hover{background:var(--bg-card-hover)}.filters{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.filters button{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.filters button:hover{background:var(--bg-card-hover);color:var(--text)}.filters button.active{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border-color:#0000}.search-container{max-width:400px;margin:0 auto 2rem}.search-container input{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text);border-radius:8px;padding:.75rem 1rem;font-size:1rem}.search-container input::placeholder{color:var(--text-muted)}.search-container input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #667eea33}.examples-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:4rem;display:grid}.example-card{background:var(--bg-card);border:1px solid var(--border);color:inherit;border-radius:12px;padding:1.5rem;text-decoration:none;transition:all .2s;display:block}.example-card:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.example-card h3{color:var(--text);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.example-card p{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem;line-height:1.5}.example-card .tags{flex-wrap:wrap;gap:.5rem;display:flex}.example-card .tag{background:var(--tag-bg);color:var(--primary);border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.example-card .category-tag{color:var(--secondary);background:#764ba233}.empty-state{text-align:center;color:var(--text-muted);padding:4rem 2rem}.empty-state h3{color:var(--text);margin-bottom:.5rem;font-size:1.5rem}footer{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);padding:2rem}footer a{color:var(--primary);text-decoration:none}footer a:hover{text-decoration:underline}footer .links{justify-content:center;gap:2rem;margin-top:1rem;display:flex}@media (width<=768px){.landing{padding:1rem}.hero{padding:2rem 1rem}.hero h1{font-size:2.5rem}.examples-grid{grid-template-columns:1fr}}