*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--blue:#5656e3;--coral:#ea526f;--green:#10b981;--amber:#f59e0b;--purple:#8b5cf6;--grad:linear-gradient(135deg,#5656e3,#ea526f);--bg:#f5f5f8;--bg-card:#fff;--bg-subtle:#efeff4;--bg-nav:rgba(245,245,248,.9);--border:#e4e4ee;--border-strong:#cfcfe0;--text:#1b1b1d;--text-2:#52525e;--text-3:#9898a6;--shadow:0 1px 3px rgba(0,0,0,.05),0 4px 16px rgba(0,0,0,.04);--shadow-lg:0 4px 24px rgba(0,0,0,.09),0 1px 4px rgba(0,0,0,.05)}[data-theme=dark]{--bg:#0c0c0f;--bg-card:#16161b;--bg-subtle:#1c1c23;--bg-nav:rgba(12,12,15,.9);--border:#252530;--border-strong:#333340;--text:#f0f0f4;--text-2:#9898a6;--text-3:#52525e;--shadow:0 1px 3px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.2);--shadow-lg:0 4px 24px rgba(0,0,0,.4),0 1px 4px rgba(0,0,0,.25)}html{font-family:Inter,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);transition:background .2s,color .2s;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}#__next{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1240px}.container,.container-sm{width:100%;margin:0 auto;padding:0 32px}.container-sm{max-width:980px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}.nav{position:sticky;top:0;z-index:200;background:var(--bg-nav);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-inner{gap:12px;height:60px}.nav-inner,.nav-links{display:flex;align-items:center}.nav-links{gap:2px;margin-left:20px}.nav-link{padding:6px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-2);cursor:pointer;transition:all .13s;white-space:nowrap}.nav-link.active,.nav-link:hover{color:var(--text);background:var(--bg-subtle)}.nav-link.active{font-weight:600}.nav-search{flex:1;max-width:300px;position:relative}.nav-search input{width:100%;height:36px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;padding:0 32px 0 34px;font-size:13.5px;color:var(--text);transition:border-color .15s;outline:none}.nav-search input::-moz-placeholder{color:var(--text-3)}.nav-search input::placeholder{color:var(--text-3)}.nav-search input:focus{border-color:var(--blue);background:var(--bg-card)}.nav-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.nav-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.mobile-menu-btn{display:none;width:36px;height:36px;align-items:center;justify-content:center;border-radius:9px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-2)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .14s;border:none;line-height:1}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#4747cc}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border-strong)}.btn-outline:hover{background:var(--bg-subtle)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text)}.btn-sm{padding:6px 13px;font-size:13px;border-radius:8px}.theme-toggle{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);color:var(--text-2);cursor:pointer;transition:all .13s;border:1px solid var(--border)}.theme-toggle:hover{background:var(--bg-subtle);color:var(--text);border-color:var(--border-strong)}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px;transition:all .17s;box-shadow:var(--shadow)}.skill-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.skill-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.skill-name{font-size:14.5px;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:3px}.skill-author{font-size:12px;color:var(--text-3);margin-bottom:10px;font-weight:500}.skill-desc{font-size:13px;color:var(--text-2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.skill-stat{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-3);font-weight:500}.skel{background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--border) 50%,var(--bg-subtle) 75%);background-size:600px 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:500;background:var(--bg-subtle);color:var(--text-2);border:1px solid var(--border);white-space:nowrap}.tag-blue{background:color-mix(in srgb,var(--blue) 10%,transparent);color:var(--blue);border-color:color-mix(in srgb,var(--blue) 20%,transparent)}.free-badge{background:color-mix(in srgb,#10b981 12%,transparent);color:#10b981}.free-badge,.pro-badge{padding:3px 9px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap}.pro-badge{background:color-mix(in srgb,#f59e0b 12%,transparent);color:#f59e0b}.cat-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border-radius:99px;font-size:13px;font-weight:600;cursor:pointer;transition:all .14s;border:1.5px solid var(--border);color:var(--text-2);background:var(--bg-card);white-space:nowrap}.cat-pill:hover{border-color:var(--border-strong);color:var(--text)}.cat-pill.active{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,transparent)}.section-label{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}.section-title{font-size:26px;font-weight:900;color:var(--text);letter-spacing:-.02em;line-height:1.2}.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:99px;background:var(--bg-card);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:22px}.hero-title{font-size:clamp(34px,6vw,64px);font-weight:900;line-height:1.08;letter-spacing:-.025em;margin-bottom:16px}.grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:17px;color:var(--text-2);line-height:1.65;max-width:500px;margin:0 auto 32px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skills-grid-4{gap:14px}.cat-grid,.skills-grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.cat-grid{gap:10px}.cat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:13px;padding:18px 20px;cursor:pointer;transition:all .17s;display:flex;align-items:center;gap:14px}.cat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.browse-layout{display:grid;grid-template-columns:210px 1fr;gap:32px;padding:28px 0 72px;width:100%;align-items:start}.sidebar-title{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;padding:0 10px}.sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--text-2);cursor:pointer;transition:all .11s}.sidebar-item:hover{color:var(--text);background:var(--bg-subtle)}.sidebar-item.active{color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,transparent);font-weight:600}.sidebar-count{font-size:11px;color:var(--text-3);background:var(--bg-subtle);padding:1px 7px;border-radius:99px}.sidebar-item.active .sidebar-count{background:color-mix(in srgb,var(--blue) 15%,transparent);color:var(--blue)}.sort-select{padding:6px 12px;border-radius:9px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;outline:none}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-3);margin-bottom:16px}.pills-scroll{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pills-scroll::-webkit-scrollbar{display:none}.docs-layout{display:grid;grid-template-columns:210px 1fr;gap:48px;width:100%;align-items:start}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px}.how-grid{gap:32px}.how-grid,.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr)}.testimonials-grid{gap:16px}.detail-body-grid{display:grid;grid-template-columns:1fr 272px;gap:36px;align-items:start}.similar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width:1024px){.skills-grid-4{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:860px){.cat-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}.detail-body-grid,.how-grid,.testimonials-grid{grid-template-columns:1fr}.similar-grid{grid-template-columns:repeat(2,1fr)}.browse-layout{grid-template-columns:1fr}.browse-layout aside{display:none}.docs-layout{grid-template-columns:1fr}.docs-layout aside{display:none}.skills-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.container,.container-sm{padding:0 16px}.nav-actions .btn-outline,.nav-actions .btn-primary,.nav-links{display:none}.mobile-menu-btn{display:flex}.nav-search{max-width:none;flex:1}.cat-grid,.footer-grid,.similar-grid,.skills-grid,.skills-grid-4{grid-template-columns:1fr}.hero-title{font-size:32px}.hero-sub{font-size:15px}.section-title{font-size:22px}}