.icons{max-width:1280px;margin:0 auto;padding:64px 24px 40px}.icons-hero{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);grid-template-columns:1.4fr .8fr;gap:48px;margin-bottom:72px;padding:48px;display:grid}.icons-badge{background:var(--color-primary-light);color:var(--color-primary);border-radius:999px;align-items:center;padding:6px 14px;font-size:.875rem;font-weight:600;display:inline-flex}.icons-hero h1{margin:20px 0 16px;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.1}.icons-hero p{max-width:650px;color:var(--color-text-secondary);line-height:1.8}.icons-actions{gap:16px;margin-top:32px;display:flex}.icons-code{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background);padding:24px}.icons-code span{margin-bottom:16px;font-weight:600;display:block}.icons-code pre{margin:0;overflow-x:auto}.icons-section{margin-bottom:72px}.icons-section h2{margin-bottom:20px}.icons-section-description{color:var(--color-text-secondary);margin-bottom:24px;line-height:1.8}.icons-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.icons-example pre{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background);margin:0;padding:24px;overflow-x:auto}.icons-benefits{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.icons-benefit{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:28px}.icons-benefit span{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:20px;font-weight:700;display:inline-flex}.icons-benefit h3{margin-bottom:12px}.icons-benefit p{color:var(--color-text-secondary);line-height:1.8}@media (max-width:900px){.icons-hero,.icons-grid,.icons-benefits{grid-template-columns:1fr}}@media (max-width:768px){.icons{padding:48px 20px 80px}.icons-hero{padding:24px}.icons-actions{flex-direction:column}}.icons-library{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;display:grid}.icons-library-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;align-items:center;gap:14px;padding:24px;transition:all .2s;display:flex}.icons-library-item:hover{border-color:var(--color-primary);transform:translateY(-2px)}.icons-library-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:inline-flex}.icons-library-item:hover .icons-library-icon{transform:scale(1.08)}.icons-library-item span{text-align:center;word-break:break-word;font-size:.875rem}.icons-library-icon.blue{color:#2563eb;background:#2563eb1f}.icons-library-icon.sky{color:#0284c7;background:#0284c71f}.icons-library-icon.cyan{color:#0891b2;background:#0891b21f}.icons-library-icon.teal{color:#0f766e;background:#0f766e1f}.icons-library-icon.emerald{color:#059669;background:#0596691f}.icons-library-icon.green{color:#16a34a;background:#16a34a1f}.icons-library-icon.lime{color:#65a30d;background:#65a30d1f}.icons-library-icon.yellow{color:#ca8a04;background:#ca8a041f}.icons-library-icon.amber{color:#d97706;background:#d977061f}.icons-library-icon.orange{color:#ea580c;background:#ea580c1f}.icons-library-icon.red{color:#dc2626;background:#dc26261f}.icons-library-icon.rose{color:#e11d48;background:#e11d481f}.icons-library-icon.pink{color:#db2777;background:#db27771f}.icons-library-icon.fuchsia{color:#c026d3;background:#c026d31f}.icons-library-icon.purple{color:#9333ea;background:#9333ea1f}.icons-library-icon.violet{color:#7c3aed;background:#7c3aed1f}.icons-library-icon.indigo{color:#4f46e5;background:#4f46e51f}.icons-library-icon.slate{color:#475569;background:#4755691f}