:root{--cyan: #22D3EE;--cyan-dark: #06B6D4;--purple: #A855F7;--blue: #3B82F6;--green: #22C55E;--orange: #FB923C;--pink: #EC4899;--gray-900: #111827;--gray-800: #1F2937;--gray-700: #374151;--gray-600: #4B5563;--gray-400: #9CA3AF;--gray-300: #D1D5DB;--white: #FFFFFF}[data-astro-cid-haevwnad]{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--gray-900);color:var(--white);line-height:1.6;min-height:100vh}.header[data-astro-cid-haevwnad]{background:#111827f2;backdrop-filter:blur(10px);padding:20px 40px;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--gray-700)}.header-content[data-astro-cid-haevwnad]{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo-link[data-astro-cid-haevwnad]{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--white);font-size:20px;font-weight:700}.logo-link[data-astro-cid-haevwnad] img[data-astro-cid-haevwnad]{height:32px}.header-nav[data-astro-cid-haevwnad]{display:flex;align-items:center;gap:24px}.header-nav[data-astro-cid-haevwnad] a[data-astro-cid-haevwnad]{color:var(--gray-400);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.header-nav[data-astro-cid-haevwnad] a[data-astro-cid-haevwnad]:hover,.header-nav[data-astro-cid-haevwnad] a[data-astro-cid-haevwnad].active{color:var(--cyan)}.hero[data-astro-cid-haevwnad]{background:linear-gradient(180deg,rgba(17,24,39,1) 0%,var(--gray-900) 100%);padding:80px 40px;text-align:center}.hero-badge[data-astro-cid-haevwnad]{display:inline-flex;align-items:center;gap:8px;background:#22d3ee1a;border:1px solid rgba(34,211,238,.3);padding:8px 16px;border-radius:50px;font-size:13px;color:var(--cyan);margin-bottom:24px}.hero[data-astro-cid-haevwnad] h1[data-astro-cid-haevwnad]{font-size:48px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,var(--white) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero[data-astro-cid-haevwnad] p[data-astro-cid-haevwnad]{font-size:18px;color:var(--gray-300);max-width:600px;margin:0 auto}.filter-section[data-astro-cid-haevwnad]{max-width:1400px;margin:0 auto;padding:40px 20px 0}.filter-tabs[data-astro-cid-haevwnad]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.filter-tab[data-astro-cid-haevwnad]{padding:10px 20px;background:var(--gray-800);border:1px solid var(--gray-700);border-radius:8px;color:var(--gray-400);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.filter-tab[data-astro-cid-haevwnad]:hover{border-color:var(--cyan);color:var(--cyan)}.filter-tab[data-astro-cid-haevwnad].active{background:var(--cyan);border-color:var(--cyan);color:var(--gray-900)}.resources-container[data-astro-cid-haevwnad]{max-width:1400px;margin:0 auto;padding:40px 20px 80px}.resources-grid[data-astro-cid-haevwnad]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.resource-card[data-astro-cid-haevwnad]{background:var(--gray-800);border-radius:16px;padding:24px;border:1px solid var(--gray-700);transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;flex-direction:column}.resource-card[data-astro-cid-haevwnad]:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006;border-color:var(--cyan)}.resource-header[data-astro-cid-haevwnad]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.resource-number[data-astro-cid-haevwnad]{background:var(--gray-700);color:var(--cyan);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.resource-category[data-astro-cid-haevwnad]{font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:5px 12px;border-radius:6px;font-weight:600}.resource-category[data-astro-cid-haevwnad].components{background:#22d3ee26;color:var(--cyan)}.resource-category[data-astro-cid-haevwnad].animation{background:#a855f726;color:var(--purple)}.resource-category[data-astro-cid-haevwnad].tailwind{background:#38bdf826;color:var(--blue)}.resource-category[data-astro-cid-haevwnad].utility{background:#22c55e26;color:var(--green)}.resource-category[data-astro-cid-haevwnad].community{background:#fb923c26;color:var(--orange)}.resource-title[data-astro-cid-haevwnad]{font-size:22px;font-weight:600;margin-bottom:8px;color:var(--white)}.resource-description[data-astro-cid-haevwnad]{font-size:14px;color:var(--gray-400);line-height:1.7;flex-grow:1;margin-bottom:16px}.resource-best-for[data-astro-cid-haevwnad]{font-size:13px;color:var(--gray-300);padding:12px 16px;background:var(--gray-700);border-radius:8px;margin-bottom:16px}.resource-best-for[data-astro-cid-haevwnad] strong[data-astro-cid-haevwnad]{color:var(--cyan)}.resource-link[data-astro-cid-haevwnad]{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);text-decoration:none;font-weight:600;font-size:14px;transition:gap .2s}.resource-link[data-astro-cid-haevwnad]:hover{gap:12px}.resource-link[data-astro-cid-haevwnad] svg[data-astro-cid-haevwnad]{transition:transform .2s}.resource-link[data-astro-cid-haevwnad]:hover svg[data-astro-cid-haevwnad]{transform:translate(4px)}.footer[data-astro-cid-haevwnad]{background:#111827f2;color:var(--gray-400);padding:40px;text-align:center;border-top:1px solid var(--gray-700)}.footer[data-astro-cid-haevwnad] a[data-astro-cid-haevwnad]{color:var(--cyan);text-decoration:none}.footer[data-astro-cid-haevwnad] a[data-astro-cid-haevwnad]:hover{text-decoration:underline}@media(max-width:768px){.header[data-astro-cid-haevwnad]{padding:16px 20px}.header-nav[data-astro-cid-haevwnad]{display:none}.hero[data-astro-cid-haevwnad]{padding:60px 20px}.hero[data-astro-cid-haevwnad] h1[data-astro-cid-haevwnad]{font-size:32px}.resources-grid[data-astro-cid-haevwnad]{grid-template-columns:1fr}.filter-tabs[data-astro-cid-haevwnad]{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px}.filter-tab[data-astro-cid-haevwnad]{flex-shrink:0}}