:root{--terminal-bg:#000b00;--terminal-green:#1aff80;--terminal-green-dim:#1aff8066;--terminal-green-bright:#3f9;--terminal-glow:0 0 10px #1aff8080;--scanline-color:#1210101a;--container-width:1100px;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}html,body{width:100%;position:relative;overflow-x:hidden}body.terminal-body{background-color:var(--terminal-bg);color:var(--terminal-green);text-transform:uppercase;font-family:VT323,monospace;font-size:20px;line-height:1.4}.scanlines{background:linear-gradient(#12101000 50%, var(--scanline-color) 50%);z-index:10000;pointer-events:none;background-size:100% 4px;width:100%;height:100%;position:fixed;top:0;left:0}.refresh-line{z-index:10001;pointer-events:none;background:linear-gradient(#0000,#1aff800d,#0000);width:100%;height:100px;animation:8s linear infinite refresh-line;position:fixed;top:-100px;left:0}@keyframes refresh-line{0%{top:-100px}to{top:100vh}}.vignette{z-index:10002;pointer-events:none;background:radial-gradient(circle,#0000 50%,#0006 100%);width:100%;height:100%;position:fixed;top:0;left:0}.flicker{opacity:0;z-index:10003;pointer-events:none;background:#1aff8003;width:100%;height:100%;animation:.15s infinite flicker;position:fixed;top:0;left:0}@keyframes flicker{0%{opacity:.1}5%{opacity:.2}10%{opacity:.1}15%{opacity:.2}20%{opacity:.1}25%{opacity:.3}30%{opacity:.1}to{opacity:.1}}h1,h2,h3{letter-spacing:2px;font-family:VT323,monospace}a{color:var(--terminal-green);text-decoration:none}.btn{cursor:pointer;text-transform:uppercase;border:none;padding:.8rem 1.5rem;font-family:VT323,monospace;font-size:1.2rem;transition:all .2s steps(4,end);display:inline-block}.btn-terminal{background-color:var(--terminal-green);color:var(--terminal-bg)}.btn-terminal:hover{background-color:var(--terminal-green-bright);box-shadow:var(--terminal-glow);transform:translateY(-2px)}.btn-terminal-outline{border:2px solid var(--terminal-green);color:var(--terminal-green);background-color:#0000}.btn-terminal-outline:hover{background-color:var(--terminal-green-dim);box-shadow:var(--terminal-glow)}.lang-toggle-btn{z-index:10001;background-color:var(--terminal-bg);padding:.2rem .6rem;font-family:VT323,monospace;font-size:.8rem;position:absolute;top:1rem;right:1rem}.badge{color:var(--terminal-green-bright);margin-bottom:.5rem;font-size:.9rem}#navbar{width:var(--sidebar-width);border-right:2px solid var(--terminal-green);background-color:var(--terminal-bg);z-index:1000;height:100vh;position:fixed;top:0;left:0}#navbar .container{flex-direction:column;height:100%;padding:2rem 0;display:flex}#navbar .container:after{content:"";flex:1}.nav-top-image{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.nav-icon{filter:grayscale()sepia()hue-rotate(90deg)brightness(1.1)contrast(1.3);opacity:.9;width:100%;max-width:140px;height:auto}.terminal-header{border-bottom:1px solid var(--terminal-green-dim);flex-direction:column;gap:.5rem;margin-bottom:3rem;padding:0 1rem 1.5rem;display:flex}.logo{color:var(--terminal-green);font-size:1.8rem;font-weight:700;line-height:1.2;text-decoration:none;display:block}.logo:hover{text-shadow:var(--terminal-glow)}.header-status{color:var(--terminal-green-bright);font-size:.8rem}.nav-links{flex-direction:column;gap:1.5rem;list-style:none;display:flex}.nav-links a{color:var(--terminal-green);padding:.5rem 0 .5rem 1rem;font-size:1.5rem;text-decoration:none;transition:all .2s;display:block}.nav-links a:hover,.nav-links a.active{background-color:var(--terminal-green);color:var(--terminal-bg);box-shadow:var(--terminal-glow);padding-left:1.5rem}main,footer{margin-left:var(--sidebar-width)}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}.terminal-window{border:1px solid var(--terminal-green);background-color:#1aff8003;margin-bottom:2rem;position:relative;box-shadow:0 0 10px #00000080}.terminal-window:before,.terminal-window:after,.window-content:before,.window-content:after{content:"+";width:10px;height:10px;color:var(--terminal-green);text-align:center;z-index:2;font-weight:700;line-height:10px;position:absolute}.terminal-window:before{top:-6px;left:-3px}.terminal-window:after{top:-6px;right:-3px}.window-content:after{bottom:4px;left:-3px}.window-content:before{bottom:4px;right:-3px}.window-header{background-color:var(--terminal-green-dim);color:var(--terminal-green);border-bottom:1px solid var(--terminal-green);padding:.2rem 1rem;font-size:.9rem;font-weight:700}.window-content{padding:1.5rem;position:relative}.cursor{background-color:var(--terminal-green);vertical-align:middle;width:10px;height:1.2em;margin-left:5px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.mobile-only{display:none}section{border-bottom:1px solid var(--terminal-green-dim);flex-direction:column;justify-content:center;min-height:100vh;padding:4rem 0;display:flex}.project-card,.terminal-window,.section-title{opacity:0;transition:all .4s steps(5,end);transform:translateY(10px)}.terminal-visible{opacity:1!important;transform:translateY(0)!important}.hero{padding-bottom:0}.hero-layout{justify-content:space-between;align-items:center;gap:2rem;display:flex}.hero-text{flex:1}.hero-image{flex:0 0 200px;justify-content:center;align-items:center;display:flex}.vault-boy-gif{filter:grayscale()sepia()hue-rotate(90deg)brightness(1.1)contrast(1.3);width:100%;max-width:180px;height:auto;image-rendering:pixelated;opacity:.9;animation:4s infinite vault-boy-flicker}@keyframes vault-boy-flicker{0%,to{opacity:.8}50%{opacity:.9}52%{opacity:.5}54%{opacity:.9}}h1{text-shadow:var(--terminal-glow);margin:1rem 0;font-size:5rem;line-height:1}.subtitle{color:var(--terminal-green);max-width:600px;margin-bottom:2rem;font-size:1.5rem}.hero-cta{gap:1.5rem;display:flex}.hero-socials{flex-wrap:wrap;gap:2rem;margin-top:2rem;display:flex}.social-link{color:var(--terminal-green);font-size:1.1rem;text-decoration:none;transition:all .2s}.social-link:hover{color:var(--terminal-green-bright);text-shadow:var(--terminal-glow)}.section-title{color:var(--terminal-green-bright);margin-bottom:3rem;font-size:1.5rem}.projects-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:2rem;display:grid}.project-link{color:inherit;height:100%;text-decoration:none;transition:transform .2s;display:block}.project-card{height:100%}.project-card .terminal-window{flex-direction:column;height:100%;display:flex}.project-card .window-content{flex-direction:column;flex:1;display:flex}.project-info{flex:1}.project-link:hover .terminal-window{border-color:var(--terminal-green-bright);box-shadow:var(--terminal-glow)}.project-link:hover{transform:translateY(-5px)}.project-img{object-fit:cover;border:1px solid var(--terminal-green-dim);width:100%;height:200px;margin-bottom:1rem}.project-client{color:var(--terminal-green-bright);margin-bottom:.3rem;font-size:1.1rem;font-weight:700}.project-description{opacity:.9;font-size:1.2rem;line-height:1.3}.project-tags{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.project-tags span{border:1px solid var(--terminal-green-dim);padding:.1rem .5rem;font-size:.8rem}.hacking .terminal-window{max-width:1000px;margin:0 auto}.hacking-container{color:var(--terminal-green);background-color:#1aff8003;flex-direction:column;height:670px;padding:1.5rem;font-family:VT323,monospace;display:flex;overflow:hidden}.hacking-header{color:var(--terminal-green-bright);margin-bottom:1.5rem;font-size:1.2rem}.hacking-grid{grid-template-columns:1.5fr 1.5fr 1fr;gap:2rem;font-size:1.3rem;display:grid}.hacking-column p{margin-bottom:.2rem;transition:all .1s steps(2,end)}.hack-word{cursor:pointer}.hack-word:hover{background-color:var(--terminal-green);color:var(--terminal-bg)}.hacking-log{border-left:1px solid var(--terminal-green-dim);padding-left:1rem}.hacking-log p{margin-bottom:.1rem;font-size:1.1rem}.diff-btn.active{color:var(--terminal-bg);background-color:var(--terminal-green-bright)}.diff-btn:hover{text-shadow:var(--terminal-glow)}#hack-main-screen,#hack-success-screen{flex-direction:column;flex:1;display:flex;overflow:hidden}.success-layout{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.success-layout{grid-template-columns:1fr;gap:1.5rem}}.success-code{color:var(--terminal-green-bright);white-space:pre-wrap;height:100%;font-size:1rem;line-height:1.2;overflow-y:auto}.hacking-footer{text-align:center;border-top:1px solid var(--terminal-green-dim);margin-top:1.5rem;padding-top:1rem;font-size:1.2rem}#hack-exit-btn:hover,#hack-rules-btn:hover,#hack-rules-close-btn:hover{background-color:var(--terminal-green);color:var(--terminal-bg);text-shadow:none}.hack-rules-overlay{background-color:var(--terminal-bg);border:2px solid var(--terminal-green);z-index:100;width:80%;padding:2rem;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #000000e6}.hack-rules-overlay.active{animation:.2s steps(4,end) overlay-fade-in;display:block}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.hack-rules-overlay h3{color:var(--terminal-green-bright);border-bottom:1px solid var(--terminal-green);margin-bottom:1rem;padding-bottom:.5rem}.hack-rules-overlay ul{list-style:none}.hack-rules-overlay li{margin-bottom:.8rem;font-size:1.1rem}.blinking-cursor-line{margin-top:1rem}.dossier-layout{grid-template-columns:250px 1fr;align-items:start;gap:2rem;display:grid}.dossier-photo-container{border:1px solid var(--terminal-green-dim);background-color:#1aff800d;padding:5px;position:relative;overflow:hidden}.dossier-photo{aspect-ratio:4/5;object-fit:cover;filter:grayscale()sepia()hue-rotate(90deg)brightness(1.1)contrast(1.3);width:100%;animation:6s infinite dossier-img-glitch;display:block}@keyframes dossier-img-glitch{0%{filter:grayscale()sepia()hue-rotate(90deg)brightness(.9);transform:translate(0)}92%{filter:grayscale()sepia()hue-rotate(90deg)brightness(.9);transform:translate(0)}93%{filter:grayscale()sepia()hue-rotate(180deg)brightness(1.5);transform:translate(2px,1px)}94%{filter:grayscale()sepia()hue-rotate(90deg)brightness(1.2);transform:translate(-2px,-1px)}95%{filter:grayscale()sepia()hue-rotate(90deg)brightness(.9);transform:translate(0)}97%{filter:grayscale()sepia()hue-rotate(90deg)brightness(2)contrast(1.5);transform:translate(-5px,2px)}98%{filter:grayscale()sepia()hue-rotate(90deg)brightness(.9);transform:translate(0)}}.dossier-header-main{flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex}.dossier-data{line-height:1.6}.dossier-logo{flex:1;justify-content:center;align-items:center;min-width:150px;display:flex}.vaultec-logo{filter:grayscale()sepia()hue-rotate(90deg)brightness(1.1)contrast(1.3);opacity:.8;max-width:200px;height:auto;image-rendering:pixelated;animation:6s infinite dossier-img-glitch}.status-active{color:var(--terminal-green-bright);text-shadow:var(--terminal-glow);font-weight:700}.dossier-bio{opacity:.9;font-size:1.14rem}.skill-header{color:var(--terminal-green-bright);margin-bottom:1rem}.dossier-skills .skills-terminal{flex-direction:column;gap:.8rem;display:flex}.skill-tag{color:var(--terminal-green-bright)}.contact-layout{text-align:left;justify-content:space-between;align-items:center;gap:3rem;display:flex}.contact-info{flex:1}.contact-card h2{margin-bottom:.5rem;font-size:3rem}footer{border-top:1px solid var(--terminal-green-dim);padding:4rem 0 2rem;font-family:VT323,monospace}.footer-layout{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem;display:grid}.footer-section h3{color:var(--terminal-green-bright);border-bottom:1px solid var(--terminal-green-dim);margin-bottom:1.5rem;font-size:1.4rem;display:inline-block}.footer-links{padding:0;list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--terminal-green);text-decoration:none;transition:all .3s}.footer-links a:hover{color:var(--terminal-green-bright);text-shadow:0 0 8px var(--terminal-green-bright);padding-left:5px}.footer-bottom{text-align:center;border-top:1px dashed var(--terminal-green-dim);opacity:.8;padding-top:2rem;font-size:.9rem}@media (width<=768px){.footer-layout{text-align:center;grid-template-columns:1fr;gap:2rem}}.glitch-text{display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-2px 0 #ff00c1;clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim;left:2px}.glitch-text:after{text-shadow:-2px 0 #00fff9;clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim2;left:-2px}@keyframes glitch-anim{0%{clip:rect(31px, 9999px, 94px, 0)}20%{clip:rect(62px, 9999px, 42px, 0)}40%{clip:rect(16px, 9999px, 78px, 0)}60%{clip:rect(81px, 9999px, 13px, 0)}80%{clip:rect(54px, 9999px, 92px, 0)}to{clip:rect(4px, 9999px, 57px, 0)}}@keyframes glitch-anim2{0%{clip:rect(65px, 9999px, 100px, 0)}20%{clip:rect(10px, 9999px, 35px, 0)}40%{clip:rect(82px, 9999px, 91px, 0)}60%{clip:rect(21px, 9999px, 4px, 0)}80%{clip:rect(43px, 9999px, 66px, 0)}to{clip:rect(98px, 9999px, 12px, 0)}}@media (width<=1100px){:root{--sidebar-width:220px}h1{font-size:4rem}}@media (width<=1024px){#navbar{border-right:none;border-bottom:2px solid var(--terminal-green);flex-direction:row;justify-content:center;width:100%;height:auto;padding:1rem 2rem;position:sticky;top:0}#navbar .container{flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:100%;position:relative}#navbar .container:after{display:none}.mobile-only{cursor:pointer;margin-left:auto;padding:.5rem 1rem;font-size:1rem;display:block}.nav-links{background-color:var(--terminal-bg);border:2px solid var(--terminal-green);z-index:1000;flex-direction:column;gap:0;width:100%;display:none;position:absolute;top:100%;left:0}.nav-links.active{display:flex}.nav-links li{width:100%}.nav-links a{border-bottom:1px solid var(--terminal-green-dim);padding:1rem 2rem 1rem 1rem}.nav-links a:hover{padding-left:1.5rem}.nav-top-image{display:none}.terminal-header{border-bottom:none;flex-direction:row;align-items:center;margin-bottom:0;padding:0;display:flex}.logo{font-size:1.5rem}main,footer{margin-left:0}section{min-height:auto;padding:6rem 1rem}}@media (width<=768px){h1{font-size:3rem}.subtitle{margin-bottom:1.5rem;font-size:1.1rem}.logo{font-size:1.2rem}.header-status{display:none}.hero-cta{flex-direction:column;gap:1rem;width:100%}.btn{text-align:center;width:100%}.nav-links{gap:0;font-size:1.1rem}.projects-grid{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:0;padding-bottom:.5rem;display:flex;overflow-x:auto}.projects-grid::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;flex:0 0 100%}.carousel-dots{justify-content:center;align-items:center;gap:10px;margin-top:1.2rem}.carousel-dot{border:1px solid var(--terminal-green);cursor:pointer;background:0 0;flex-shrink:0;width:10px;height:10px;padding:0;transition:background-color .2s steps(2,end)}.carousel-dot.active{background-color:var(--terminal-green);box-shadow:var(--terminal-glow)}.carousel-dot:hover{background-color:var(--terminal-green-dim)}.contact-card h2{font-size:2.2rem}.hero-layout,.dossier-layout,.contact-layout{text-align:left;flex-direction:column;grid-template-columns:1fr;gap:2rem}.hacking-grid{grid-template-columns:1fr 1fr;gap:.8rem;font-size:.85rem}.hacking-column{display:block!important}.hacking-log{border-left:none;border-top:1px solid var(--terminal-green-dim);grid-column:span 2;min-height:80px;padding-top:1rem;padding-left:0;font-size:.9rem}.hacking-container{height:auto;min-height:600px}}@media (width<=480px){.container{padding:0 1rem}h1{font-size:2.5rem}.subtitle{font-size:1.2rem}#navbar{padding:.5rem 1rem}.terminal-header{display:flex}.header-status{display:none}.logo{font-size:1.2rem}.hacking-grid{grid-template-columns:1fr 1fr;gap:.4rem;font-size:.72rem}.hacking-column p{word-break:break-all;white-space:nowrap;overflow:visible}.hacking-log{grid-column:span 2;font-size:.8rem}}.spam-window{background-color:var(--terminal-bg);border:2px solid var(--terminal-green-bright);box-shadow:var(--terminal-glow);z-index:99999;width:300px;animation:.1s ease-out forwards spam-pop;position:fixed}.spam-header{background-color:var(--terminal-green);color:var(--terminal-bg);justify-content:space-between;align-items:center;padding:.2rem .5rem;font-weight:700;display:flex}.spam-close{cursor:pointer;background:var(--terminal-bg);color:var(--terminal-green);border:1px solid var(--terminal-bg);padding:0 .4rem;line-height:1}.spam-close:hover{color:#fff;background:red}.spam-content{text-align:center;color:var(--terminal-green-bright);padding:1rem;font-size:1.2rem}@keyframes spam-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.cli-content{scrollbar-width:thin;scrollbar-color:var(--terminal-green-dim) var(--terminal-bg);height:200px;overflow:hidden auto}.cli-content::-webkit-scrollbar{width:8px}.cli-content::-webkit-scrollbar-track{background:var(--terminal-bg)}.cli-content::-webkit-scrollbar-thumb{background:var(--terminal-green-dim);border:1px solid var(--terminal-green)}#cli-output p{word-break:break-all;margin-bottom:.5rem}@media (width<=480px){.spam-window{width:240px}}body.modal-open{overflow:hidden}.modal-overlay{z-index:50000;background-color:#000000e0;justify-content:center;align-items:center;padding:1.5rem;animation:.15s steps(3,end) forwards modal-overlay-in;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.modal-terminal{background-color:var(--terminal-bg);border:2px solid var(--terminal-green);flex-direction:column;width:100%;max-width:1400px;max-height:88vh;animation:.2s steps(4,end) forwards modal-in;display:flex;position:relative;box-shadow:0 0 40px #1aff8040,0 0 80px #000c}.modal-terminal:before,.modal-terminal:after{content:"+";width:10px;height:10px;color:var(--terminal-green);text-align:center;z-index:2;font-weight:700;line-height:10px;position:absolute}.modal-terminal:before{top:-6px;left:-3px}.modal-terminal:after{top:-6px;right:-3px}@keyframes modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:.3rem 1rem;display:flex}.modal-close-btn{border:1px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;text-transform:uppercase;background:0 0;padding:.1rem .5rem;font-family:VT323,monospace;font-size:1rem;line-height:1.4;transition:all .15s steps(2,end)}.modal-close-btn:hover{background-color:var(--terminal-green);color:var(--terminal-bg);box-shadow:var(--terminal-glow)}.modal-body{scrollbar-width:thin;scrollbar-color:var(--terminal-green-dim) var(--terminal-bg);flex:1;padding:1.5rem;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--terminal-bg)}.modal-body::-webkit-scrollbar-thumb{background:var(--terminal-green-dim);border:1px solid var(--terminal-green)}.modal-projects-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.modal-project-card{height:100%}.modal-project-card .terminal-window{flex-direction:column;height:100%;display:flex}.modal-project-card .window-content{flex-direction:column;flex:1;display:flex}.modal-project-card .project-info{flex:1}.modal-project-img{height:160px!important}.modal-identity-banner{color:var(--terminal-green-bright);opacity:.75;flex-direction:column;gap:.1rem;margin-bottom:1.5rem;padding-bottom:0;font-size:.9rem;display:flex}.modal-identity-line{line-height:1.3;display:block}.modal-identity-sep{opacity:.4;letter-spacing:1px}.projects-view-all{text-align:center;margin-top:2rem}.projects-view-all .btn{letter-spacing:1px;padding:.7rem 2rem;font-size:1.1rem;transition:all .2s steps(4,end)}.modal-footer{border-top:1px solid var(--terminal-green-dim);color:var(--terminal-green-bright);opacity:.8;flex-shrink:0;padding:.4rem 1rem;font-size:.85rem}@media (width<=900px){.modal-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.modal-terminal{max-height:92vh}.modal-projects-grid{grid-template-columns:1fr}.modal-body{padding:1rem}.modal-project-img{height:140px!important}}