:root{--accent1:#6b21a8;--accent2:#06b6d4}*{box-sizing:border-box}body{font-family:Inter,system-ui,Arial,sans-serif;margin:0;background:linear-gradient(180deg,#fafafa,#fff);color:#111}.app{max-width:1100px;margin:0 auto;padding:24px}.hero{background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;padding:24px;border-radius:12px;text-align:center;margin-bottom:18px}.hero h1{margin:0;font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:.5px}.hero .subtitle{opacity:.9}.gallery-wrap .empty{padding:18px;text-align:center;color:#666}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{position:relative;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 8px 22px #10182812;cursor:pointer;transition:transform .18s ease,box-shadow .18s}.card img{width:100%;height:264px;object-fit:cover;display:block;transition:transform .28s ease,filter .15s ease}.card:hover{transform:translateY(-8px);box-shadow:0 16px 36px #10182824;filter:brightness(1.02)}.card:hover img{transform:scale(1.06)}.card figcaption{padding:8px 10px;font-size:.95rem;color:#222}.card .overlay{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;color:#fff;background:linear-gradient(180deg,#0000,#00000080);opacity:0;transform:translateY(6px);transition:opacity .22s,transform .22s}.card:hover .overlay{opacity:1;transform:translateY(0)}.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0}.pager button{background:var(--accent1);color:#fff;border:0;padding:8px 12px;border-radius:8px;cursor:pointer}.pager button[disabled]{opacity:.45;cursor:default}.pager-info{color:#444;font-size:.95rem}.modal-actions{display:none!important;margin-top:10px}.download-btn{display:none!important}.modal-inner .description{margin-top:8px;color:#555;text-align:center;font-size:.95rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0000008c,#000000a6);display:flex;align-items:center;justify-content:center;padding:18px;z-index:60}.modal-inner{position:relative;max-width:95%;max-height:95%;background:#fff;padding:14px;border-radius:12px}.modal-inner img{width:auto;max-width:calc(100vw - 48px);max-height:calc(100vh - 140px);display:block;border-radius:8px;object-fit:contain;margin:0 auto}.modal-inner .caption{margin-top:10px;font-size:1rem;text-align:center;color:#333}.close{position:absolute;right:10px;top:10px;background:transparent;border:0;font-size:1.25rem;cursor:pointer}.modal .nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffeb;border:0;padding:8px 12px;border-radius:8px;cursor:pointer;box-shadow:0 6px 18px #0000001f}.modal .nav-btn.prev{left:12px}.modal .nav-btn.next{right:12px}@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.card img{height:240px}}@media (max-width:520px){.grid{grid-template-columns:1fr}.card img{height:216px}}