.container{min-height:100vh;display:flex;flex-direction:column;padding:1rem;max-width:900px;margin:0 auto}.header{margin-bottom:2rem}.site-title-box{border:2px solid var(--cyber-green);box-shadow:0 0 10px #00ff414d,inset 0 0 20px #00ff411a;padding:2rem;text-align:center}.site-title{font-family:monospace;font-size:1.5rem;color:var(--cyber-green);text-shadow:0 0 10px var(--cyber-green);margin:0;letter-spacing:.1em}.terminal{border:2px solid var(--cyber-green);box-shadow:0 0 10px #00ff414d,inset 0 0 20px #00ff411a;margin-bottom:2rem}.terminal-header{background:#00ff411a;border-bottom:1px solid var(--cyber-green);padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.terminal-title{font-family:monospace;font-size:.9rem;color:var(--cyber-green)}.terminal-controls{display:flex;gap:.5rem}.control{font-family:monospace;color:var(--cyber-green);cursor:pointer}.terminal-body{padding:1rem;font-family:monospace;font-size:.9rem;min-height:200px}.prompt{margin-bottom:1rem;color:var(--cyber-green)}.user{color:var(--cyber-cyan)}.path{color:var(--cyber-magenta)}.blink{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.log{font-family:monospace;margin:.25rem 0;color:var(--text-primary);opacity:.9}.profile-section{display:flex;gap:1.5rem;align-items:flex-start;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,255,65,.3)}.profile-image{width:192px;height:192px;mix-blend-mode:screen;flex-shrink:0}.profile-text{flex:1;font-family:monospace;color:var(--text-primary);font-size:.9rem;line-height:1.6}.profile-text p{margin:0 0 .5rem}.profile-text p:last-child{margin-bottom:0}.section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,255,65,.3)}.section-title{font-family:monospace;font-size:.9rem;color:var(--cyber-green);margin:0 0 .75rem;font-weight:400}.section-content{padding-left:.5rem}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.work-card-link{text-decoration:none;color:inherit;display:block}.work-card{border:1px solid rgba(0,255,65,.3);background:#0000004d;transition:all .3s ease;overflow:hidden}.work-card-link:hover .work-card{border-color:var(--cyber-green);box-shadow:0 0 15px #00ff414d;transform:translateY(-2px)}.work-thumbnail{width:100%;max-height:250px;aspect-ratio:16 / 9;object-fit:contain;object-position:center;display:block;border-bottom:1px solid rgba(0,255,65,.3);background:#00000080;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;image-rendering:crisp-edges;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);backface-visibility:hidden}.work-info{padding:1rem}.work-title{font-family:monospace;font-size:.9rem;color:var(--cyber-cyan);margin:0 0 .5rem;font-weight:400}.work-description{font-family:monospace;font-size:.8rem;color:var(--text-primary);line-height:1.5;margin:0;opacity:.9}.skills-list{display:flex;flex-direction:column;gap:.75rem}.skill-item{display:flex;flex-direction:column;gap:.3rem}.skill-header{display:flex;justify-content:space-between;align-items:center;font-family:monospace;font-size:.85rem}.skill-name{color:var(--cyber-cyan);text-shadow:0 0 5px var(--cyber-cyan)}.skill-percentage{color:var(--cyber-green);font-weight:700}.skill-bar-container{height:8px;background:#00000080;border:1px solid rgba(0,255,65,.3);border-radius:2px;overflow:hidden;position:relative}.skill-bar-fill{height:100%;background:linear-gradient(90deg,var(--cyber-green) 0%,var(--cyber-cyan) 100%);box-shadow:0 0 10px #00ff4180,inset 0 0 10px #00ffff4d;width:0;animation:fillBar 1.5s ease-out forwards;animation-delay:.2s}@keyframes fillBar{0%{width:0;opacity:0}to{width:var(--skill-percentage);opacity:1}}.skill-bar-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite;animation-delay:1.5s}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.footer{margin-top:auto;padding-top:2rem}.footer-box{border:2px solid var(--cyber-green);box-shadow:0 0 10px #00ff414d,inset 0 0 20px #00ff411a;padding:1rem 1.5rem;text-align:center}.footer-text{font-family:monospace;color:var(--cyber-green);margin:0 0 .5rem;font-size:.9rem}.footer-tech{font-family:monospace;color:var(--cyber-green);margin:0;font-size:.85rem;opacity:.7}@media(max-width:768px){.container{padding:.5rem}.site-title-box{padding:1.5rem 1rem}.site-title{font-size:1.2rem}.terminal-body{font-size:.75rem;padding:.75rem}.footer-box{padding:1rem}.footer-text,.footer-tech{font-size:.75rem}.profile-section{flex-direction:column;align-items:center}.profile-image{width:100px;height:100px}.profile-text{text-align:center}.works-grid{grid-template-columns:1fr}}@media(max-width:480px){.site-title{font-size:1rem}.footer-text,.footer-tech{font-size:.7rem}}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;margin-top:15px;padding:0 10px}.link-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;background:#00ff000d;border:2px solid rgba(0,255,0,.3);border-radius:8px;text-decoration:none;color:var(--neon-green);transition:all .3s ease;cursor:pointer;overflow:hidden;aspect-ratio:1}.link-card:hover{background:#00ff001a;border-color:var(--neon-green);box-shadow:0 0 10px #00ff004d,0 0 20px #0f03,inset 0 0 20px #00ff001a;transform:translateY(-4px)}.link-icon-container{width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:relative}.link-icon-svg{width:100%;height:100%;color:var(--neon-green);filter:drop-shadow(0 0 3px rgba(0,255,0,.5));transition:all .3s ease}.link-card:hover .link-icon-svg{filter:drop-shadow(0 0 8px rgba(0,255,0,.8));transform:scale(1.1)}.link-service-name{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,monospace;text-shadow:0 0 5px rgba(0,255,0,.5);transition:all .3s ease}.link-card:hover .link-service-name{text-shadow:0 0 10px rgba(0,255,0,.8)}.link-card:before,.link-card:after{content:"";position:absolute;inset:0;background:inherit;opacity:0;pointer-events:none}.link-card:hover:before{animation:glitch-1 .3s infinite;opacity:.8}.link-card:hover:after{animation:glitch-2 .3s infinite reverse;opacity:.8}@keyframes glitch-1{0%{transform:translate(0);filter:hue-rotate(0deg)}20%{transform:translate(-2px,2px);filter:hue-rotate(-30deg)}40%{transform:translate(-2px,-2px);filter:hue-rotate(30deg)}60%{transform:translate(2px,2px);filter:hue-rotate(-30deg)}80%{transform:translate(2px,-2px);filter:hue-rotate(30deg)}to{transform:translate(0);filter:hue-rotate(0deg)}}@keyframes glitch-2{0%{transform:translate(0);filter:hue-rotate(0deg)}20%{transform:translate(2px,-2px);filter:hue-rotate(60deg)}40%{transform:translate(2px,2px);filter:hue-rotate(-60deg)}60%{transform:translate(-2px,-2px);filter:hue-rotate(60deg)}80%{transform:translate(-2px,2px);filter:hue-rotate(-60deg)}to{transform:translate(0);filter:hue-rotate(0deg)}}.link-card:hover:before{background:linear-gradient(transparent 0%,rgba(0,255,0,.1) 50%,transparent 100%);animation:glitch-1 .3s infinite,scanline 2s linear infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.link-card:hover .link-service-name{position:relative}.link-card:hover .link-service-name:before,.link-card:hover .link-service-name:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.link-card:hover .link-service-name:before{animation:glitch-text-1 .3s infinite;color:#ff0000b3;z-index:-1}.link-card:hover .link-service-name:after{animation:glitch-text-2 .3s infinite reverse;color:#00ffffb3;z-index:-2}@keyframes glitch-text-1{0%,to{transform:translate(0)}33%{transform:translate(-2px)}66%{transform:translate(2px)}}@keyframes glitch-text-2{0%,to{transform:translate(0)}33%{transform:translate(2px)}66%{transform:translate(-2px)}}@media(max-width:768px){.links-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px}.link-card{padding:20px 12px}.link-icon-container{width:40px;height:40px}.link-service-name{font-size:.8rem}}@media(max-width:480px){.links-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px}.link-card{padding:16px 8px;gap:8px}.link-icon-container{width:32px;height:32px}.link-service-name{font-size:.7rem}}:root{--bg-black: #000000;--cyber-green: #00ff41;--cyber-cyan: #00ffff;--cyber-magenta: #ff00ff;--text-primary: #00ff41}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;width:100%;min-height:100vh;background-color:var(--bg-black);color:var(--text-primary);font-family:monospace;overflow-x:hidden}body{background-image:repeating-linear-gradient(0deg,rgba(0,255,65,.03) 0px,transparent 1px,transparent 2px,rgba(0,255,65,.03) 3px)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-black);border-left:1px solid var(--cyber-green)}::-webkit-scrollbar-thumb{background:var(--cyber-green)}::selection{background:var(--cyber-green);color:var(--bg-black)}