*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#0e1117;--paper:#eef1f5;--ink:#171a20;--blue:#7a9df9;--line:#ffffff1d;--muted:#aeb7c5}body{margin:0;font-family:Arial,"Noto Sans",sans-serif;background:var(--bg);color:#fff}a{color:inherit;text-decoration:none}button,select{font:inherit}.top{height:72px;position:sticky;top:0;z-index:30;display:flex;align-items:center;padding:0 4vw;background:#0d1015ee;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.logo{font-size:27px;font-weight:950;letter-spacing:-.06em;margin-right:auto}.logo i{font-style:normal;color:var(--blue)}.topnav{display:flex;gap:20px;font-size:9px;letter-spacing:.12em}.ey{font-size:9px;letter-spacing:.17em;color:var(--blue);font-weight:900}.compact-hero{padding:70px 4vw 54px;background:radial-gradient(circle at 80% 20%,#273044,#11151c 60%);border-bottom:1px solid var(--line)}h1{font-size:clamp(56px,8vw,120px);line-height:.84;letter-spacing:-.07em;margin:16px 0 22px}.compact-hero p{max-width:680px;color:var(--muted);line-height:1.7;margin:0}.hero-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.stat{padding:10px 13px;border:1px solid #ffffff24;background:#11161f;font-size:9px;letter-spacing:.11em;text-transform:uppercase}.catalog{padding:40px 4vw 100px;background:var(--paper);color:var(--ink);min-height:58vh}.filterbar{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:0 0 30px}.filtergroup{display:flex;flex-direction:column;gap:8px;min-width:180px}.filterlabel{font-size:10px;font-weight:900;letter-spacing:.12em;color:#5b6470;text-transform:uppercase}.filtergroup select{height:48px;border:1px solid #d4d9e0;background:#fff;padding:0 14px;color:#171a20;font-size:13px;border-radius:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,340px));gap:18px;justify-content:start;align-items:stretch}.card{width:100%;background:#fff;border:1px solid #dbe0e6;display:flex;flex-direction:column;transition:.25s;min-height:430px;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 18px 42px #1b243014}.pic{height:250px;background:linear-gradient(180deg,#edf1f5 0%,#e7ebef 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:18px}.pic img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.body{padding:22px;display:flex;flex-direction:column;flex:1}.body h3{font-size:clamp(24px,2vw,29px);line-height:1.05;margin:8px 0 12px}.body p{font-size:12px;line-height:1.6;color:#6c7581;flex:1;margin:0 0 16px}.tag{font-size:9px;color:#6079b9;letter-spacing:.09em}.go{font-size:9px;font-weight:900;color:#4837ff;margin-top:14px}.empty{grid-column:1/-1;padding:64px;background:#fff;border:1px solid #dbe0e6;color:#7b8490}.empty b{display:block;color:#171a20;font-size:24px;margin-bottom:10px}.empty span{font-size:12px;line-height:1.6}@media(max-width:1200px){.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{max-width:none}}@media(max-width:900px){.topnav{display:none}.compact-hero{padding:44px 4vw 38px}.catalog{padding-top:26px}.filterbar{gap:10px}.filtergroup{min-width:min(100%,180px);flex:1}.grid{grid-template-columns:1fr}.pic{height:240px}}

/* V46 — filter/card polish */
.filterbar{gap:12px;margin-bottom:28px}.filtergroup{gap:7px}.filtergroup select{padding-left:12px;padding-right:36px}
.pic{padding:16px 16px 0}.pic img{object-fit:contain;object-position:center bottom}

/* V48 — screenshot corrections */
.filtergroup select{padding-left:6px;padding-right:30px}
