.catalogShell{width:min(1500px,100% - 34px);margin:0 auto;padding:36px 0 150px}.catalogHero{border-bottom:1px solid #ffffff1a;grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);align-items:end;gap:28px;padding:52px 0 34px;display:grid}.catalogHero>div>span,.catalogSectionHead span{letter-spacing:.16em;color:#a991c7;font-size:11px;display:block}.catalogHero h1{letter-spacing:-.055em;max-width:1050px;margin:12px 0 20px;font-size:clamp(44px,7vw,104px);line-height:.9}.catalogHero p{color:#c8bed4;max-width:760px;font-size:17px;line-height:1.6}.catalogHero aside{background:linear-gradient(155deg,#ffffff12,#ffffff06);border:1px solid #ffffff1f;border-radius:24px;gap:10px;padding:24px;display:grid}.catalogHero aside strong{font-size:54px;line-height:.9}.catalogHero aside span{color:#aaa0b6;font-size:12px}.catalogHero aside small{color:#6f7480;letter-spacing:.06em;font-size:9px}.catalogHero select{color:#fff;background:#16101f;border:1px solid #ffffff24;border-radius:12px;width:100%;margin-top:8px;padding:12px}.catalogRefreshButton{color:#d7ff43;cursor:pointer;background:#d7ff430f;border:1px solid #d7ff4333;border-radius:12px;min-height:40px;font-weight:750}.catalogSourceBar{flex-wrap:wrap;gap:9px;padding:18px 0 4px;display:flex}.catalogSourceBar span{color:#847a90;border:1px solid #ffffff1a;border-radius:999px;padding:8px 11px;font-size:11px}.catalogSourceBar .on{color:#dcffdb;background:#5bc76114;border-color:#85ff8440}.catalogSection{padding:54px 0 10px}.catalogSectionHead{grid-template-columns:1fr minmax(280px,520px);align-items:end;gap:24px;margin-bottom:18px;display:grid}.catalogSectionHead h2{margin:7px 0 0;font-size:clamp(30px,4vw,58px);line-height:1}.catalogSectionHead p{color:#9d93aa;margin:0;line-height:1.55}.catalogRailActions{justify-content:flex-end;gap:7px;margin-top:10px;display:flex}.catalogRailActions button{color:#c9cbd0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1c;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:750}.catalogRailActions button:first-child{color:#d7ff43;background:#d7ff430f;border-color:#d7ff4333}.catalogRail{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;grid-auto-columns:minmax(250px,290px);grid-auto-flow:column;gap:14px;padding:3px 2px 17px;display:grid;overflow-x:auto}.catalogRail::-webkit-scrollbar{height:8px}.catalogRail::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.catalogCard{scroll-snap-align:start;background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;min-height:390px;display:flex;overflow:hidden}.catalogArt{aspect-ratio:1;background:radial-gradient(circle at 30% 28%,#cd59ff80,#0000 28%),radial-gradient(circle at 75% 65%,#3fcdff59,#0000 34%),#15101d;place-items:center;display:grid;position:relative;overflow:hidden}.catalogArt img{object-fit:cover;width:100%;height:100%}.catalogArt>span{font-size:42px}.catalogArt i{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.14em;background:#040308b8;border-radius:999px;padding:6px 8px;font-size:9px;font-style:normal;position:absolute;top:12px;left:12px}.catalogMeta{gap:5px;padding:15px 15px 10px;display:grid}.catalogMeta>span{color:#a999b6;font-size:11px}.catalogMeta h3{margin:0;font-size:19px;line-height:1.15}.catalogMeta small{color:#716978;font-size:10px;line-height:1.45}.catalogActions{gap:8px;margin-top:auto;padding:0 15px 15px;display:flex}.catalogActions button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:9px 11px;font-size:11px}.catalogActions button:first-child{color:#130d18;background:#fff;font-weight:700}.catalogLoading,.catalogError{color:#aaa0b3;border:1px solid #ffffff1a;border-radius:16px;margin:28px 0;padding:20px}.catalogError{color:#ffc5c5;border-color:#ff70703d}.catalogPrinciples{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:65px;display:grid}.catalogPrinciples article{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:22px}.catalogPrinciples span{color:#8f7ca8;font-size:10px}.catalogPrinciples h3{margin:9px 0;font-size:24px}.catalogPrinciples p{color:#968da0;margin:0;line-height:1.55}@media (max-width:850px){.catalogHero,.catalogSectionHead{grid-template-columns:1fr}.catalogHero{padding-top:28px}.catalogHero aside{max-width:420px}.catalogPrinciples{grid-template-columns:1fr}.catalogShell{width:min(100% - 20px,1500px)}.catalogRail{grid-auto-columns:minmax(220px,78vw)}.catalogRailActions{justify-content:flex-start}}
