@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--brand:#45ba50;--brand-bright:#45e059;--brand-dim:#107823;--brand-glow:#45ba5040;--brand-glow-sm:#45ba501f;--brand-subtle:#45ba500f;--bg-base:#020b06;--bg-0:#030d07;--bg-1:#080f0a;--bg-2:#0d1810;--bg-card:#08140abf;--bg-glass:#08140a99;--text-0:#e8fdf0;--text-1:#8fba9e;--text-2:#4a6b54;--text-3:#2d4335;--border-0:#ffffff0a;--border-1:#ffffff14;--border-brand:#45ba5066;--font-sans:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--max-w:1280px;--max-w-sm:720px;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-brand:0 0 24px #45ba5033;--shadow-card:0 4px 24px #0009}@supports (color:lab(0% 0 0)){:root{--brand:lab(67.3528% -50.581 42.6409);--brand-bright:lab(79.4125% -61.8843 52.6973);--brand-dim:lab(43.7637% -42.2611 36.5581);--brand-glow:lab(67.3528% -50.581 42.6409/.25);--brand-glow-sm:lab(67.3528% -50.581 42.6409/.12);--brand-subtle:lab(67.3528% -50.581 42.6409/.06);--border-brand:lab(67.3528% -50.581 42.6409/.4);--shadow-brand:0 0 24px lab(67.3528% -50.581 42.6409/.2)}}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}html,body{background-color:var(--bg-base);color:var(--text-0);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:16px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#45ba5012 1px,#0000 1px);background-image:radial-gradient(circle,lab(67.3528% -50.581 42.6409/.07) 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}body>*{z-index:1;position:relative}a{color:inherit;text-decoration:none;transition:color .2s}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{color:var(--text-0);margin-top:0;line-height:1.2}p{margin-top:0}button{font-family:var(--font-sans)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:var(--text-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--brand-dim)}::selection{background:var(--brand-glow);color:var(--brand-bright)}.text-brand{color:var(--brand)}.text-muted{color:var(--text-1)}.text-center{text-align:center}.mono{font-family:var(--font-mono)}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--brand-glow)}50%{box-shadow:0 0 20px var(--brand-glow), 0 0 40px var(--brand-glow-sm)}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scan-line{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-0);background:#020b06d9;position:sticky;top:0}.nav-container{max-width:var(--max-w);justify-content:space-between;align-items:center;height:3.75rem;margin:0 auto;padding:0 1.5rem;display:flex}.nav-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-mark{justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:relative}.logo-mark-inner{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dim) 100%);width:100%;height:100%;box-shadow:0 0 16px var(--brand-glow);border-radius:.5rem;justify-content:center;align-items:center;display:flex}.logo-text{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--text-0);font-size:1.125rem;font-weight:700}.nav-center{align-items:center;gap:.25rem;display:none}@media (min-width:768px){.nav-center{display:flex}}.nav-link{border-radius:var(--radius-full);color:var(--text-1);letter-spacing:.01em;padding:.375rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s}.nav-link:hover{color:var(--text-0);background:var(--brand-subtle)}.nav-right{align-items:center;gap:.75rem;display:flex}.nav-badge{font-size:.75rem;font-family:var(--font-mono);color:var(--brand);background:var(--brand-subtle);border-radius:var(--radius-full);border:1px solid #45ba5033;border:1px solid lab(67.3528% -50.581 42.6409/.2);align-items:center;gap:.375rem;padding:.25rem .75rem;font-weight:500;display:flex}.status-dot{background:var(--brand);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-glow}.nav-github{border-radius:var(--radius-full);color:var(--text-0);background:var(--bg-2);border:1px solid var(--border-1);align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.nav-github:hover{border-color:var(--border-brand);box-shadow:0 0 12px var(--brand-glow-sm);color:var(--brand)}.hero{text-align:center;padding:7rem 1.5rem 5rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at top,#45ba501a 0%,#0000 70%);background:radial-gradient(at top,lab(67.3528% -50.581 42.6409/.1) 0%,#0000 70%);width:900px;height:500px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-eyebrow{font-family:var(--font-mono);color:var(--brand);background:var(--brand-subtle);border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;border:1px solid #45ba5033;border:1px solid lab(67.3528% -50.581 42.6409/.2);align-items:center;gap:.5rem;margin-bottom:2rem;padding:.375rem 1rem;font-size:.8125rem;font-weight:500;animation:.6s both fade-up;display:inline-flex}.hero h1{letter-spacing:-.04em;max-width:18ch;margin:0 auto 1.5rem;font-size:clamp(3rem,7vw,5.5rem);font-weight:700;line-height:1.05;animation:.6s .1s both fade-up}.hero h1 .gradient{background:linear-gradient(90deg,#4ade80 0%,#86efac 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-sub{color:var(--text-1);max-width:36rem;margin:0 auto 3rem;font-size:clamp(1.0625rem,2.5vw,1.375rem);line-height:1.65;animation:.6s .2s both fade-up}.hero-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin-bottom:4rem;animation:.6s .3s both fade-up;display:flex}.hero-stat{text-align:center;border-right:1px solid var(--border-0);padding:.75rem 2rem}.hero-stat:last-child{border-right:none}.hero-stat-value{font-size:1.875rem;font-weight:700;font-family:var(--font-mono);color:var(--brand);letter-spacing:-.03em;margin-bottom:.25rem;line-height:1;display:block}.hero-stat-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:500;display:block}.search-wrapper{max-width:44rem;margin:0 auto 2.5rem;position:relative}.search-icon{color:var(--text-2);pointer-events:none;z-index:1;width:1.125rem;height:1.125rem;position:absolute;top:50%;left:1.125rem;transform:translateY(-50%)}.search-input{width:100%;font-size:1rem;font-family:var(--font-sans);background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-lg);color:var(--text-0);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);outline:none;padding:1rem 1rem 1rem 3.125rem;transition:all .25s}.search-input::placeholder{color:var(--text-2)}.search-input:focus{border-color:var(--border-brand);box-shadow:0 0 0 3px var(--brand-glow-sm), 0 0 24px var(--brand-glow-sm);background:#08140ae6}.category-pills{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3rem;display:flex}.pill-btn{border-radius:var(--radius-full);border:1px solid var(--border-0);cursor:pointer;color:var(--text-1);letter-spacing:.01em;background:0 0;padding:.4375rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s}.pill-btn:hover{border-color:var(--border-1);color:var(--text-0);background:var(--bg-2)}.pill-btn.active{background:var(--brand-subtle);color:var(--brand);border-color:#45ba504d;border-color:lab(67.3528% -50.581 42.6409/.3)}.directory-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-bottom:6rem;display:grid}.directory-card{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;height:100%;padding:1.5rem;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden}.directory-card:before{content:"";background:linear-gradient(135deg, var(--brand-subtle) 0%, transparent 60%);opacity:0;border-radius:inherit;transition:opacity .25s;position:absolute;inset:0}.directory-card:hover{border-color:var(--border-brand);box-shadow:0 0 0 1px #45ba501a, var(--shadow-brand);transform:translateY(-3px)}@supports (color:lab(0% 0 0)){.directory-card:hover{box-shadow:0 0 0 1px lab(67.3528% -50.581 42.6409/.1), var(--shadow-brand)}}.directory-card:hover:before{opacity:1}.card-header-small{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex;position:relative}.badge{border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--bg-2);color:var(--text-1);border:1px solid var(--border-0);align-items:center;gap:.25rem;padding:.1875rem .625rem;display:inline-flex}.badge-green{background:var(--brand-subtle);color:var(--brand);border-color:#45ba5033;border-color:lab(67.3528% -50.581 42.6409/.2)}.card-count{font-size:.75rem;font-family:var(--font-mono);color:var(--brand);font-weight:500}.directory-card h3{margin-bottom:.625rem;font-size:1.0625rem;font-weight:600;line-height:1.35;transition:color .2s;position:relative}.directory-card:hover h3{color:var(--brand)}.directory-card p{color:var(--text-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.55;display:-webkit-box;position:relative;overflow:hidden}.directory-card-arrow{color:var(--text-2);opacity:0;transition:all .25s;position:absolute;bottom:1.25rem;right:1.25rem}.directory-card:hover .directory-card-arrow{opacity:1;color:var(--brand);transform:translate(2px,-2px)}.empty-state{text-align:center;padding:5rem 1rem}.empty-state p{color:var(--text-1);margin-bottom:1rem;font-size:1.0625rem}.empty-clear-btn{border:1px solid var(--border-brand);border-radius:var(--radius-full);color:var(--brand);cursor:pointer;background:0 0;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.empty-clear-btn:hover{background:var(--brand-subtle)}.features{border-top:1px solid var(--border-0);padding:6rem 0;position:relative}.features-header{text-align:center;margin-bottom:3.5rem}.features-header h2{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.features-header p{color:var(--text-1);max-width:36rem;margin:0 auto;font-size:1.0625rem;line-height:1.65}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.75rem;transition:border-color .2s,box-shadow .2s}.feature-card:hover{box-shadow:0 0 16px var(--brand-glow-sm);border-color:#45ba5033;border-color:lab(67.3528% -50.581 42.6409/.2)}.feature-icon{background:var(--brand-subtle);width:2.75rem;height:2.75rem;color:var(--brand);border-radius:var(--radius-md);border:1px solid #45ba5033;border:1px solid lab(67.3528% -50.581 42.6409/.2);justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.feature-card h3{letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.0625rem;font-weight:600}.feature-card p{color:var(--text-1);margin:0;font-size:.9375rem;line-height:1.65}.page-container{max-width:var(--max-w-sm);margin:0 auto;padding:3rem 1.5rem 6rem}.breadcrumbs{font-size:.8125rem;font-family:var(--font-mono);color:var(--text-2);align-items:center;gap:.375rem;margin-bottom:2.5rem;display:flex}.breadcrumbs a{color:var(--text-1);transition:color .2s}.breadcrumbs a:hover{color:var(--brand)}.breadcrumbs .bc-sep{color:var(--text-3)}.breadcrumbs .bc-current{color:var(--text-0)}.page-header{border-bottom:1px solid var(--border-0);margin-bottom:3rem;padding-bottom:3rem}.page-header h1{letter-spacing:-.04em;margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1}.page-header p{color:var(--text-1);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.65}.page-meta{flex-wrap:wrap;gap:.625rem;display:flex}.meta-chip{font-size:.75rem;font-family:var(--font-mono);color:var(--text-1);background:var(--bg-2);border:1px solid var(--border-0);border-radius:var(--radius-full);align-items:center;gap:.3125rem;padding:.25rem .75rem;font-weight:500;display:inline-flex}.content-prose{color:var(--text-1);margin-bottom:3rem;font-size:1.0625rem;line-height:1.75}.section-title{letter-spacing:-.02em;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.section-title:after{content:"";background:var(--border-0);flex:1;height:1px}.alt-list{flex-direction:column;gap:1.25rem;display:flex}.alt-card{border:1px solid var(--border-1);border-radius:var(--radius-lg);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.625rem;transition:all .25s;position:relative;overflow:hidden}.alt-card:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--border-brand) 50%, transparent 100%);opacity:0;height:1px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.alt-card:hover{box-shadow:0 0 0 1px #45ba500d, var(--shadow-brand);border-color:#45ba504d;border-color:lab(67.3528% -50.581 42.6409/.3)}@supports (color:lab(0% 0 0)){.alt-card:hover{box-shadow:0 0 0 1px lab(67.3528% -50.581 42.6409/.05), var(--shadow-brand)}}.alt-card:hover:before{opacity:1}.alt-rank{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-3);letter-spacing:.05em;font-weight:600;position:absolute;top:1.625rem;right:1.625rem}.alt-header{align-items:flex-start;gap:1rem;margin-bottom:1.125rem;display:flex}.alt-logo{background:var(--bg-2);border:1px solid var(--border-1);border-radius:var(--radius-md);width:3rem;height:3rem;color:var(--brand);font-size:1.25rem;font-weight:700;font-family:var(--font-mono);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.alt-logo img{object-fit:contain;width:100%;height:100%;padding:4px}.alt-identity{flex:1;min-width:0}.alt-name-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.1875rem;display:flex}.alt-name-row h3{letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:600}.alt-tagline{color:var(--text-1);margin:0;font-size:.8125rem;line-height:1.4}.alt-links{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.link-btn{color:var(--text-1);align-items:center;gap:.3125rem;font-size:.8125rem;font-weight:500;transition:color .2s;display:inline-flex}.link-btn:hover{color:var(--text-0)}.link-btn-primary{color:var(--brand);border-radius:var(--radius-full);border:1px solid #45ba504d;border:1px solid lab(67.3528% -50.581 42.6409/.3);padding:.25rem .75rem;font-size:.8125rem;font-weight:500;transition:all .2s}.link-btn-primary:hover{background:var(--brand-subtle);border-color:#45ba5080;border-color:lab(67.3528% -50.581 42.6409/.5)}.alt-desc{color:var(--text-1);margin-bottom:1.375rem;font-size:.9375rem;line-height:1.65}.alt-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.375rem;display:grid}@media (min-width:560px){.alt-stats{grid-template-columns:repeat(4,1fr)}}.stat-item{background:var(--bg-1);border:1px solid var(--border-0);border-radius:var(--radius-md);padding:.625rem .75rem}.stat-label{font-size:.6875rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--text-2);margin-bottom:.25rem;display:block}.stat-value{color:var(--text-0);font-size:.875rem;font-weight:600;font-family:var(--font-mono);display:block}.stat-value.excellent{color:var(--brand)}.stat-value.good{color:#00caba;color:lab(72.8026% -52.193 -5.24377)}.stat-value.fair{color:#eb9b00;color:lab(70.724% 25.7916 96.3337)}.stat-value.poor{color:#e85854;color:lab(57.6104% 56.6725 33.4484)}.cmd-box{background:var(--bg-0);border:1px solid var(--border-1);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:relative;overflow:hidden}.cmd-box:before{content:"";background:var(--brand);border-radius:2px 0 0 2px;width:3px;position:absolute;top:0;bottom:0;left:0}.cmd-code{font-family:var(--font-mono);color:var(--text-0);white-space:nowrap;padding-left:.5rem;font-size:.8125rem;overflow-x:auto}.cmd-prompt{color:var(--brand);-webkit-user-select:none;user-select:none;margin-right:.375rem}.copy-btn{background:var(--bg-2);border:1px solid var(--border-1);color:var(--text-1);cursor:pointer;border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-mono);flex-shrink:0;align-items:center;gap:.3125rem;padding:.3125rem .625rem;font-weight:500;transition:all .2s;display:flex}.copy-btn:hover{border-color:var(--border-brand);color:var(--brand);background:var(--brand-subtle)}.copy-btn.copied{color:var(--brand);border-color:var(--border-brand)}.star-badge{font-size:.75rem;font-family:var(--font-mono);color:#ffc164;color:lab(82.4935% 19.4492 65.1483);border-radius:var(--radius-full);background:#ffc16414;background:lab(82.4935% 19.4492 65.1483/.08);border:1px solid #ffc16433;border:1px solid lab(82.4935% 19.4492 65.1483/.2);align-items:center;gap:.25rem;padding:.125rem .5rem;font-weight:500;display:inline-flex}.footer{border-top:1px solid var(--border-0);padding:2.5rem 1.5rem}.footer-inner{max-width:var(--max-w);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.footer-text{color:var(--text-2);font-size:.8125rem}.footer-text a{color:var(--text-1)}.footer-text a:hover{color:var(--brand)}@media (max-width:640px){.hero{padding:5rem 1.25rem 3.5rem}.hero-stats{gap:0}.hero-stat{border-right:none;border-bottom:1px solid var(--border-0);padding:.625rem 1.25rem}.hero-stat:last-child{border-bottom:none}.alt-links{flex-direction:column;align-items:flex-end}}