*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:40px;color:#fff}.header h1{font-size:3rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.loading{font-size:1.2rem;opacity:.9;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.9}50%{opacity:.5}}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.image-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.image-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0003}.image-container{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer}.thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-container:hover .thumbnail{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;padding:20px}.image-card:hover .image-overlay{opacity:1}.image-controls{display:flex;gap:10px;width:100%}.btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;color:#fff}.btn-download{background:#10b981;flex:1}.btn-download:hover{background:#059669;transform:translateY(-1px)}.btn-share{background:#3b82f6;flex:1}.btn-share:hover{background:#2563eb;transform:translateY(-1px)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal.active{display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.modal-close{position:absolute;top:-50px;right:0;background:none;border:none;color:#fff;font-size:40px;cursor:pointer;z-index:1001;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.modal-close:hover{background:#ffffff1a}.modal-image{max-width:100%;max-height:calc(90vh - 80px);object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.modal-controls{display:flex;gap:15px;margin-top:20px}.modal-controls .btn{padding:12px 24px;font-size:16px}.error{text-align:center;color:#fff;padding:40px;background:#ffffff1a;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error h2{font-size:2rem;margin-bottom:10px}@media (max-width: 1200px){.gallery{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.container{padding:15px}.header h1{font-size:2.5rem}.gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.image-overlay{opacity:1;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.8) 100%)}.modal-content{max-width:95vw;max-height:95vh}.modal-close{top:-40px;font-size:30px;width:40px;height:40px}.modal-controls{flex-direction:column;width:100%;max-width:300px}}@media (max-width: 480px){.gallery{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.header h1{font-size:2rem}.image-controls{flex-direction:column}.btn{padding:8px 12px;font-size:12px}}@media (min-width: 1080px){.gallery{grid-template-columns:repeat(6,1fr);gap:20px}}