body{color:#333;background-color:#f0f2f5;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}h1{color:#2c3e50;text-transform:uppercase;letter-spacing:2px;margin-top:40px}.category-btns{flex-wrap:wrap;justify-content:center;gap:15px;margin:30px 0;display:flex}.category-btns button{color:#3498db;cursor:pointer;background-color:#fff;border:none;border-radius:25px;padding:12px 25px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 6px #0000001a}.category-btns button:hover{color:#fff;background-color:#3498db;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.category-btns button:active{transform:translateY(0)}#gallery-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;width:90%;max-width:1000px;margin-bottom:50px;padding:20px;display:grid}.gallery-item{cursor:pointer;background:#fff;border-radius:15px;flex-direction:column;align-items:center;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 8px 15px #0000001a}.gallery-item:hover{transform:scale(1.05);box-shadow:0 12px 20px #0003}.gallery-item img{aspect-ratio:1;object-fit:contain;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #eee;width:100%;padding:10px}.gallery-item p{color:#555;margin:15px 0;font-size:14px;font-weight:700}.category-btns button.active{color:#fff;background-color:#3498db;transform:scale(.95);box-shadow:inset 0 2px 4px #0003}@media (max-width:600px){#gallery-grid{grid-template-columns:repeat(2,1fr);gap:15px}h1{font-size:24px}}