@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap");*,*::after,*::before{margin:0;padding:0;box-sizing:border-box;font-family:"VT323",monospace}body{background-color:#000;background-image:linear-gradient(rgba(0,255,65,0.05) 1px, transparent 1px),linear-gradient(90deg, rgba(0,255,65,0.05) 1px, transparent 1px),radial-gradient(circle at center, rgba(0,255,65,0.03) 0%, transparent 70%);background-size:40px 40px, 40px 40px, 100% 100%;overflow-x:hidden}body::before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg, rgba(0,0,0,0.15) 0px, rgba(0,0,0,0.15) 1px, transparent 1px, transparent 2px);opacity:0.5}body::after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998;background:rgba(0,255,65,0.02);animation:flicker 0.15s infinite}@keyframes flicker{0%, 100%{opacity:0.95}50%{opacity:1}}.progressing{height:100vh;display:flex;justify-content:center;align-items:center;border-top:1px solid rgba(138,138,138,0.4)}.progressing div{color:#00ff41;display:flex;align-items:center;flex-direction:column;gap:2rem}.progressing div img{height:300px;border-radius:0}.progressing div span{font-size:1.6rem}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.image-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:9999;display:none;opacity:0;transition:opacity 0.3s ease}.image-viewer-overlay.active{display:flex;opacity:1}.image-viewer-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.image-viewer-content{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:1rem}.image-viewer-content img{max-width:100%;max-height:calc(90vh - 4rem);width:auto;height:auto;object-fit:contain;border-radius:0;box-shadow:0 10px 50px rgba(0,0,0,0.5);border:2px solid #00ff41}.image-viewer-caption{color:#00ff41;font-size:1rem;text-align:center;max-width:600px;padding:0.5rem 1rem}.image-viewer-counter{color:rgba(0,255,65,0.7);font-size:0.9rem}.image-viewer-close,.image-viewer-prev,.image-viewer-next{position:absolute;background:rgba(0,255,65,0.05);border:2px solid #00ff41;color:#00ff41;width:50px;height:50px;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;box-shadow:0 0 10px rgba(0,255,65,0.3)}.image-viewer-close svg,.image-viewer-prev svg,.image-viewer-next svg{width:24px;height:24px}.image-viewer-close:hover,.image-viewer-prev:hover,.image-viewer-next:hover{background:rgba(0,255,65,0.1);border-color:#00ff41;box-shadow:0 0 15px rgba(0,255,65,0.5);transform:scale(1.1)}.image-viewer-close:active,.image-viewer-prev:active,.image-viewer-next:active{transform:scale(0.95)}.image-viewer-close{top:2rem;right:2rem}.image-viewer-prev{left:2rem;top:50%;transform:translateY(-50%)}.image-viewer-prev:hover{transform:translateY(-50%) scale(1.1)}.image-viewer-next{right:2rem;top:50%;transform:translateY(-50%)}.image-viewer-next:hover{transform:translateY(-50%) scale(1.1)}@media screen and (max-width: 768px){body{font-size:14px}.progressing{padding:0 1rem}.image-viewer-container{padding:1rem}.image-viewer-content{max-width:95vw;max-height:95vh}.image-viewer-content img{max-height:calc(95vh - 3rem)}.image-viewer-close{top:1rem;right:1rem;width:40px;height:40px}.image-viewer-close svg{width:20px;height:20px}.image-viewer-prev,.image-viewer-next{width:40px;height:40px;bottom:2rem;top:auto;transform:none}.image-viewer-prev svg,.image-viewer-next svg{width:20px;height:20px}.image-viewer-prev:hover,.image-viewer-next:hover{transform:scale(1.1)}.image-viewer-prev{left:1rem}.image-viewer-next{right:1rem;left:auto}.image-viewer-caption{font-size:0.9rem;padding:0.3rem 0.5rem}.image-viewer-counter{font-size:0.8rem}}@media screen and (max-width: 480px){body{font-size:13px}}.navbar-container{padding:2rem 0 2rem 0;display:flex;margin:0 6rem 0 6rem;justify-content:flex-end}.navbar-container .navbar-item{color:#00ff41;position:relative;font-size:2.5rem;padding:1rem;font-weight:400;cursor:pointer;transition:all 0.1s ease}.navbar-container .navbar-item::before{content:"";width:calc($IconSize + 1rem);height:calc($IconSize + 1rem);position:absolute;transform:translate(-17%, -10%);transition:all 0.1s ease}.navbar-container .navbar-item:hover::before{z-index:-1;border-bottom:1px solid #00ff41;box-shadow:0 2px 5px rgba(0,255,65,0.5)}.navbar-container .navbar-item:hover{font-weight:bold;scale:1.1;text-shadow:0 0 10px rgba(0,255,65,0.5)}.navbar-container .navbar-item.active::before{z-index:-1;border-bottom:2px solid #00ff41;box-shadow:0 2px 8px rgba(0,255,65,0.6)}.navbar-container .navbar-item.active{scale:1.1;text-shadow:0 0 10px rgba(0,255,65,0.5)}.navbar-container .navbar-item.active:hover{font-weight:bold}.navbar-container .navbar-item .icons{color:#00ff41;width:30px;height:30px;filter:drop-shadow(0 0 3px rgba(0,255,65,0.3))}@media screen and (max-width: 768px){.navbar-container{margin:0 2rem 0 2rem;justify-content:center;gap:0.5rem}.navbar-container .navbar-item{padding:0.5rem}.navbar-container .navbar-item .icons{width:25px;height:25px}}@media screen and (max-width: 480px){.navbar-container{margin:0 1rem 0 1rem;gap:0}.navbar-container .navbar-item{padding:0.3rem}.navbar-container .navbar-item .icons{width:22px;height:22px}}.works-container{color:#00ff41;display:flex;flex-direction:column;padding:0;font-weight:bolder;min-height:100vh}.works-container .works-content{margin:3rem 6rem 4rem 6rem}.works-container .works-content .works-header{margin-bottom:3rem}.works-container .works-content .works-header .works-title{font-size:5rem;margin-bottom:0.5rem}.works-container .works-content .works-header .works-subtitle{font-size:1.4rem;color:rgba(0,255,65,0.7);font-weight:normal}.works-container .works-content .works-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(400px, 1fr));gap:2.5rem}.works-container .works-content .works-grid .work-card{background:rgba(0,255,65,0.05);border-radius:0;overflow:hidden;border:2px solid #00ff41;transition:all 0.2s ease;display:flex;flex-direction:column;box-shadow:0 0 10px rgba(0,255,65,0.2)}.works-container .works-content .works-grid .work-card:hover{transform:translateY(-5px);border-color:#00ff41;box-shadow:0 0 20px rgba(0,255,65,0.5)}.works-container .works-content .works-grid .work-card .work-image{width:100%;height:250px;overflow:hidden;background:#001a00}.works-container .works-content .works-grid .work-card .work-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.works-container .works-content .works-grid .work-card .work-image:hover img{transform:scale(1.05)}.works-container .works-content .works-grid .work-card .work-info{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;flex-grow:1}.works-container .works-content .works-grid .work-card .work-info .work-title{font-size:1.5rem;color:#00ff41;margin:0;text-shadow:0 0 10px rgba(0,255,65,0.4);font-family:"Press Start 2P",monospace}.works-container .works-content .works-grid .work-card .work-info .work-description{font-size:0.95rem;line-height:1.6;color:rgba(0,255,65,0.8);font-weight:normal;flex-grow:1}.works-container .works-content .works-grid .work-card .work-info .work-tags{display:flex;flex-wrap:wrap;gap:0.5rem}.works-container .works-content .works-grid .work-card .work-info .work-tags .tag{background:rgba(0,255,65,0.1);color:#00ff41;padding:0.3rem 0.8rem;border-radius:0;font-size:0.8rem;font-weight:normal;border:1px solid #00ff41}.works-container .works-content .works-grid .work-card .work-info .work-links{display:flex;gap:1rem;margin-top:0.5rem}.works-container .works-content .works-grid .work-card .work-info .work-links .work-link{padding:0.6rem 1.2rem;background:rgba(0,255,65,0.05);color:#00ff41;text-decoration:none;border-radius:0;border:2px solid #00ff41;font-size:0.9rem;font-weight:500;transition:all 0.2s ease;text-align:center;box-shadow:0 0 5px rgba(0,255,65,0.3)}.works-container .works-content .works-grid .work-card .work-info .work-links .work-link:hover{background:rgba(0,255,65,0.1);border-color:#00ff41;box-shadow:0 0 15px rgba(0,255,65,0.5);transform:translateY(-2px)}@media screen and (max-width: 1024px){.works-container .works-content{margin:3rem 4rem 3rem 4rem}.works-container .works-content .works-header .works-title{font-size:3rem}.works-container .works-content .works-grid{grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:2rem}}@media screen and (max-width: 768px){.works-container .works-content{margin:3rem 2rem 2rem 2rem}.works-container .works-content .works-header{margin-bottom:2rem}.works-container .works-content .works-header .works-title{font-size:2.5rem}.works-container .works-content .works-header .works-subtitle{font-size:1rem}.works-container .works-content .works-grid{grid-template-columns:1fr;gap:1.5rem}.works-container .works-content .works-grid .work-card .work-image{height:200px}.works-container .works-content .works-grid .work-card .work-info{padding:1.2rem}.works-container .works-content .works-grid .work-card .work-info .work-title{font-size:1.3rem}.works-container .works-content .works-grid .work-card .work-info .work-description{font-size:0.9rem}.works-container .works-content .works-grid .work-card .work-info .work-links{flex-direction:column}.works-container .works-content .works-grid .work-card .work-info .work-links .work-link{width:100%}}@media screen and (max-width: 480px){.works-container .works-content{margin:3rem 1rem 1.5rem 1rem}.works-container .works-content .works-header{margin-bottom:1.5rem}.works-container .works-content .works-header .works-title{font-size:2rem}.works-container .works-content .works-header .works-subtitle{font-size:0.9rem}.works-container .works-content .works-grid{gap:1rem}.works-container .works-content .works-grid .work-card .work-image{height:180px}.works-container .works-content .works-grid .work-card .work-info{padding:1rem;gap:0.8rem}.works-container .works-content .works-grid .work-card .work-info .work-title{font-size:1.2rem}.works-container .works-content .works-grid .work-card .work-info .work-description{font-size:0.85rem}.works-container .works-content .works-grid .work-card .work-info .work-tags{gap:0.4rem}.works-container .works-content .works-grid .work-card .work-info .work-tags .tag{font-size:0.75rem;padding:0.25rem 0.6rem}.works-container .works-content .works-grid .work-card .work-info .work-links{gap:0.5rem}.works-container .works-content .works-grid .work-card .work-info .work-links .work-link{padding:0.5rem 1rem;font-size:0.85rem}}@media screen and (max-width: 360px){.works-container .works-content .works-header .works-title{font-size:1.5rem}.works-container .works-content .works-grid .work-card .work-image{height:150px}.works-container .works-content .works-grid .work-card .work-info .work-title{font-size:1.1rem}}.site-footer{background-color:#000;color:#00ff41;padding:4rem 2rem 2rem;margin-top:6rem;border-top:2px solid #00ff41;position:relative}.site-footer::before{content:'';position:absolute;top:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg, transparent 0%, #00ff41 50%, transparent 100%);box-shadow:0 0 10px #00ff41;animation:glow 2s ease-in-out infinite}.site-footer .footer-content{max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(2, 1fr);gap:4rem;margin-bottom:3rem;justify-items:center}.site-footer .footer-section{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.site-footer .footer-title{font-family:"Press Start 2P",monospace;font-size:1.2rem;color:#00ff41;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,65,0.5);position:relative;padding-bottom:0.5rem}.site-footer .footer-title::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:2px;background-color:#00ff41;box-shadow:0 0 5px #00ff41}.site-footer .footer-description{font-family:"VT323",monospace;font-size:1.2rem;line-height:1.8;color:rgba(0,255,65,0.8);opacity:0.9}.site-footer .footer-nav{display:flex;flex-direction:column;gap:1rem}.site-footer .footer-nav a{font-family:"VT323",monospace;font-size:1.2rem;color:#00ff41;text-decoration:none;transition:all 0.3s ease;position:relative;padding-left:1.5rem}.site-footer .footer-nav a::before{content:'>';position:absolute;left:0;opacity:0;transition:all 0.3s ease}.site-footer .footer-nav a:hover{padding-left:2rem;text-shadow:0 0 10px rgba(0,255,65,0.8)}.site-footer .footer-nav a:hover::before{opacity:1}.site-footer .footer-social-links{display:flex;gap:1.5rem;flex-wrap:wrap}.site-footer .footer-social-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid #00ff41;border-radius:8px;padding:8px;transition:all 0.3s ease;background-color:rgba(0,255,65,0.05)}.site-footer .footer-social-links a img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);transition:all 0.3s ease}.site-footer .footer-social-links a:hover{background-color:#00ff41;box-shadow:0 0 20px rgba(0,255,65,0.6);transform:translateY(-3px)}.site-footer .footer-social-links a:hover img{filter:brightness(0)}.site-footer .footer-bottom{max-width:800px;margin:0 auto;padding-top:2rem;text-align:center}.site-footer .footer-separator{width:100%;height:1px;background:linear-gradient(90deg, transparent 0%, rgba(0,255,65,0.5) 50%, transparent 100%);margin-bottom:2rem}.site-footer .footer-copyright{font-family:"VT323",monospace;font-size:1.1rem;color:rgba(0,255,65,0.7);margin-bottom:1rem}@keyframes glow{0%, 100%{opacity:1}50%{opacity:0.5}}@keyframes blink{0%, 100%{opacity:1}50%{opacity:0.3}}@media (max-width: 768px){.site-footer{padding:3rem 1.5rem 1.5rem;margin-top:4rem}.site-footer .footer-content{grid-template-columns:1fr;gap:2.5rem}.site-footer .footer-title{font-size:1rem}.site-footer .footer-description,.site-footer .footer-nav a,.site-footer .footer-copyright{font-size:1rem}.site-footer .footer-social-links{justify-content:center}.site-footer .footer-social-links a{width:35px;height:35px}.site-footer .footer-tagline{font-size:1.1rem}}@media (max-width: 480px){.site-footer{padding:2rem 1rem 1rem}.site-footer .footer-content{gap:2rem}.site-footer .footer-social-links{gap:1rem}}