*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f3ff;color:#4c1d95;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hamburger-menu{left:0;position:fixed;top:0;z-index:1000}.hamburger-button{background:#f5f3fff2;border:1px solid #c4b5fd;border-radius:4px;box-shadow:0 2px 4px #6c2bd933;cursor:pointer;left:15px;padding:10px;position:fixed;top:15px;transition:all .3s ease;z-index:1001}.hamburger-button:hover{background:#ede9fe;box-shadow:0 4px 8px #6c2bd94d}.hamburger-icon{display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.hamburger-icon span{background:#6b46c1;border-radius:2px;display:block;height:2px;transition:all .3s ease;width:100%}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.menu-nav{background:#f5f3fffa;box-shadow:2px 0 10px #6c2bd933;height:100vh;left:0;overflow-y:auto;padding-top:60px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:250px;z-index:1000}.menu-nav.open{transform:translateX(0)}.menu-list{list-style:none;margin:0;padding:0}.menu-list li{border-bottom:1px solid #ddd6fe}.menu-list a{color:#5b21b6;display:block;padding:15px 20px;text-decoration:none;text-transform:capitalize;transition:background-color .2s ease}.menu-list a:hover{background-color:#e9d5ff;color:#4c1d95}.menu-list a.active{background-color:#ddd6fe;color:#4c1d95;font-weight:600}.menu-overlay{background:#4c1d954d;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.footer{background-color:#4c1d95;color:#f3e8ff;margin-top:auto;padding:20px;text-align:center}.footer p{font-size:14px;margin:0}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:60px}.gallery{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px;padding:20px}.gallery-item{cursor:pointer;transition:transform .2s ease}.gallery-image-container{aspect-ratio:4/3;background:#e9d5ff;border-radius:4px;box-shadow:0 2px 4px #6c2bd933;overflow:hidden;position:relative;transition:box-shadow .3s ease,z-index .3s ease;width:100%}.gallery-item:hover .gallery-image-container{box-shadow:0 8px 16px #6c2bd966;z-index:10}.gallery-image{height:100%;object-fit:cover;transform:scale(1);transform-origin:center;transition:transform .3s ease;width:100%}.gallery-item:hover .gallery-image{transform:scale(1.1)}.gallery-title{color:#5b21b6;font-size:14px;font-weight:500;margin-top:10px;text-align:center}.gallery-empty{color:#7c3aed;padding:60px 20px;text-align:center}@media (max-width:1200px){.gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.gallery{gap:15px;grid-template-columns:repeat(2,1fr);padding:15px}}@media (max-width:480px){.gallery{gap:15px;grid-template-columns:1fr;padding:15px}}.page-container{min-height:calc(100vh - 200px);padding-bottom:40px}.home-header{padding:40px 20px 30px;text-align:center}.home-header h1{color:#6b46c1;font-size:2.5rem;margin-bottom:10px}.home-header h2{color:#7c3aed;font-size:1.2rem;font-weight:400}@media (max-width:768px){.home-header h1{font-size:2rem}.home-header h2{font-size:1rem}}.category-header{padding:40px 20px 30px;text-align:center}.category-header h1{color:#6b46c1;font-size:2.5rem;margin-bottom:10px;text-transform:capitalize}.category-count{color:#7c3aed;font-size:1rem;margin:0}@media (max-width:768px){.category-header h1{font-size:2rem}}.project-detail{margin:0 auto;max-width:900px;padding:20px}.project-title{color:#6b46c1;font-size:2.5rem;margin-bottom:30px;text-align:center}.project-image-container{background:#e9d5ff;border-radius:4px;box-shadow:0 4px 8px #6c2bd94d;margin-bottom:30px;overflow:hidden;width:100%}.project-image{display:block;height:auto;max-height:80vh;object-fit:contain;width:100%}.project-description{color:#5b21b6;font-size:1.1rem;line-height:1.6;margin-bottom:20px}.project-tags{color:#7c3aed;font-size:.95rem;margin-top:20px}.tags-label{font-weight:600}.tag{text-transform:capitalize}.error,.loading{font-size:18px;padding:60px 20px;text-align:center}.error{color:#a855f7}@media (max-width:768px){.project-title{font-size:2rem}.project-description{font-size:1rem}.project-detail{padding:15px}}
/*# sourceMappingURL=main.1b22c03f.css.map*/