:root{--az3d-bg:var(--az-glass);--az3d-border:var(--az-glass-edge);--az3d-muted:var(--az-muted);--az3d-accent:var(--az-accent);--az3d-sidebar-open: 250px;--az3d-sidebar-closed: 50px}
*{box-sizing: border-box}
html,
        body{margin: 0;min-height: 100%;background:var(--az-glass);color:var(--az-text);font-family:var(--az-font);overflow-x: hidden}
body{overflow-y: auto}
body::before{content: "";position: fixed;inset: 0;z-index: -2;background:var(--az-accent-soft)}
body::after{content: "";position: fixed;inset: 0;z-index: -1;opacity: .28;background-image:var(--az-accent-soft);background-size: 72px 72px;mask-image: radial-gradient(circle at 50% 20%, #000, transparent 72%);pointer-events: none}
.az3d-page{min-height: 100vh;padding: 94px 22px 46px}
.az3d-shell{width: 100%;max-width: 1420px;margin: 0 auto}
.az3d-hero{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 18px;align-items: end;margin-bottom: 18px}
.az3d-kicker{display: inline-flex;align-items: center;gap: 8px;color:var(--az-text);font-size: 12px;font-weight: 900;letter-spacing: .11em;text-transform: uppercase;margin-bottom: 10px}
.az3d-title{margin: 0;font-size: clamp(30px, 4vw, 58px);line-height: 1;font-weight: 950;letter-spacing: 0}
.az3d-copy{max-width: 780px;margin: 12px 0 0;color:var(--az-text);font-size: 15px;line-height: 1.55}
.az3d-count{min-width: 148px;padding: 14px 16px;border:1px solid var(--az-glass-edge);border-radius:var(--az-r-card);background:var(--az-glass);box-shadow:var(--az-glass-shadow);text-align: center}
.az3d-count strong{display: block;font-size: 28px;line-height: 1}
.az3d-count span{display: block;margin-top: 6px;color:var(--az-text);font-size: 12px;font-weight: 800;letter-spacing: .06em;text-transform: uppercase}
.az3d-filters{display: grid;grid-template-columns: 1.15fr 1fr 1fr auto auto;gap: 10px;align-items: end;padding: 14px;margin-bottom: 20px;border:1px solid var(--az-glass-edge);border-radius:var(--az-r-card);background:var(--az-glass);box-shadow:var(--az-glass-shadow);backdrop-filter: blur(14px)}
.az3d-field{display: grid;gap: 6px}
.az3d-field label{color:var(--az-muted);font-size: 12px;font-weight: 900;text-transform: uppercase;letter-spacing: .08em}
.az3d-field input,
        .az3d-field select{width: 100%;min-height: 44px;padding: 0 14px;border:1px solid var(--az-glass-edge);border-radius:var(--az-r-control);outline: none;color:var(--az-text);background:var(--az-glass);font: inherit;font-weight: 750}
.az3d-field select option{color:var(--az-text);background:var(--az-glass)}
.az3d-btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 44px;padding: 0 16px;border:1px solid var(--az-glass-edge);border-radius:var(--az-r-control);color:var(--az-text);background:var(--az-action);font-weight: 900;text-decoration: none;cursor: pointer;white-space: nowrap}
.az3d-btn.is-muted{background:var(--az-action);color:var(--az-muted)}
.az3d-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(284px, 1fr));gap: 16px;align-items: stretch}
.az3d-card{display: flex;flex-direction: column;min-height: 100%;overflow: hidden;border:1px solid var(--az-glass-edge);border-radius:var(--az-r-card);background:var(--az-glass);box-shadow:var(--az-glass-shadow);transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease}
.az3d-card:hover{transform: translateY(-4px);border-color:var(--az-glass-edge);box-shadow:var(--az-glass-shadow)}
.az3d-cover{position: relative;aspect-ratio: 16 / 10;overflow: hidden;background:var(--az-glass)}
.az3d-cover img{width: 100%;height: 100%;object-fit: cover;display: block;filter: saturate(.92) brightness(.82);transition: transform .22s ease, filter .22s ease}
.az3d-card:hover .az3d-cover img{transform: scale(1.035);filter: saturate(1.04) brightness(.96)}
.az3d-badge{position: absolute;left: 12px;top: 12px;display: inline-flex;align-items: center;gap: 6px;padding: 7px 10px;border-radius:var(--az-r-control);background:var(--az-glass);border:1px solid var(--az-glass-edge);color:var(--az-text);font-size: 12px;font-weight: 900;backdrop-filter: blur(10px)}
.az3d-body{display: flex;flex-direction: column;flex: 1;padding: 14px}
.az3d-company{display: flex;gap: 10px;align-items: center;min-width: 0;margin-bottom: 12px}
.az3d-logo{width: 44px;height: 44px;border-radius:var(--az-r-card);border:1px solid var(--az-glass-edge);object-fit: cover;background:var(--az-glass);flex: 0 0 auto}
.az3d-company-name{color:var(--az-text);font-size: 13px;font-weight: 850;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.az3d-title-sm{margin: 0;color:var(--az-text);font-size: 18px;line-height: 1.25;font-weight: 950}
.az3d-meta{margin-top: 4px;color:var(--az-muted);font-size: 13px;line-height: 1.35}
.az3d-tags{display: flex;flex-wrap: wrap;gap: 7px;margin: 12px 0}
.az3d-tag{display: inline-flex;align-items: center;gap: 6px;min-height: 28px;padding: 4px 9px;border-radius:var(--az-r-card);color:var(--az-text);background:var(--az-glass);font-size: 12px;font-weight: 850}
.az3d-tag.is-live{color:var(--az-text);background:var(--az-glass)}
.az3d-description{margin: 0 0 14px;color:var(--az-muted);line-height: 1.55;font-size: 13.5px}
.az3d-card-actions{margin-top: auto;display: grid;grid-template-columns: 1fr;gap: 8px}
.az3d-open{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 42px;border-radius:var(--az-r-card);color:var(--az-text);background:var(--az-glass);border:1px solid var(--az-glass-edge);text-decoration: none;font-size: 13px;font-weight: 950}
.az3d-empty{grid-column: 1 / -1;padding: 38px 18px;border:1px solid var(--az-glass-edge);border-radius:var(--az-r-card);background:var(--az-glass);text-align: center;color:var(--az-text)}
.az3d-empty i{display: block;margin-bottom: 12px;color:var(--az-text);font-size: 30px}
.az3d-pagination{display: flex;justify-content: center;gap: 8px;flex-wrap: wrap;margin-top: 22px}
.az3d-page-link{min-width: 38px;min-height: 38px;display: inline-flex;align-items: center;justify-content: center;border-radius:var(--az-r-card);color:var(--az-text);background:var(--az-glass);border:1px solid var(--az-glass-edge);text-decoration: none;font-weight: 900}
.az3d-page-link.is-active{color:var(--az-accent);background:var(--az-action);border-color:var(--az-glass-edge)}
@media (max-width: 1080px){.az3d-filters{grid-template-columns: 1fr 1fr}
.az3d-btn{width: 100%}}
@media (max-width: 720px){.az3d-page{padding: 92px 12px 92px}
.az3d-hero{grid-template-columns: 1fr;padding-top: 8px}
.az3d-count{width: 100%}
.az3d-filters{grid-template-columns: 1fr;padding: 12px}
.az3d-grid{grid-template-columns: 1fr}}