:root{--bg-dark:#07080b;--bg-deep:#0e1017;--bg-card:#12141d80;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#818cf8;--accent-secondary:#c084fc;--accent-glow:#818cf826;--glass-bg:#0e101799;--glass-border:#ffffff0d;--glass-border-hover:#ffffff1a;--glass-shadow:#0006;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-dark);transition:var(--transition-fast);background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.app-container{flex-direction:column;max-width:1600px;min-height:100vh;margin:0 auto;padding:0 40px;display:flex}@media (width<=768px){.app-container{padding:0 20px}}.header{text-align:center;border-bottom:1px solid var(--glass-border);flex-direction:column;align-items:center;padding:60px 0 40px;display:flex}.logo{letter-spacing:.3em;text-transform:uppercase;color:var(--text-primary);background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:200;display:inline-block}.logo-image{opacity:.95;width:auto;height:50px;transition:var(--transition-smooth);margin-bottom:16px}.logo-image:hover{opacity:1;filter:drop-shadow(0 0 12px #818cf84d);transform:scale(1.04)}.subtitle{color:var(--text-secondary);letter-spacing:.15em;max-width:500px;font-size:.95rem;font-weight:300;line-height:1.6}.categories-nav{justify-content:center;width:100%;margin:32px 0 40px;display:flex}.categories-list{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);scrollbar-width:none;border-radius:40px;gap:12px;max-width:100%;padding:8px 16px;display:flex;overflow-x:auto}.categories-list::-webkit-scrollbar{display:none}.category-button{color:var(--text-secondary);letter-spacing:.08em;cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;background:0 0;border:none;border-radius:30px;padding:8px 24px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:400}.category-button:hover{color:var(--text-primary);background:#ffffff08}.category-button.active{color:var(--bg-dark);background:var(--text-primary);font-weight:500;box-shadow:0 4px 20px #ffffff26}.subcategories-nav{justify-content:center;width:100%;margin:-24px 0 40px;animation:.3s ease-out fadeIn;display:flex}.subcategories-list{-webkit-backdrop-filter:blur(10px);scrollbar-width:none;background:#0e10174d;border:1px solid #ffffff08;border-radius:30px;gap:8px;max-width:100%;padding:6px 12px;display:flex;overflow-x:auto}.subcategories-list::-webkit-scrollbar{display:none}.subcategory-button{color:var(--text-muted);letter-spacing:.06em;cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;background:0 0;border:none;border-radius:20px;padding:6px 16px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:400}.subcategory-button:hover{color:var(--text-secondary);background:#ffffff05}.subcategory-button.active{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff0d;font-weight:500;box-shadow:0 2px 10px #0003}.gallery-section{flex-grow:1;margin-bottom:80px}.masonry-grid{gap:28px;width:100%;display:flex}.masonry-column{flex-direction:column;flex:1;gap:28px;display:flex}@media (width<=1200px){.masonry-grid,.masonry-column{gap:20px}}@media (width<=768px){.masonry-grid{gap:0}.masonry-column{gap:20px}}.gallery-item{background:var(--bg-card);border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition-smooth);will-change:transform, box-shadow;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.gallery-item:hover{box-shadow:0 20px 40px #0000004d, 0 0 30px var(--accent-glow);border-color:var(--glass-border-hover);transform:translateY(-6px)}.img-container{background-color:var(--bg-deep);width:100%;transition:background-color .4s;position:relative;overflow:hidden}.gallery-img{object-fit:cover;opacity:0;will-change:opacity;width:100%;height:100%;transition:opacity .8s cubic-bezier(.25,1,.5,1);display:block}.gallery-img.loaded{opacity:1}.gallery-item-overlay{opacity:0;width:100%;height:100%;transition:var(--transition-smooth);pointer-events:none;background:linear-gradient(#0000 0%,#07080b33 50%,#07080bd9 100%);flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:absolute;top:0;left:0}.gallery-item:hover .gallery-item-overlay{opacity:1}.item-title{color:var(--text-primary);letter-spacing:.03em;transition:var(--transition-smooth);margin-bottom:6px;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:400;transition-delay:50ms;transform:translateY(10px)}.item-category{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;transition:var(--transition-smooth);font-size:.75rem;font-weight:500;transition-delay:.1s;transform:translateY(10px)}.gallery-item:hover .item-title,.gallery-item:hover .item-category{transform:translateY(0)}.lightbox-overlay{-webkit-backdrop-filter:blur(20px);z-index:1000;opacity:0;background:#040508eb;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;position:fixed;top:0;left:0}.lightbox-content{justify-content:center;align-items:center;width:90%;height:90%;display:flex;position:relative}.lightbox-img-wrapper{border:1px solid var(--glass-border);border-radius:12px;justify-content:center;align-items:center;max-width:82%;max-height:85%;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px #0009}.lightbox-image{object-fit:contain;opacity:0;max-width:100%;max-height:100%;transition:opacity .5s;display:block}.lightbox-image.loaded{opacity:1}.lightbox-btn{border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;z-index:1010;width:56px;height:56px;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.lightbox-btn:hover{border-color:var(--text-primary);background:#ffffff1a;transform:scale(1.05);box-shadow:0 0 15px #ffffff1a}.lightbox-btn.close{top:20px;right:20px}.lightbox-btn.prev{top:50%;left:20px;transform:translateY(-50%)}.lightbox-btn.next{top:50%;right:20px;transform:translateY(-50%)}@media (width<=768px){.lightbox-img-wrapper{max-width:95%;max-height:70%}.lightbox-btn.prev{left:10px}.lightbox-btn.next{right:10px}.lightbox-btn{width:46px;height:46px}}.lightbox-meta{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);scrollbar-width:none;z-index:1005;background:#0e1017b3;border-radius:40px;align-items:center;gap:32px;max-width:90%;padding:12px 32px;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;position:absolute;bottom:0;left:50%;overflow-x:auto;transform:translate(-50%)translateY(20px);box-shadow:0 20px 40px #0006}.lightbox-meta::-webkit-scrollbar{display:none}.meta-item{white-space:nowrap;flex-direction:column;display:flex}.meta-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.1em;margin-bottom:2px;font-size:.65rem;font-weight:500}.meta-val{color:var(--text-primary);font-size:.85rem;font-weight:400}.download-link{background:var(--text-primary);color:var(--bg-dark);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.download-link:hover{background:var(--accent-primary);color:var(--text-primary);box-shadow:0 4px 15px #818cf84d}@media (width<=900px){.lightbox-meta{border-radius:24px;justify-content:space-between;gap:16px;width:95%;padding:12px 20px;bottom:20px}.meta-item.hide-mobile{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(40px)}to{opacity:1;transform:translate(-50%)translateY(-20px)}}.empty-gallery{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:120px 0;display:flex}.empty-gallery h3{color:var(--text-secondary);margin-bottom:8px;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:300}.loading-spinner{border:3px solid #818cf81a;border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;margin-bottom:20px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--glass-border);letter-spacing:.05em;margin-top:auto;padding:40px 0;font-size:.8rem}.footer a{color:var(--text-secondary);transition:var(--transition-fast);text-decoration:none}.footer a:hover{color:var(--accent-primary)}