*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1240px,92vw);margin:auto}.top{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent)}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px}.brand{font-weight:900;letter-spacing:-.03em;font-size:22px}.brand b{color:var(--accent)}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{font-size:13px;font-weight:750;padding:8px 10px;border-radius:10px}.nav a:hover{background:var(--soft)}.hero{padding:70px 0 44px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900;color:var(--accent)}h1{font-size:clamp(38px,6vw,72px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 18px;max-width:1050px}h2{font-size:clamp(28px,3.5vw,46px);line-height:1.1;letter-spacing:-.03em;margin:0 0 14px}h3{font-size:21px;margin:0 0 8px}.lead{font-size:clamp(18px,2vw,23px);max-width:900px;color:var(--muted);margin:0}.meta-line{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;font-size:12px;color:var(--muted)}.pill{border:1px solid var(--line);padding:7px 10px;border-radius:999px;background:var(--panel)}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 0}.quick>div{padding:18px;border:1px solid var(--line);background:var(--panel);border-radius:16px}.quick b{display:block;font-size:28px}.content{padding:24px 0 72px}.section{padding:36px 0;border-top:1px solid var(--line)}.section p{max-width:940px;color:var(--muted);font-size:17px}.section p+p{margin-top:12px}.toc{padding:22px;border:1px solid var(--line);background:var(--panel);border-radius:18px;margin:0 0 28px}.toc b{display:block;margin-bottom:10px}.toc a{display:inline-block;margin:4px 12px 4px 0;color:var(--accent);font-weight:750}.directory{padding:50px 0}.dir-head{display:flex;justify-content:space-between;gap:18px;align-items:end;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.filters input,.filters select{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:12px 14px;border-radius:12px;min-width:210px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.site-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;overflow:hidden;transition:.18s transform,.18s border-color}.site-card:hover{transform:translateY(-3px);border-color:var(--accent)}.site-card img{aspect-ratio:16/10;object-fit:cover;width:100%}.card-meta{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.card-meta strong{font-size:12px}.card-meta span{font-size:10px;color:var(--muted)}.note{padding:18px;border-left:4px solid var(--accent);background:var(--soft);margin:20px 0;border-radius:10px}.faq{padding:45px 0}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq summary{font-weight:850;cursor:pointer}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.related a{border:1px solid var(--line);background:var(--panel);padding:18px;border-radius:14px}.related a b{display:block;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.footer{border-top:1px solid var(--line);padding:34px 0 50px;color:var(--muted);font-size:13px}.footer .links{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}.breadcrumb{font-size:12px;color:var(--muted);padding-top:18px}.breadcrumb a{color:var(--accent)}.legal{font-size:12px;max-width:900px}.empty{padding:26px;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}
@media(max-width:980px){.cards{grid-template-columns:repeat(3,1fr)}.quick,.related{grid-template-columns:1fr 1fr}.nav{display:none}}
@media(max-width:640px){.cards{grid-template-columns:repeat(2,1fr)}.quick,.related{grid-template-columns:1fr}.hero{padding-top:44px}h1{font-size:40px}.section p{font-size:16px}.filters input,.filters select{width:100%}.top .wrap{min-height:58px}}
:root{--bg:#fbf9ff;--ink:#1f1638;--muted:#6d6480;--panel:#ffffff;--soft:#f1eaff;--line:#e2d9ef;--accent:#7c3aed}.hero{background:linear-gradient(120deg,#f4ecff 0,#ecfffb 100%)}.quick>div:nth-child(2){transform:translateY(8px)}.site-card{border-radius:22px}.filters input,.filters select{border-radius:999px}.related a{border-radius:20px}.section h2{background:linear-gradient(90deg,var(--accent),#14b8a6);-webkit-background-clip:text;color:transparent;width:max-content;max-width:100%}