.agents-v6-overview.svelte-10amqvr{min-height:100vh;background:#fff;padding:0}.cta-wrapper.svelte-10amqvr{max-width:1200px;margin:4rem auto 0;padding:0 2rem 4rem}.classes-container.svelte-10amqvr{max-width:1400px;margin:0 auto;padding:0 2rem 4rem}.classes-grid.svelte-10amqvr{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;align-items:start}.class-card.svelte-10amqvr{background:#1f2937;border:2px solid #374151;border-radius:24px;padding:2rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:left;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column}.class-card.svelte-10amqvr:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--class-color);transform:scaleX(0);transition:transform .4s ease}.class-card.svelte-10amqvr:hover{transform:translateY(-8px);background:#374151;border-color:var(--class-color);box-shadow:0 20px 60px #0006,0 0 0 2px var(--class-color)}.class-card.svelte-10amqvr:hover:before{transform:scaleX(1)}.class-header.svelte-10amqvr{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.5rem;height:2rem}.agent-count-badge.svelte-10amqvr{background:#3b82f633;border:1px solid rgba(59,130,246,.3);padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600;color:#93c5fd}.class-title.svelte-10amqvr{font-size:1.75rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.class-description.svelte-10amqvr{font-size:1.1rem;line-height:1.6;color:#fffc;margin-bottom:1.25rem}.class-agents.svelte-10amqvr{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.75rem}.agent-pill.svelte-10amqvr{display:inline-flex;align-items:center;gap:.7rem;padding:.63rem 1.54rem;max-width:100%;min-width:0;border-radius:999px;font-size:1.02rem;font-weight:600;text-decoration:none;background:#0f172af2;border:1px solid rgba(156,163,175,.85);color:#f9fafb;transition:all .2s ease}.agent-pill.svelte-10amqvr:hover{background:#1f2937;border-color:var(--class-color);color:#f9fafb;transform:translateY(-1px)}.agent-pill-icon.svelte-10amqvr{width:45px;height:45px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.agent-pill-icon.svelte-10amqvr img:where(.svelte-10amqvr){width:100%;height:100%;object-fit:contain}.agent-pill-name.svelte-10amqvr{min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(.85rem,1.1vw,1.02rem);line-height:1.2}.class-footer.svelte-10amqvr{padding-top:1.5rem;border-top:1px solid #4b5563}.explore-link.svelte-10amqvr{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--class-color);transition:all .3s ease}.class-card.svelte-10amqvr:hover .explore-link:where(.svelte-10amqvr){gap:1rem}.loading-section.svelte-10amqvr,.error-section.svelte-10amqvr,.empty-section.svelte-10amqvr{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;gap:1rem;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff}.loading-spinner.svelte-10amqvr{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top:4px solid white;border-radius:50%;animation:svelte-10amqvr-spin 1s linear infinite}@keyframes svelte-10amqvr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn.svelte-10amqvr{margin-top:1rem;padding:.75rem 2rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn.svelte-10amqvr:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width: 768px){.classes-container.svelte-10amqvr{padding:0 1rem 3rem}.classes-grid.svelte-10amqvr{grid-template-columns:1fr;gap:1.5rem}.class-title.svelte-10amqvr{font-size:1.5rem}.agent-pill.svelte-10amqvr{padding:.56rem 1.36rem;font-size:.95rem;gap:.625rem}.agent-pill-icon.svelte-10amqvr{width:40px;height:40px}}