
.catalog-page{background:#080e12;color:#f5f7f6;padding:180px 24px 90px;min-height:80vh}.catalog-shell{max-width:1180px;margin:auto}.catalog-eyebrow{color:#30f878;letter-spacing:.16em;font-weight:800;font-size:13px}.catalog-page h1{font-family:Anton,sans-serif;font-size:clamp(38px,5vw,66px);line-height:1.16;margin:20px 0}.catalog-page h1 span{color:#ff2684}.catalog-intro{max-width:740px;color:#b5c3c9;font-size:18px;line-height:1.7}.catalog-search{margin:38px 0 34px;padding:25px;border:1px solid #34474e;background:#101b20}.catalog-search label{display:block;font-weight:700;color:#fff;margin-bottom:12px}.catalog-input{position:relative}.catalog-input input{width:100%;background:#080e12;border:1px solid #688274;color:#fff;padding:17px 50px 17px 18px;border-radius:0;font-size:17px}.catalog-input input::placeholder{color:#aab8be}.catalog-input input:focus{outline:2px solid #30f878;outline-offset:2px}.catalog-input button{position:absolute;right:10px;top:8px;background:none;border:0;color:#ff2684;font-size:28px}.catalog-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.catalog-filters button{background:#0b1419;border:1px solid #46515b;color:#c8d2d7;padding:10px 15px;font-weight:600}.catalog-filters button[aria-pressed=true]{border-color:#ff2684;color:#fff;background:#291626}.catalog-filters button:focus-visible,.catalog-contact:focus-visible{outline:2px solid #30f878;outline-offset:4px}#catalog-count{margin:16px 0 0;color:#b5c3c9;font-size:14px}.catalog-section h2{font-family:Anton,sans-serif;font-size:30px;margin:32px 0 20px;color:#fff}.catalog-section h2 span{font-family:Inter,sans-serif;color:#30f878;font-size:15px;margin-left:12px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}.catalog-card{position:relative;display:flex;align-items:center;gap:18px;min-height:84px;padding:18px 24px;border:1px solid #78546c;background:radial-gradient(ellipse at 90% 110%,#17382a66,transparent 65%),linear-gradient(120deg,#291a27,#10191d);color:#f5f7f6;font-family:Inter,sans-serif;font-size:17px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.catalog-card:before,.catalog-contact:before{content:"";position:absolute;inset:8px;border:1px solid #ffffff12;pointer-events:none}.catalog-card img{flex-shrink:0}.catalog-contact{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:40px;padding:24px 30px;border:1px solid #78546c;background:linear-gradient(110deg,#291a27,#10261c);color:#fff;font-size:18px;font-weight:700}.catalog-contact:hover{color:#30f878}.catalog-page [hidden]{display:none!important}#catalog-empty{padding:28px;border:1px solid #78546c;color:#ccd7dc}@media(max-width:650px){.catalog-page{padding:135px 16px 60px}.catalog-grid{grid-template-columns:1fr}.catalog-search{padding:18px}.catalog-card{padding:18px;gap:14px;font-size:16px}.catalog-contact{padding:22px;font-size:16px}}

.catalog-page h1{color:#f5f7f6} .catalog-page{padding-top:65px}

.catalog-hero .title{font-size:clamp(48px,5.5vw,84px)}.catalog-hero .chronicles-hero__content p{font-size:21px}.catalog-server-frame{padding:48px;background:linear-gradient(135deg,#251923,#091311 65%,#17382b)}.catalog-server-frame img{width:100%;height:300px;min-height:0;object-fit:contain;filter:drop-shadow(0 0 22px #30f87833)}.catalog-intro-row{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-bottom:35px}.catalog-intro-row h2{font-family:Anton,sans-serif;color:#fff;font-size:clamp(32px,4vw,48px);line-height:1.05;text-transform:uppercase}.catalog-intro-row p{color:#b5c3c9;font-size:18px;line-height:1.7}.catalog-page{padding-top:90px}.catalog-card:hover{border-color:#30f878;background:radial-gradient(ellipse at 90% 110%,#17382a99,transparent 65%),linear-gradient(120deg,#291a27,#10191d)}@media(max-width:1199px){.catalog-hero .chronicles-hero__visual{margin-top:65px;max-width:550px}.catalog-hero .title{font-size:64px}}@media(max-width:650px){.catalog-intro-row{grid-template-columns:1fr;gap:12px}.catalog-hero .title{font-size:46px}.catalog-server-frame{padding:28px}.catalog-server-frame img{height:210px}.catalog-hero .chronicles-hero__visual{padding-left:20px}.catalog-page{padding-top:55px}}

.catalog-filters button[aria-pressed=true]{background:#30f878;color:#080e12;border-color:#30f878;box-shadow:0 0 20px #30f87822}
