:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eef1f8;background:#090d17;--panel:#111725;--soft:#171e2e;--line:#273043;--text:#eef1f8;--muted:#9da7b9;--violet:#9876ff;--cyan:#6ee7d3;--blue:#65a8ff;--amber:#e0b66c}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0a0f1b,#090d17 55%);color:var(--text);min-height:100vh}button,input{font:inherit}button,a{cursor:pointer}header{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 34px;background:#090d17e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;border:0;background:transparent;padding:0}.brand b{font-size:18px}.brand>span:last-child{color:var(--muted)}.mark{position:relative;width:29px;height:29px;border:7px solid var(--violet);border-radius:50%;display:block}.mark:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--violet);right:-8px;top:-8px}.mark i:last-child{position:absolute;width:7px;height:7px;border-radius:50%;background:#0a0f1b;right:-2px;top:-2px}header nav{display:flex;gap:8px;align-items:center}header nav a,header nav button{color:var(--muted);text-decoration:none;font-size:14px;border:0;background:transparent;padding:9px 11px;border-radius:8px}header nav button.active,header nav a:hover,header nav button:hover{color:var(--text);background:var(--soft)}.hub{max-width:1240px;margin:auto;padding:64px 30px 90px}.hub-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:70px;align-items:end;padding:20px 0 48px}.eyebrow{font-size:10px;color:var(--cyan);font-weight:800;letter-spacing:.16em}.hub-intro h1{font-size:52px;line-height:1.04;letter-spacing:-.055em;max-width:780px;margin:17px 0}.hub-intro p{font-size:18px;line-height:1.65;color:var(--muted);max-width:760px;margin:0}.hub-stats{display:grid;border-left:1px solid var(--line)}.hub-stats span{display:flex;align-items:baseline;gap:9px;padding:13px 20px;color:var(--muted);font-size:13px}.hub-stats b{font-size:22px;color:var(--text)}.catalog-tools{position:sticky;top:68px;z-index:8;background:#090d17f0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:16px 0 20px;border-bottom:1px solid var(--line)}.global-search{display:flex;align-items:center;background:var(--panel);border:1px solid #364157;border-radius:12px;padding:0 15px;margin-bottom:13px}.global-search:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px #9876ff1f}.global-search span{font-size:24px;color:var(--muted);transform:rotate(-20deg)}.global-search input{width:100%;background:transparent;border:0;outline:0;color:var(--text);padding:14px 12px}.filters{display:flex;gap:8px;overflow:auto}.filters button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:8px 12px;white-space:nowrap}.filters button small{display:inline-grid;place-items:center;margin-left:7px;background:var(--soft);height:19px;min-width:19px;border-radius:999px}.filters button.active{color:#dacfff;background:#251e42;border-color:#4b3a78}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:28px 0 64px}.catalog-card{min-height:275px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;transition:.18s ease}.catalog-card.clickable:hover{transform:translateY(-3px);border-color:#635096;box-shadow:0 12px 30px #00000038}.card-top{display:flex;justify-content:space-between;align-items:center}.kind,.status{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.kind-api{color:var(--violet)}.kind-library{color:var(--cyan)}.kind-project{color:var(--blue)}.kind-protocol{color:var(--amber)}.status{border-radius:999px;border:1px solid var(--line);padding:5px 7px;color:var(--muted)}.status-доступно{color:var(--cyan);border-color:#24675d}.status-preview{color:var(--amber);border-color:#6d5835}.catalog-card h2{font-size:21px;margin:28px 0 9px;letter-spacing:-.025em}.catalog-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 18px}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-list span{font-size:10px;color:#aeb7c8;background:var(--soft);padding:5px 7px;border-radius:6px}.card-action{margin-top:auto;padding-top:22px;color:#796f8b;font-size:12px}.clickable .card-action{color:#bba9fa}.empty{grid-column:1/-1;display:grid;gap:8px;place-items:center;padding:70px;background:var(--panel);border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.empty b{color:var(--text)}.portal-roadmap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid var(--line);padding-top:50px}.portal-roadmap h2{font-size:31px;line-height:1.15;letter-spacing:-.04em}.portal-roadmap ol{list-style:none;margin:0;padding:0;counter-reset:roadmap}.portal-roadmap li{counter-increment:roadmap;display:grid;grid-template-columns:32px 150px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:17px 0;align-items:start}.portal-roadmap li:before{content:"0" counter(roadmap);color:var(--violet);font:11px ui-monospace,monospace}.portal-roadmap li span{color:var(--muted);font-size:13px;line-height:1.5}.product-bar{height:54px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding:0 34px;background:#0d121e}.product-bar>span{font-size:12px;color:var(--muted);margin-right:8px}.product-bar button{border:0;border-radius:8px;padding:8px 12px;background:transparent;color:var(--muted)}.product-bar button.active{background:#282044;color:#cbbdff}.shell{display:grid;grid-template-columns:245px minmax(0,850px) 190px;gap:44px;max-width:1400px;margin:auto;padding:36px 30px}.shell>aside:first-child{display:grid;align-content:start;gap:4px}.shell>aside input,.method-search{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px 12px;outline:0;margin-bottom:18px}.shell>aside small,.toc small{font-size:10px;letter-spacing:.14em;color:#6f788b;font-weight:800;margin:14px 10px 7px}.shell>aside button,.shell>aside a{border:0;background:transparent;text-align:left;color:var(--muted);text-decoration:none;padding:9px 11px;border-radius:8px;font-size:13px}.shell>aside button.active{background:var(--soft);color:#c8baff}.shell main{padding:4px 0 80px;min-width:0}.crumb{font-size:12px;color:#707a8e;margin-bottom:28px}.tag{font-size:10px;color:var(--cyan);border:1px solid #24675d;border-radius:999px;padding:5px 8px;font-weight:800;letter-spacing:.1em}.shell h1{font-size:42px;line-height:1.12;letter-spacing:-.045em;margin:17px 0 14px;max-width:730px}.lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:760px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0}.steps>div{display:flex;gap:12px;padding:17px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.steps i{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#2c2350;color:#b9a6ff;font-style:normal;font-size:12px}.steps span{display:grid;gap:6px}.steps small{color:var(--muted);font-size:12px;line-height:1.45}.code{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#080b12;margin:28px 0}.code>div{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--panel);font-size:12px;color:var(--muted)}.copy{background:transparent;border:0;color:var(--violet)}pre{margin:0;padding:22px;overflow:auto;color:#d4dcf0;font:13px/1.7 ui-monospace,SFMono-Regular,monospace}.note{border-left:3px solid var(--violet);background:#151327;padding:15px 18px;border-radius:0 10px 10px 0}.note p{color:var(--muted);margin:6px 0;line-height:1.5;font-size:13px}.toc{display:grid;align-content:start;gap:8px;position:sticky;top:100px;height:max-content}.toc a{font-size:12px;color:#7f899d}.concepts,.packages{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.concepts>div,.packages>div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.concepts p,.packages p{font-size:13px;color:var(--muted);line-height:1.5}.matrix,.endpoints{display:grid;margin-top:20px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.matrix>div{display:grid;grid-template-columns:1.3fr .6fr .8fr;gap:15px;padding:14px 17px;border-bottom:1px solid var(--line);align-items:center}.matrix span{color:#d7b777;font-size:12px}.matrix span.ready{color:var(--cyan)}.matrix small{color:var(--muted)}.method-search{width:100%;margin-top:25px}.endpoints>div{display:grid;grid-template-columns:55px 1.2fr 1fr;gap:12px;padding:14px 17px;border-bottom:1px solid var(--line)}.endpoints em{font-size:10px;color:var(--cyan);font-style:normal;font-weight:800}.endpoints span{font-size:13px;color:var(--muted)}ul{color:var(--muted);line-height:1.8;margin-top:30px}ul li{padding-left:7px}@media(max-width:1050px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:220px 1fr}.toc{display:none}}@media(max-width:720px){header{padding:0 18px}header nav a{display:none}.hub{padding:38px 18px 65px}.hub-intro{display:block;padding-bottom:30px}.hub-intro h1{font-size:38px}.hub-intro p{font-size:16px}.hub-stats{margin-top:28px}.catalog-tools{top:68px}.catalog-grid{grid-template-columns:1fr}.portal-roadmap{display:block}.portal-roadmap ol{margin-top:25px}.portal-roadmap li{grid-template-columns:32px 1fr}.portal-roadmap li span{grid-column:2}.product-bar{padding:0 14px;overflow:auto}.shell{display:block;padding:22px 18px}.shell>aside:first-child{display:flex;overflow:auto;margin-bottom:25px}.shell>aside input,.shell>aside small,.shell>aside a{display:none}.shell>aside button{white-space:nowrap}.shell h1{font-size:32px}.steps,.concepts,.packages{grid-template-columns:1fr}.matrix>div{grid-template-columns:1fr auto}.matrix small{grid-column:1/-1}.endpoints>div{grid-template-columns:50px 1fr}.endpoints span{grid-column:2}.product-bar>span{display:none}}