.snapshot-page{padding:60px 40px;background:#f5f7fa;min-height:100vh;text-align:center}.snapshot-title{font-size:2.5rem;font-weight:700;margin-bottom:40px;color:#1a1a1a}.snapshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;justify-content:center}.snapshot-card{background:#fff;border-radius:16px;box-shadow:0 4px 14px rgba(0,0,0,.06);overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;height:380px}.snapshot-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.snapshot-image-wrapper{position:relative;width:100%;height:80%;overflow:hidden}.snapshot-thumb{object-fit:cover;border-top-left-radius:16px;border-top-right-radius:16px}.snapshot-footer{background-color:#0b1120;padding:12px;flex-grow:1;display:flex;align-items:center;justify-content:center}.snapshot-caption{color:#fff;font-weight:600;font-size:1.2rem;margin:0}.snapshot-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:1000}.snapshot-modal-content{background:#000;padding:20px;border-radius:12px;max-width:90%;max-height:85%;overflow:auto;position:relative}.snapshot-close-btn{position:absolute;top:12px;right:12px;background:#d70000;color:#ffffff;border:none;border-radius:50%;width:36px;height:36px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2)}.snapshot-full-image{border-radius:8px;width:100%;height:auto}.snapshot-modal-caption{color:#fff;margin-top:10px;font-size:1.1rem;text-align:center}@media (max-width:600px){.snapshot-page{padding:40px 20px}.snapshot-title{font-size:2rem}.snapshot-card{height:260px}.snapshot-caption{font-size:.95rem}}