*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}:root{--fp-bright-green:#00ff88;--fp-green:#00cc77;--fp-dim-green:#338855;--fp-glow-green:rgba(0, 255, 136, 0.5)}a:visited{color:inherit}.contact-link:visited{color:var(--fp-bright-green)}.tag:visited{color:var(--fp-bright-green)}.project-item a:visited,.project-item a:visited h3{color:var(--fp-bright-green)}body{font-family:var(--font-mono);background:#050508;color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:20px}body>.scanlines{display:none}.crt-monitor{width:100%;height:100%;max-width:1400px;max-height:95vh;position:relative;display:flex;flex-direction:column;background:var(--bg-dark);border:4px solid var(--metal-dark);border-radius:8px;box-shadow:inset 0 2px 0 var(--metal-mid),inset 0 -2px 0 var(--border-outer),0 0 0 2px var(--border-outer),0 0 0 6px var(--metal-dark),0 0 0 8px var(--metal-mid),0 10px 40px rgba(0,0,0,.8),0 0 100px rgba(0,80,60,.15);overflow:hidden}.crt-monitor::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:8px solid transparent;border-image:linear-gradient( 135deg,var(--metal-light) 0%,var(--metal-dark) 25%,var(--metal-mid) 50%,var(--metal-dark) 75%,var(--metal-light) 100% )1;pointer-events:none;z-index:100}.crt-monitor::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 100px rgba(0,200,150,5%),inset 0 0 200px rgba(0,0,0,.3);pointer-events:none;z-index:50;border-radius:4px}.crt-screen{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,rgba(0,30,20,.3) 0%,transparent 70%),linear-gradient(180deg,rgba(10,15,12,.8) 0%,rgba(5,10,8,.85) 100%),url(/assets/panel-bg.webp);background-size:cover;background-position:50%}.crt-screen::before{content:'';position:absolute;top:15px;left:15px;right:15px;bottom:15px;pointer-events:none;z-index:5;background:repeating-linear-gradient( 0,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px );opacity:.4;border-radius:2px}.crt-screen::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient( to bottom,transparent,rgba(0,255,150,.1),transparent );animation:screen-scanline 4s linear infinite;pointer-events:none;z-index:1001}@keyframes screen-scanline{0%{top:-10px}100%{top:100%}}.crt-monitor>.corner{position:absolute;z-index:200;pointer-events:none;background-size:contain;background-repeat:no-repeat}.crt-monitor>.corner-tl{top:-4px;left:-4px;width:50px;height:46px;background-image:url(/assets/window-tl.png);background-size:contain}.crt-monitor>.corner-tr{top:-4px;right:-4px;width:50px;height:46px;background-image:url(/assets/window-tr.png);background-size:contain}.crt-monitor>.corner-bl{bottom:-4px;left:-4px;width:50px;height:52px;background-image:url(/assets/window-bl.png);background-size:contain}.crt-monitor>.corner-br{bottom:-4px;right:-4px;width:50px;height:52px;background-image:url(/assets/window-br.png);background-size:contain}.crt-monitor>.edge{position:absolute;background-image:url(/assets/window-side.png);background-repeat:repeat;z-index:150;pointer-events:none}.crt-monitor>.edge-top{top:-3px;left:46px;right:46px;height:12px;background-size:32px 32px}.crt-monitor>.edge-bottom{bottom:-4px;left:46px;right:46px;height:18px;background-size:32px 32px}.crt-monitor>.edge-bottom::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,.4));pointer-events:none}.crt-monitor>.edge-left{top:42px;bottom:48px;left:-3px;width:12px;background-size:32px 32px}.crt-monitor>.edge-right{top:42px;bottom:48px;right:-4px;width:14px;background-size:32px 32px}.crt-monitor>.edge-right::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,rgba(0,0,0,.2),rgba(0,0,0,.4));pointer-events:none}.crt-header{padding:2rem 3rem;margin:15px 15px 0;text-align:center;position:relative;z-index:1200;flex-shrink:0;border:none}.crt-screen hr{border:none;height:1px;background:var(--accent-green);margin:0 15px;position:relative;z-index:1200;box-shadow:0 0 5px rgba(0,204,119,.5),0 0 10px rgba(0,204,119,.3),0 0 20px rgba(0,204,119,.2)}.crt-screen hr.header-divider{margin-bottom:20px}.crt-screen hr.footer-divider{margin-top:20px}.crt-header::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--metal-dark) 0%,var(--metal-mid) 20%,var(--metal-light) 50%,var(--metal-mid) 80%,var(--metal-dark) 100% )}.crt-header h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary);text-shadow:0 0 10px var(--glow-cyan),0 0 20px var(--glow-cyan),0 0 40px var(--glow-cyan),2px 2px 0 var(--bg-dark);margin-bottom:.5rem}.crt-header .subtitle{font-family:var(--font-mono);font-size:clamp(.85rem,2vw,1.1rem);color:var(--accent-cyan);letter-spacing:.25em;text-transform:uppercase;text-shadow:0 0 5px var(--accent-cyan),0 0 10px var(--accent-cyan),0 0 20px var(--glow-cyan),0 0 30px var(--glow-cyan)}.crt-header .status-bar{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:space-between;padding:0 50px;font-size:.7rem;font-family:var(--font-mono);z-index:15}.crt-header .status-left{color:var(--accent-green);opacity:.8;text-shadow:0 0 4px var(--accent-green),0 0 8px var(--glow-green)}.crt-header .status-right{color:var(--accent-cyan);opacity:.8;text-shadow:0 0 4px var(--accent-cyan),0 0 8px var(--glow-cyan)}.crt-content-wrapper{flex:1;position:relative;margin:0 30px 15px 15px;overflow:hidden;z-index:1100}.crt-content{height:100%;overflow-y:scroll;overflow-x:hidden;padding:1.5rem;padding-right:2rem;margin-right:-50px;padding-right:calc(2rem + 50px);position:relative;border:none;background:0 0;scrollbar-width:none;-ms-overflow-style:none}.crt-content::-webkit-scrollbar{display:none}.custom-scrollbar{position:absolute;top:5px;right:5px;bottom:5px;width:16px;background:rgba(0,15,10,.9);border:1px solid rgba(0,255,128,.4);z-index:1200}.custom-scrollbar-thumb{position:absolute;top:0;left:1px;right:1px;width:12px;background:rgba(0,255,128,.3);border:1px solid #0c7;cursor:pointer;box-shadow:0 0 10px rgba(0,255,128,.4),0 0 20px rgba(0,255,128,.2),inset 0 0 10px rgba(0,255,128,.2)}.custom-scrollbar-thumb:hover{background:rgba(0,255,128,.5);box-shadow:0 0 15px rgba(0,255,128,.6),0 0 25px rgba(0,255,128,.3),inset 0 0 15px rgba(0,255,128,.3)}.crt-content .grid{max-width:1200px;margin:0 auto}.crt-footer{background:0 0;padding:.75rem 2rem;margin:0 15px 15px;color:var(--text-dim);font-size:.75rem;position:relative;z-index:10;flex-shrink:0;border:none;display:flex;justify-content:space-between;align-items:center}.crt-footer .footer-left{text-align:left;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:1rem;color:var(--accent-green);opacity:.7}.crt-footer .footer-center{text-align:center;display:flex;align-items:center;gap:.5rem;color:var(--accent-cyan)}.crt-footer .footer-right{text-align:right;flex:1;padding-left:1rem;color:var(--accent-green);opacity:.7}.crt-footer::before{display:none}.crt-vignette{position:absolute;top:15px;left:15px;right:15px;bottom:15px;pointer-events:none;background:linear-gradient(180deg,rgba(10,15,12,.85) 0%,rgba(5,10,8,.9) 100%),url(/assets/panel-bg.webp);z-index:1;border-radius:2px;box-shadow:inset 0 0 50px rgba(0,0,0,.5),inset 0 0 100px rgba(0,0,0,.3),inset 0 0 150px rgba(0,0,0,.2),inset 0 0 30px rgba(0,204,119,5%)}.crt-content .panel{margin-bottom:1.5rem;border:1px solid var(--accent-green);box-shadow:0 0 5px rgba(0,204,119,.3),0 0 10px rgba(0,204,119,.2),0 0 20px rgba(0,204,119,.1);border-radius:2px}.crt-content .panel::before{display:none}.crt-content .panel .panel-scanline,.crt-content .panel .panel-scanline::before,.crt-content .panel .panel-scanline::after{display:none}.crt-content .panel:hover{border-color:#0f8;box-shadow:0 0 8px rgba(0,255,136,.4),0 0 15px rgba(0,255,136,.3),0 0 30px rgba(0,255,136,.15)}.crt-content .panel .corner,.crt-content .panel .edge{display:none}.crt-content .panel::after{display:none}.crt-content .panel-title{padding:1.25rem 1.5rem 1rem;border-bottom:1px solid rgba(0,204,119,.4)}.crt-content .panel-content{padding:1.25rem 1.5rem 1.5rem}.crt-content .container{padding:0;max-width:none}@media(max-width:768px){body{padding:10px}.crt-monitor{border-radius:4px}.crt-header{padding:1.5rem 1rem}.crt-header .status-bar{padding:0 20px;font-size:.6rem}.crt-content{padding:1rem}.crt-corner{display:none}}@keyframes crt-flicker{0%{opacity:1}5%{opacity:.95}10%{opacity:1}15%{opacity:.98}20%{opacity:1}100%{opacity:1}}.crt-screen{animation:crt-flicker .15s infinite}.crt-header h1{color:var(--fp-bright-green);text-shadow:0 0 10px var(--fp-glow-green),0 0 20px var(--fp-glow-green),0 0 40px var(--fp-glow-green),2px 2px 0 var(--bg-dark)}.crt-header .subtitle{color:var(--fp-bright-green);text-shadow:0 0 5px var(--fp-bright-green),0 0 10px var(--fp-bright-green),0 0 20px var(--fp-glow-green),0 0 30px var(--fp-glow-green)}.crt-header .status-left,.crt-header .status-right{color:var(--fp-bright-green);text-shadow:0 0 4px var(--fp-bright-green),0 0 8px var(--fp-glow-green)}.crt-content .panel-title{color:var(--fp-bright-green);text-shadow:0 0 10px var(--fp-glow-green)}.crt-content .panel-title a{color:inherit;text-decoration:none}.crt-content .panel-title a:hover{text-shadow:0 0 15px var(--fp-glow-green),0 0 25px var(--fp-glow-green)}.crt-content .panel-content,.crt-content .panel-content p,.crt-content .panel-content li,.crt-content .exp-role,.crt-content .about-list li{color:var(--fp-green)}.crt-content .exp-desc,.crt-content .project-item p,.crt-footer{color:var(--fp-dim-green)}.crt-content .exp-company,.crt-content .project-item h3{color:var(--fp-bright-green);text-shadow:0 0 8px var(--fp-glow-green)}.crt-content .project-item a{color:var(--fp-bright-green);text-decoration:none}.crt-content .project-item a:hover{text-shadow:0 0 10px var(--fp-glow-green)}.crt-content .see-more{display:inline-flex;align-items:center;margin-top:1rem;padding:.5rem 1rem;background:rgba(0,255,136,.1);border:1px solid var(--fp-bright-green);color:var(--fp-bright-green);text-decoration:none;font-size:.85rem;font-family:var(--font-mono);transition:all .2s ease}.crt-content .see-more:hover{background:rgba(0,255,136,.3);text-shadow:0 0 12px var(--fp-glow-green);box-shadow:0 0 10px var(--fp-glow-green)}.crt-content .exp-year{color:var(--fp-bright-green);text-shadow:0 0 8px var(--fp-glow-green)}.crt-content .contact-link{color:var(--fp-bright-green);border-color:var(--fp-bright-green)}.crt-content .contact-link:hover{background:rgba(0,255,136,.3);text-shadow:0 0 12px var(--fp-glow-green);box-shadow:inset 0 0 20px rgba(0,255,136,.2),0 0 15px var(--fp-glow-green)}.crt-content .tag{color:var(--fp-bright-green);border-color:var(--fp-bright-green);background:rgba(0,255,136,.1)}.crt-content .tag:hover{background:rgba(0,255,136,.3);text-shadow:0 0 12px var(--fp-glow-green)}.crt-content .icon{color:var(--fp-bright-green)}.crt-content .about-list .icon{color:var(--fp-bright-green)}.crt-footer .footer-left,.crt-footer .footer-right{color:var(--fp-bright-green);text-shadow:0 0 4px var(--fp-bright-green),0 0 8px var(--fp-glow-green)}.crt-footer .footer-center{color:var(--fp-bright-green);text-shadow:0 0 4px var(--fp-bright-green),0 0 8px var(--fp-glow-green)}.crt-content .skill-name{color:var(--fp-bright-green)}.crt-content .return-icon{color:var(--fp-bright-green);text-shadow:0 0 8px var(--fp-glow-green)}