.gallery-page{background:#edf4f6;color:#123f5d}.gallery-topbar .brand{color:inherit;text-decoration:none}.back-to-assistant{color:#123f5d;font-weight:800;text-decoration:none;padding:.65rem .9rem;border-radius:999px;background:#e9f5f8}.gallery-main{width:min(1600px,calc(100% - 32px));margin:0 auto;padding:26px 0 80px}.gallery-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:34px 38px;border-radius:28px;background:linear-gradient(120deg,#123f5d,#087b94);color:#fff;box-shadow:0 16px 45px rgba(12,52,74,.18)}.gallery-hero h1{margin:.15rem 0 .4rem;font-size:clamp(2.1rem,4vw,4rem);line-height:1}.gallery-hero p{margin:.25rem 0;max-width:760px}.gallery-hero .eyebrow{color:#7ee1db}.gallery-total{min-width:170px;padding:19px 23px;border-radius:20px;background:rgba(255,255,255,.13);text-align:center}.gallery-total strong{display:block;font-size:3rem;line-height:1}.gallery-total span{display:block;margin-top:5px;font-weight:700}
.gallery-tools{position:sticky;top:70px;z-index:20;display:grid;grid-template-columns:minmax(280px,1fr) auto auto auto;gap:12px;align-items:end;margin:20px 0;padding:16px;border:1px solid #d8e5e9;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(19,63,93,.1);backdrop-filter:blur(14px)}.gallery-tools label{display:grid;gap:6px;color:#456170;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.gallery-search{position:relative}.gallery-search span{position:absolute;left:14px;bottom:11px;font-size:1.25rem;color:#16859c}.gallery-search input{padding-left:42px!important}.gallery-tools input,.gallery-tools select,.gallery-tools button{height:46px;border:1px solid #c9dce2;border-radius:12px;background:#fff;color:#173e55;font:inherit;font-weight:700;padding:0 13px}.gallery-tools button{cursor:pointer;background:#e8f5f7;color:#116b81}
.gallery-content{display:grid;gap:24px}.gallery-activity{overflow:hidden;border:1px solid #d9e5e9;border-radius:24px;background:#fff;box-shadow:0 8px 24px rgba(18,63,93,.08)}.gallery-activity-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #e0eaed;background:linear-gradient(90deg,#f6fbfc,#fff)}.gallery-activity-head small{display:block;margin-bottom:3px;color:#16a0a0;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.gallery-activity-head h2{margin:0;font-size:1.25rem}.gallery-activity-head span{white-space:nowrap;padding:7px 11px;border-radius:999px;background:#e7f5f7;color:#116b81;font-weight:900}.all-quiz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:18px}
.gallery-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #d6e2e6;border-radius:18px;background:#fff;box-shadow:0 5px 14px rgba(18,63,93,.07);cursor:zoom-in;transition:transform .16s ease,box-shadow .16s ease}.gallery-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(18,63,93,.14)}.gallery-card-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#dce8ec}.gallery-card-image img{width:100%;height:100%;display:block;object-fit:cover}.gallery-card-image b{position:absolute;top:11px;left:11px;padding:6px 10px;border-radius:999px;background:#d6404d;color:#fff;font-size:.82rem;box-shadow:0 3px 9px rgba(0,0,0,.2)}.gallery-card-copy{display:flex;flex:1;flex-direction:column;padding:14px 15px 13px}.gallery-card-type{align-self:flex-start;padding:4px 8px;border-radius:999px;background:#e9f6f7;color:#14748a;font-size:.72rem;font-weight:900}.gallery-card h3{margin:9px 0 13px;color:#173e55;font-size:1rem;line-height:1.32}.gallery-card-meta{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid #e1eaed;color:#57707e;font-size:.78rem}.gallery-card-meta strong{color:#168d8d}
.gallery-content.compact .all-quiz-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.gallery-content.compact .gallery-card-copy{padding:10px}.gallery-content.compact .gallery-card h3{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem}.gallery-content.compact .gallery-card-meta{font-size:.68rem}.gallery-content.large .all-quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-gallery{padding:60px 25px;text-align:center;border-radius:24px;background:#fff;font-size:1.2rem;font-weight:800}
.image-dialog{width:min(1200px,94vw);max-width:none;padding:0;border:0;border-radius:22px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.35)}.image-dialog::backdrop{background:rgba(4,25,37,.82);backdrop-filter:blur(5px)}.image-dialog img{display:block;width:100%;height:auto;background:#dce8ec}.dialog-close{position:absolute;top:12px;right:12px;width:46px;height:46px;border:0;border-radius:50%;background:rgba(12,52,74,.9);color:#fff;font-size:2rem;line-height:1;cursor:pointer}.dialog-caption{display:grid;gap:4px;padding:16px 20px}.dialog-caption strong{font-size:1.1rem}.dialog-caption span{color:#5b727e}
@media(max-width:1050px){.all-quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-content.compact .all-quiz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-tools{grid-template-columns:1fr 1fr}.gallery-search{grid-column:1/-1}}@media(max-width:680px){.gallery-main{width:min(100% - 18px,1600px);padding-top:10px}.gallery-hero{align-items:flex-start;flex-direction:column;padding:25px 22px;border-radius:20px}.gallery-total{display:flex;align-items:baseline;gap:8px;min-width:0;padding:10px 14px}.gallery-total strong{font-size:2rem}.gallery-tools{position:relative;top:auto;grid-template-columns:1fr;padding:12px}.gallery-search{grid-column:auto}.all-quiz-grid,.gallery-content.large .all-quiz-grid,.gallery-content.compact .all-quiz-grid{grid-template-columns:1fr;padding:11px}.gallery-activity-head{align-items:flex-start;padding:15px}.gallery-activity-head h2{font-size:1rem}.gallery-card h3{font-size:.95rem}.back-to-assistant{font-size:.78rem}.gallery-topbar .brand small{display:none}}
.gallery-card-code{position:absolute;left:11px;bottom:11px;padding:6px 10px;border-radius:8px;background:rgba(12,52,74,.94);color:#fff;font-size:.8rem;font-weight:950;letter-spacing:.06em;box-shadow:0 3px 9px rgba(0,0,0,.28)}
:root[data-brand="fps"] .gallery-hero{background:linear-gradient(120deg,#154c33,#4f8b37)}
:root[data-brand="visa-vie"] .gallery-hero{background:linear-gradient(120deg,#18565c,#08a39c)}