:root{--bg:#0b0d0c;--panel:#131614;--panel2:#191d1a;--text:#f2f4ef;--muted:#969e98;--line:rgba(255,255,255,.1);--lime:#c9f46b;--shadow:0 24px 80px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans","Noto Sans SC",sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.aurora{position:fixed;border-radius:50%;filter:blur(120px);opacity:.13;pointer-events:none;z-index:-1}.aurora-one{width:520px;height:520px;background:#aef04e;top:-260px;right:-130px}.aurora-two{width:420px;height:420px;background:#4dd6aa;left:-260px;top:45%}
.topbar{height:76px;display:flex;align-items:center;padding:0 clamp(24px,6vw,88px);border-bottom:1px solid var(--line);position:relative}.brand{font-size:19px;font-weight:700;letter-spacing:.02em;display:flex;align-items:center;gap:11px}.brand>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lime);color:#12170c;font-family:"Noto Sans SC"}.topbar nav{display:flex;gap:32px;margin-left:auto;color:var(--muted);font-size:14px}.topbar nav a:hover{color:var(--text)}.theme-toggle{margin-left:30px;border:1px solid var(--line);background:var(--panel);color:var(--text);width:38px;height:38px;border-radius:50%;cursor:pointer}
main{width:min(1180px,calc(100% - 48px));margin:auto}.hero{padding:110px 0 100px;text-align:center}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--lime);font-weight:700}.hero h1{font-size:clamp(48px,8vw,90px);line-height:1.03;letter-spacing:-.055em;margin:20px 0}.hero h1 em{font-style:normal;color:var(--lime)}.intro{color:var(--muted);font-size:17px;margin:0 auto 38px}.search-box{width:min(760px,100%);margin:auto;display:flex;padding:7px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.search-box:focus-within{border-color:rgba(201,244,107,.5)}.search-box select{border:0;border-right:1px solid var(--line);background:transparent;color:var(--text);padding:0 18px;outline:0}.search-box input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);padding:16px 18px;outline:0}.search-box button{border:0;background:var(--lime);color:#10140d;font-weight:700;border-radius:11px;padding:0 24px;cursor:pointer}.quick-links{display:flex;justify-content:center;gap:20px;margin-top:24px;color:var(--muted);font-size:12px}.quick-links a{color:var(--text);border-bottom:1px solid var(--line)}
.directory{padding:80px 0 120px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-head h2{font-size:clamp(34px,5vw,52px);letter-spacing:-.04em;margin:10px 0 0}.filter-search{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:10px 0}.filter-search input{border:0;outline:0;background:transparent;color:var(--text);width:150px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:42px 0 30px}.tab{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 17px;border-radius:100px;cursor:pointer;font-size:13px}.tab.active,.tab:hover{background:var(--text);color:var(--bg)}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{min-height:188px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;transition:.25s transform,.25s border-color}.card:hover{transform:translateY(-5px);border-color:rgba(201,244,107,.45)}.card-top{display:flex;justify-content:space-between}.icon{width:46px;height:46px;border-radius:13px;background:var(--panel2);display:grid;place-items:center;font-size:21px}.favorite{border:0;background:transparent;color:#626a64;font-size:21px;cursor:pointer}.favorite.on{color:var(--lime)}.card h3{font-size:18px;margin:24px 0 5px}.card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.card .go{margin-top:auto;padding-top:17px;color:var(--lime);font-size:12px}.empty{display:none;color:var(--muted);padding:50px 0;text-align:center}
.manifesto{text-align:center;padding:110px 24px 130px;border-top:1px solid var(--line)}.quote{font-family:serif;font-size:80px;line-height:.5;color:var(--lime)}.manifesto p{font-size:clamp(24px,4vw,42px);line-height:1.45;letter-spacing:-.03em}.rule{height:1px;width:48px;background:var(--lime);margin:30px auto 18px}.manifesto small{color:var(--muted);letter-spacing:.16em}footer{border-top:1px solid var(--line);padding:36px clamp(24px,6vw,88px);display:flex;align-items:center;gap:30px;color:var(--muted);font-size:12px}.mini{font-size:14px;color:var(--text)}.mini>span{width:28px;height:28px}.mini+p{margin-right:auto}
body.light{--bg:#f3f4ed;--panel:#fff;--panel2:#eef0e8;--text:#12150f;--muted:#6d746e;--line:rgba(15,25,16,.12);--shadow:0 24px 80px rgba(31,45,22,.08)}
@media(max-width:800px){.topbar nav{display:none}.site-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:80px 0}.search-box select{display:none}.directory{padding-bottom:80px}.section-head{align-items:start;flex-direction:column}.filter-search{width:100%}.filter-search input{width:100%}footer{align-items:start;flex-direction:column}.mini+p{margin:0}}
@media(max-width:520px){main{width:min(100% - 30px,1180px)}.topbar{padding:0 16px}.hero h1{font-size:45px}.site-grid{grid-template-columns:1fr}.search-box button{padding:0 16px}.quick-links{gap:12px}.card{min-height:170px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}