body.catalog-page { background: #f6f5f0; }
.catalog-header { margin-bottom: 0; }
.catalog-header .portal-nav { gap: clamp(12px,1.5vw,24px); }
.catalog-hero { margin-top: -92px; padding: 175px 0 80px; border-bottom: 1px solid var(--line); background: #e4ebdd; }
.catalog-blue { background: #dfe9ec; }.catalog-dark { color: white; background: #17221c; }.catalog-orange { background: #f0e2d4; }
.breadcrumb { margin-bottom: 38px; display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 11px; }.catalog-dark .breadcrumb { color: rgba(255,255,255,.55); }.breadcrumb b { color: currentColor; }
.catalog-title { display: flex; align-items: flex-start; gap: 28px; }.catalog-title > span { width: 82px; height: 82px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 24px; background: rgba(255,255,255,.65); box-shadow: 0 18px 50px rgba(20,35,26,.09); font-size: 35px; }.catalog-title small { color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .13em; }.catalog-dark .catalog-title small { color: var(--lime); }.catalog-title h1 { margin: 8px 0 12px; font-size: clamp(44px,6vw,72px); line-height: 1; letter-spacing: -.06em; }.catalog-title p { max-width: 720px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }.catalog-dark .catalog-title p { color: rgba(255,255,255,.62); }
.catalog-toolbar-wrap { position: sticky; top: 94px; z-index: 30; border-bottom: 1px solid var(--line); background: rgba(246,245,240,.92); backdrop-filter: blur(16px); }.catalog-toolbar { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 25px; }.catalog-tabs { min-width: 0; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }.catalog-tabs::-webkit-scrollbar{display:none}.catalog-tabs a { padding: 10px 13px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 99px; background: rgba(255,255,255,.5); font-size: 11px; font-weight: 600; }.catalog-tabs a:hover { color: white; border-color: var(--ink); background: var(--ink); }
.catalog-search { width: 220px; height: 39px; flex: 0 0 auto; padding: 0 13px; display: flex; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 99px; background: white; }.catalog-search span { color: var(--muted); font-size: 18px; }.catalog-search input { width: 100%; border: 0; outline: 0; background: transparent; font: inherit; font-size: 11px; }
.catalog-content { padding-top: 65px; padding-bottom: 120px; }.resource-section { padding: 38px 0 70px; scroll-margin-top: 175px; border-bottom: 1px solid var(--line); }.resource-section.section-empty { display: none; }.resource-heading { margin-bottom: 24px; display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; }.resource-heading > div { display: flex; gap: 14px; }.resource-heading > div > span { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 13px; background: white; font-size: 20px; }.resource-heading h2 { margin: 0; font-size: 28px; letter-spacing: -.04em; }.resource-heading p { margin: 6px 0 0; color: var(--muted); font-size: 12px; }.resource-heading > b { color: var(--muted); font-size: 10px; font-weight: 600; }
.catalog-notice { margin-bottom: 18px; padding: 13px 16px; display: flex; align-items: center; gap: 12px; border: 1px solid #e4c98a; border-radius: 12px; background: #fff6dd; }.catalog-notice > span { width: 24px; height: 24px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; color: white; background: #a47d25; font-size: 11px; font-weight: 800; }.catalog-notice p { margin: 0; color: #6d592c; font-size: 10px; line-height: 1.6; }
.resource-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }.resource-card { min-width: 0; padding: 22px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.72); transition: transform .2s, box-shadow .2s; }.resource-card:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(25,36,27,.08); }.resource-card[hidden] { display: none; }.resource-card-top { display: flex; justify-content: space-between; align-items: center; }.resource-badge { padding: 5px 8px; border-radius: 6px; color: var(--green); background: #e5efdd; font-size: 9px; font-weight: 800; }.resource-meta { color: var(--muted); font-size: 9px; }
.resource-brand { margin: 20px 0 13px; display: flex; align-items: center; gap: 13px; }.resource-brand > span { width: 49px; height: 49px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 14px; color: white; background: var(--ink); font-size: 12px; font-weight: 800; }.resource-brand h3 { margin: 0 0 5px; font-size: 17px; }.rating { display: flex; align-items: center; gap: 1px; }.rating i { color: #d4d5d2; font-size: 10px; font-style: normal; }.rating i.filled { color: #efad34; }.rating b { margin-left: 6px; color: var(--muted); font-size: 9px; }
.resource-card > p { min-height: 44px; margin: 0 0 17px; color: var(--muted); font-size: 11px; line-height: 1.7; }.invite-row { margin-top: auto; padding: 11px 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px dashed rgba(17,21,17,.2); border-radius: 10px; background: #f8f8f4; }.invite-row > div { min-width: 0; display: flex; flex-direction: column; }.invite-row small { color: var(--muted); font-size: 8px; }.invite-row b { margin-top: 3px; overflow: hidden; font-size: 11px; letter-spacing: .05em; text-overflow: ellipsis; }.invite-row button { padding: 7px 10px; border: 0; border-radius: 7px; color: white; background: var(--ink); cursor: pointer; font-size: 9px; }.code-status { color: var(--muted); font-size: 8px; }
.resource-actions { margin-top: 15px; display: grid; grid-template-columns: 1fr auto; gap: 8px; }.resource-actions a { min-height: 38px; padding: 0 13px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 9px; font-size: 10px; font-weight: 700; }.resource-actions a:first-child { color: white; border-color: var(--ink); background: var(--ink); }.resource-actions a span { margin-left: auto; }.resource-actions a:hover { border-color: var(--green); }
.empty-state { padding: 70px 20px; text-align: center; }.empty-state b,.empty-state span { display: block; }.empty-state span { margin-top: 8px; color: var(--muted); font-size: 11px; }

.catalog-contact { margin-bottom: 55px; padding: 42px 48px; display: flex; align-items: center; justify-content: space-between; gap: 35px; border-radius: 22px; color: white; background: var(--green); }.catalog-contact span { color: var(--lime); font-size: 9px; font-weight: 800; letter-spacing: .14em; }.catalog-contact h2 { margin: 8px 0; font-size: 28px; }.catalog-contact p { margin: 0; color: rgba(255,255,255,.68); font-size: 11px; }.catalog-contact button { flex: 0 0 auto; }
.catalog-footer { padding: 35px 0 28px; border-top: 1px solid var(--line); }.catalog-footer > div { display: flex; gap: 10px; align-items: baseline; }.catalog-footer > div b { font-size: 16px; }.catalog-footer > div span { color: var(--muted); font-size: 9px; }.catalog-footer nav { margin: 28px 0 18px; display: flex; gap: 22px; }.catalog-footer nav a { font-size: 10px; }.catalog-footer p { margin: 0; color: var(--muted); font-size: 9px; }

.roadmap-hero { margin-top: -92px; padding: 180px 0 100px; text-align: center; background: #e6ebdf; }.roadmap-hero .breadcrumb { justify-content: center; }.roadmap-icon { width: 84px; height: 84px; margin: 0 auto 22px; display: grid; place-items: center; border-radius: 24px; background: white; box-shadow: var(--shadow); font-size: 36px; }.roadmap-hero small { color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .14em; }.roadmap-hero h1 { margin: 12px 0; font-size: clamp(48px,7vw,82px); letter-spacing: -.06em; }.roadmap-hero > div > p { max-width: 700px; margin: 0 auto; color: var(--muted); font-size: 14px; line-height: 1.8; }
.roadmap-content { padding: 110px 0; display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; }.roadmap-intro { position: sticky; top: 120px; align-self: start; }.roadmap-intro > span { color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .12em; }.roadmap-intro h2 { margin: 16px 0; font-size: 38px; line-height: 1.2; letter-spacing: -.05em; }.roadmap-intro p { color: var(--muted); font-size: 12px; }.roadmap-list { border-top: 1px solid var(--line); }.roadmap-list article { min-height: 165px; padding: 27px 10px; display: grid; grid-template-columns: 55px 1fr auto; gap: 22px; align-items: start; border-bottom: 1px solid var(--line); }.roadmap-list article > span { color: var(--green); font-size: 12px; font-weight: 800; }.roadmap-list small { color: var(--muted); font-size: 8px; letter-spacing: .1em; }.roadmap-list h3 { margin: 7px 0; font-size: 21px; }.roadmap-list p { max-width: 600px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }.roadmap-list i { color: var(--green); font-style: normal; }.roadmap-disclaimer { grid-column: 2; padding: 18px; border-radius: 12px; background: #e9eee4; }.roadmap-disclaimer b { font-size: 10px; }.roadmap-disclaimer p { margin: 6px 0 0; color: var(--muted); font-size: 9px; line-height: 1.6; }

.about-page-hero { margin-top: -92px; padding: 175px 0 105px; color: white; background: #16231c; }.about-page-hero .breadcrumb { color: rgba(255,255,255,.5); }.about-page-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 8%; align-items: center; }.about-page-grid > div:first-child { height: 500px; display: grid; place-items: center; border-radius: 28px; background: radial-gradient(circle,#dff09f 0 23%,#638c71 24% 50%,#0d1812 51%); }.about-page-panda { width: 220px; height: 220px; display: flex; align-items: center; justify-content: center; gap: 17px; border: 13px solid #111; border-radius: 48%; color: #111; background: white; font-size: 45px; box-shadow: -70px -60px 0 -48px #111,70px -60px 0 -48px #111; }.about-page-panda b { align-self: flex-end; margin-bottom: 45px; font-size: 40px; }.about-page-grid small { color: var(--lime); font-size: 9px; letter-spacing: .15em; }.about-page-grid h1 { margin: 15px 0 20px; font-size: clamp(58px,7vw,88px); line-height: 1; letter-spacing: -.06em; }.about-page-grid p { color: rgba(255,255,255,.62); font-size: 13px; line-height: 1.9; }.about-page-grid p.big { color: white; font-size: 20px; font-weight: 700; }.about-values { padding: 100px 0 120px; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.about-values > div { min-height: 300px; padding: 30px; border: 1px solid var(--line); border-radius: 20px; background: white; }.about-values span { color: var(--green); font-size: 10px; }.about-values h2 { margin: 90px 0 14px; font-size: 28px; }.about-values p { color: var(--muted); font-size: 11px; line-height: 1.8; }
.about-page-grid > div:first-child { overflow: hidden; }
.about-page-photo { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }

@media (max-width:1000px) { .resource-grid { grid-template-columns: 1fr; }.roadmap-content { gap: 45px; }.about-page-grid { gap: 5%; } }
@media (max-width:760px) {
  .catalog-hero,.roadmap-hero,.about-page-hero { margin-top:-72px; padding-top:135px; }.catalog-title { gap: 17px; }.catalog-title > span { width:62px;height:62px;border-radius:18px;font-size:27px }.catalog-title h1 { font-size:43px; }.catalog-title p { font-size:12px; }
  .catalog-toolbar-wrap { top:78px; }.catalog-toolbar { min-height:0; padding:11px 0; display:block; }.catalog-tabs { padding-bottom:9px; }.catalog-search { width:100%; }.catalog-content { padding-top:30px;padding-bottom:80px }.resource-section { padding:32px 0 55px;scroll-margin-top:150px }.resource-heading { display:block }.resource-heading > b { display:inline-block;margin:12px 0 0 58px }.resource-heading h2 { font-size:24px }.resource-heading p { line-height:1.6 }.resource-card { padding:18px }.resource-card > p { min-height:0 }.catalog-contact { margin-bottom:38px;padding:30px 24px;display:block }.catalog-contact button { margin-top:22px;width:100% }.catalog-footer nav { overflow-x:auto }.catalog-footer p { line-height:1.7 }
  .roadmap-hero { padding-bottom:75px }.roadmap-hero h1 { font-size:46px }.roadmap-content { padding:75px 0;display:block }.roadmap-intro { position:static;margin-bottom:45px }.roadmap-list article { grid-template-columns:35px 1fr;gap:12px }.roadmap-list article > i { display:none }.roadmap-disclaimer { margin-top:25px }.about-page-grid { display:block }.about-page-grid > div:first-child { height:390px;margin-bottom:45px }.about-page-grid h1 { font-size:58px }.about-values { padding:75px 0;grid-template-columns:1fr }.about-values > div { min-height:250px }.about-values h2 { margin-top:65px }
}