:root{--bg-primary: #0a0a0f;--bg-secondary: #0f0f1a;--bg-terminal: #0c0c14;--bg-card: #111122;--text-primary: #e0e0e8;--text-secondary: #8888aa;--text-dim: #444466;--accent-green: #00ff41;--accent-cyan: #00d4ff;--accent-magenta: #ff006e;--accent-amber: #ffbe0b;--accent-purple: #bd00ff;--accent-red: #ff3333;--glow-green: rgba(0, 255, 65, .4);--glow-cyan: rgba(0, 212, 255, .4);--glow-magenta: rgba(255, 0, 110, .4);--terminal-border: #1a1a3e;--terminal-header-bg: #161628;--font-mono: "Fira Code", "Courier New", monospace;--font-display: "Orbitron", sans-serif;--font-body: "Space Grotesk", sans-serif;--nav-dot-size: 12px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}::selection{background:var(--accent-green);color:var(--bg-primary)}html{font-size:16px;scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);overflow:hidden;cursor:none}a{color:var(--accent-cyan);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-green)}.scanlines:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:10000}.scanlines:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:9999}#matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.06;pointer-events:none}#cursor-dot{position:fixed;width:6px;height:6px;background:var(--accent-green);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .15s,height .15s,background .15s;box-shadow:0 0 10px var(--glow-green),0 0 20px var(--glow-green)}#cursor-ring{position:fixed;width:36px;height:36px;border:1.5px solid var(--accent-green);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:width .25s ease,height .25s ease,border-color .25s ease,opacity .25s ease;opacity:.5}body:hover #cursor-dot,body:hover #cursor-ring{opacity:1}.cursor-hover #cursor-dot{width:14px;height:14px;background:var(--accent-cyan);box-shadow:0 0 15px var(--glow-cyan),0 0 30px var(--glow-cyan)}.cursor-hover #cursor-ring{width:50px;height:50px;border-color:var(--accent-cyan);opacity:.3}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:50000;transition:opacity .8s ease,visibility .8s ease}#preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-terminal{width:min(600px,90vw);border:1px solid var(--terminal-border);border-radius:8px;overflow:hidden;box-shadow:0 0 40px #00ff4114}.preloader-terminal .terminal-body{height:300px;padding:20px;font-size:.85rem;overflow:hidden}.terminal-header{background:var(--terminal-header-bg);padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--terminal-border)}.terminal-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{margin-left:10px;font-size:.75rem;color:var(--text-secondary);font-family:var(--font-mono)}.terminal-body{background:var(--bg-terminal);padding:20px 24px;font-size:.9rem;line-height:1.7;color:var(--text-primary)}.terminal-line{opacity:0;transform:translateY(5px)}.terminal-line.visible{opacity:1;transform:translateY(0)}.prompt-mini{color:var(--accent-green);margin-right:8px;font-weight:600}#nav-dots{position:fixed;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:9000;opacity:0;transition:opacity .5s ease}#nav-dots.visible{opacity:1}.nav-dot{background:none;border:none;cursor:none;display:flex;align-items:center;gap:12px;flex-direction:row-reverse;padding:4px;position:relative}.nav-dot .dot{width:var(--nav-dot-size);height:var(--nav-dot-size);border:2px solid var(--text-dim);border-radius:50%;transition:all .3s ease;position:relative}.nav-dot .dot:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--accent-green);border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.nav-dot.active .dot{border-color:var(--accent-green);box-shadow:0 0 10px var(--glow-green)}.nav-dot.active .dot:after{width:6px;height:6px}.nav-label{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);opacity:0;transform:translate(10px);transition:all .3s ease;white-space:nowrap;pointer-events:none}.nav-dot:hover .nav-label{opacity:1;transform:translate(0);color:var(--accent-green)}.nav-dot:hover .dot{border-color:var(--accent-green)}#section-indicator{position:fixed;top:20px;left:30px;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);z-index:9000;opacity:0;transition:opacity .5s ease}#section-indicator.visible{opacity:1}.prompt{color:var(--accent-cyan)}.path{color:var(--accent-amber)}.cursor-blink{animation:blink 1s step-end infinite;color:var(--accent-green);font-size:.9em}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#scroll-indicator{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:9000;opacity:0;transition:opacity .5s ease;cursor:none}#scroll-indicator.visible{opacity:1}.scroll-indicator-inner{display:flex;flex-direction:column;align-items:center;gap:6px;transition:opacity .3s ease}.scroll-indicator-inner.hidden{display:none}.scroll-indicator-text{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);letter-spacing:3px;text-transform:uppercase}.scroll-indicator-arrow{color:var(--accent-green);animation:bounceDown 2s infinite;line-height:0}.scroll-indicator-arrow.up{animation:bounceUp 2s infinite}@keyframes bounceDown{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}@keyframes bounceUp{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}#viewport{width:100%;height:100vh;height:100dvh;height:calc(var(--vh, 1vh) * 100);overflow:hidden;position:relative;z-index:1}#wrapper{width:100%;will-change:transform}.page{width:100%;height:100vh;height:100dvh;height:calc(var(--vh, 1vh) * 100);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.page.scrollable-page{align-items:flex-start;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.page.scrollable-page::-webkit-scrollbar{width:4px}.page.scrollable-page::-webkit-scrollbar-track{background:var(--bg-primary)}.page.scrollable-page::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:2px;box-shadow:0 0 6px var(--glow-green)}.page.scrollable-page{scrollbar-width:thin;scrollbar-color:var(--accent-green) var(--bg-primary)}.page-content{width:min(1200px,90vw);max-height:90vh;padding:20px;position:relative;z-index:2}.scrollable-page .page-content{max-height:none;padding-top:60px;padding-bottom:80px}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:40px}.prompt-symbol{font-size:1.5rem;color:var(--accent-green);font-weight:700}.section-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:var(--text-primary);letter-spacing:2px;text-transform:uppercase}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{animation:glitch-1 3s infinite linear alternate-reverse;color:var(--accent-magenta);z-index:-1}.glitch:after{animation:glitch-2 3s infinite linear alternate-reverse;color:var(--accent-cyan);z-index:-1}@keyframes glitch-1{0%,80%{clip-path:inset(0 0 100% 0);transform:translate(0)}82%{clip-path:inset(20% 0 60% 0);transform:translate(-3px,1px)}84%{clip-path:inset(50% 0 30% 0);transform:translate(3px,-1px)}86%{clip-path:inset(10% 0 70% 0);transform:translate(-2px,2px)}88%,to{clip-path:inset(0 0 100% 0);transform:translate(0)}}@keyframes glitch-2{0%,85%{clip-path:inset(100% 0 0 0);transform:translate(0)}87%{clip-path:inset(60% 0 20% 0);transform:translate(3px,-2px)}89%{clip-path:inset(30% 0 50% 0);transform:translate(-3px,1px)}91%{clip-path:inset(70% 0 10% 0);transform:translate(2px,-1px)}93%,to{clip-path:inset(100% 0 0 0);transform:translate(0)}}.hero-container{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.hero-name{font-family:var(--font-display);font-size:clamp(3rem,10vw,8rem);font-weight:900;letter-spacing:8px;color:var(--text-primary);opacity:0;text-shadow:0 0 20px rgba(255,255,255,.1),0 0 40px rgba(0,255,65,.1)}.hero-name .glitch-text{position:relative}.hero-titles{font-family:var(--font-mono);font-size:clamp(.9rem,2vw,1.3rem);color:var(--accent-green);height:30px;display:flex;align-items:center;gap:2px;opacity:0}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px}.tag{font-family:var(--font-mono);font-size:.75rem;padding:6px 16px;border:1px solid var(--terminal-border);border-radius:4px;color:var(--text-secondary);background:#ffffff05;opacity:0;transform:translateY(20px);transition:all .3s ease}.tag:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00d4ff0d;box-shadow:0 0 15px #00d4ff1a;transform:translateY(-2px)}.hero-status{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-dim);opacity:0;margin-top:10px}.status-dot{width:8px;height:8px;background:var(--accent-green);border-radius:50%;animation:pulse-dot 2s infinite;box-shadow:0 0 10px var(--glow-green)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}.about-terminal{border:1px solid var(--terminal-border);border-radius:8px;overflow:hidden;box-shadow:0 0 30px #00d4ff0d;opacity:0;transform:translate(-40px)}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-card{background:var(--bg-card);border:1px solid var(--terminal-border);border-radius:8px;padding:24px;text-align:center;opacity:0;transform:translateY(30px);transition:all .3s ease}.stat-card:hover{border-color:var(--accent-cyan);box-shadow:0 0 20px #00d4ff1a;transform:translateY(-4px)!important}.stat-number{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--accent-green);text-shadow:0 0 20px var(--glow-green)}.stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:8px;letter-spacing:1px}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.skill-category{background:var(--bg-card);border:1px solid var(--terminal-border);border-radius:8px;padding:24px;opacity:0;transform:translateY(40px);transition:border-color .3s ease}.skill-category:hover{border-color:var(--accent-purple)}.skill-category-title{font-family:var(--font-mono);font-size:.9rem;color:var(--accent-cyan);margin-bottom:20px;font-weight:600}.bracket{color:var(--accent-magenta)}.skill-items{display:flex;flex-direction:column;gap:14px}.skill-item{display:flex;align-items:center;gap:12px}.skill-name{font-size:.8rem;color:var(--text-secondary);min-width:160px;font-weight:400}.skill-bar{flex:1;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden;position:relative}.skill-fill{height:100%;width:0%;border-radius:3px;position:relative;transition:width 0s}.skill-category:nth-child(1) .skill-fill{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-green));box-shadow:0 0 10px var(--glow-cyan)}.skill-category:nth-child(2) .skill-fill{background:linear-gradient(90deg,var(--accent-amber),var(--accent-magenta));box-shadow:0 0 10px #ffbe0b4d}.skill-category:nth-child(3) .skill-fill{background:linear-gradient(90deg,var(--accent-magenta),var(--accent-purple));box-shadow:0 0 10px var(--glow-magenta)}.skill-category:nth-child(4) .skill-fill{background:linear-gradient(90deg,var(--accent-green),var(--accent-cyan));box-shadow:0 0 10px var(--glow-green)}.timeline{position:relative;max-width:900px;margin:0 auto;padding:0 20px}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--terminal-border);transform:translate(-50%)}.timeline-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(180deg,var(--accent-green),var(--accent-cyan),var(--accent-magenta));transition:height 0s}.timeline-entry{position:relative;width:50%;padding:0 30px 40px;opacity:0}.timeline-entry[data-side=right]{margin-left:50%;transform:translate(40px)}.timeline-entry[data-side=left]{text-align:right;transform:translate(-40px)}.timeline-dot{position:absolute;width:14px;height:14px;background:var(--bg-primary);border:2px solid var(--accent-green);border-radius:50%;top:4px;z-index:2;box-shadow:0 0 10px var(--glow-green)}.timeline-entry[data-side=right] .timeline-dot{left:-7px}.timeline-entry[data-side=left] .timeline-dot{right:-7px}.timeline-card{background:var(--bg-card);border:1px solid var(--terminal-border);border-radius:8px;padding:24px;transition:all .3s ease}.timeline-card:hover{border-color:var(--accent-cyan);box-shadow:0 0 20px #00d4ff1a;transform:translateY(-4px)}.timeline-date{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-green);margin-bottom:8px;letter-spacing:1px}.timeline-role{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px;letter-spacing:1px}.timeline-company{font-size:.8rem;color:var(--accent-cyan);margin-bottom:12px;font-style:italic}.timeline-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.6;margin-bottom:12px;font-family:var(--font-body)}.timeline-tags{display:flex;flex-wrap:wrap;gap:6px}.timeline-entry[data-side=left] .timeline-tags{justify-content:flex-end}.timeline-tags span{font-size:.65rem;padding:3px 10px;border:1px solid var(--terminal-border);border-radius:3px;color:var(--text-dim);font-family:var(--font-mono)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{border:1px solid var(--terminal-border);border-radius:8px;overflow:hidden;opacity:0;transform:scale(.9) translateY(30px);transition:all .3s ease}.project-card:hover{border-color:var(--accent-magenta);box-shadow:0 0 30px #ff006e1a;transform:scale(1) translateY(-4px)!important}.project-card .terminal-header{background:var(--terminal-header-bg)}.project-body{background:var(--bg-card);padding:20px 24px}.project-name{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:10px;letter-spacing:1px}.project-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;font-family:var(--font-body)}.project-tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.project-tech span{font-size:.65rem;padding:3px 10px;border:1px solid var(--accent-cyan);border-radius:3px;color:var(--accent-cyan);font-family:var(--font-mono);background:#00d4ff0d}.project-stats{display:flex;gap:16px;font-size:.75rem;color:var(--text-dim)}.stat-icon{margin-right:4px}.contact-container{display:flex;flex-direction:column;gap:40px;max-width:700px;margin:0 auto}.contact-terminal{border:1px solid var(--terminal-border);border-radius:8px;overflow:hidden;opacity:0;transform:translateY(30px)}.contact-big-text{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.3;letter-spacing:2px;margin-top:10px}.accent-green{color:var(--accent-green);text-shadow:0 0 20px var(--glow-green)}.contact-links{display:flex;flex-direction:column;gap:12px}.contact-link{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--bg-card);border:1px solid var(--terminal-border);border-radius:8px;color:var(--text-secondary);font-family:var(--font-mono);font-size:.9rem;opacity:0;transform:translate(-30px);transition:all .3s ease}.contact-link:hover{border-color:var(--accent-green);background:#00ff4108;color:var(--accent-green);transform:translate(8px)!important;box-shadow:0 0 20px #00ff4114}.link-icon{font-size:1.2rem}.link-text{flex:1}.link-arrow{font-size:1.2rem;opacity:0;transform:translate(-10px);transition:all .3s ease}.contact-link:hover .link-arrow{opacity:1;transform:translate(0)}.contact-footer{text-align:center;opacity:0;padding:20px 0 10px;border-top:1px solid var(--terminal-border)}.footer-line{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);line-height:1.8}.footer-line.dim{font-size:.7rem;color:var(--text-dim)}.page-transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:8000;pointer-events:none;display:flex}.transition-bar{flex:1;background:var(--accent-green);transform:scaleY(0);transform-origin:bottom}@media(max-width:1024px){.about-grid{grid-template-columns:1fr;gap:30px}.skills-grid{gap:20px}.skill-name{min-width:120px}}@media(max-width:768px){body{cursor:auto}#cursor-dot,#cursor-ring{display:none}.page{align-items:flex-start;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.page-content{width:92vw;padding:50px 15px 100px;max-height:none;flex-shrink:0}#hero{align-items:center;justify-content:center}#hero .page-content{padding-top:15px;padding-bottom:30px;flex-shrink:1}#contact{align-items:center;justify-content:center}#contact .page-content{padding-top:15px;padding-bottom:30px;flex-shrink:1}#nav-dots{right:10px;gap:12px}.nav-dot .dot{width:10px;height:10px}.nav-label{display:none}#section-indicator{left:10px;top:12px;font-size:.65rem}#scroll-indicator{bottom:16px}.scroll-indicator-text{font-size:.55rem}.section-header{margin-bottom:20px}.section-title{font-size:clamp(1rem,5vw,1.5rem);word-break:break-word}.prompt-symbol{font-size:1.2rem}.hero-name{font-size:clamp(2rem,9vw,4rem);letter-spacing:2px}.hero-titles{font-size:clamp(.7rem,2.5vw,1rem)}.hero-tags{gap:8px}.tag{font-size:.65rem;padding:4px 10px}.hero-status{font-size:.7rem}.about-terminal .terminal-body{padding:14px 16px;font-size:.78rem;line-height:1.5}.about-stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:16px 12px}.stat-number{font-size:1.6rem}.stat-label{font-size:.65rem}.skills-grid{grid-template-columns:1fr;gap:16px}.skill-category{padding:16px}.skill-category-title{font-size:.8rem;margin-bottom:14px}.skill-name{min-width:100px;font-size:.7rem}.skill-bar{height:5px}.timeline{padding:0}.timeline-line{left:14px;transform:none}.timeline-entry{width:100%;padding-left:36px;padding-right:8px;padding-bottom:20px}.timeline-entry[data-side=right],.timeline-entry[data-side=left]{margin-left:0;text-align:left;transform:translate(30px)}.timeline-entry[data-side=left] .timeline-tags{justify-content:flex-start}.timeline-entry[data-side=right] .timeline-dot,.timeline-entry[data-side=left] .timeline-dot{left:9px;right:auto;width:10px;height:10px}.timeline-card{padding:16px}.timeline-role{font-size:.9rem}.timeline-company{font-size:.7rem}.timeline-desc{font-size:.72rem;line-height:1.5}.timeline-tags span{font-size:.6rem;padding:2px 7px}.projects-grid{grid-template-columns:1fr;gap:16px}.project-body{padding:14px 16px}.project-name{font-size:.85rem}.project-desc{font-size:.72rem;line-height:1.5}.project-tech span{font-size:.58rem;padding:2px 7px}.project-stats{font-size:.65rem;gap:10px}.contact-big-text{font-size:clamp(1.1rem,4vw,1.5rem);letter-spacing:1px}.contact-link{padding:12px 16px;gap:12px;font-size:.75rem}.link-icon{font-size:1rem}.contact-footer{padding:14px 0 6px}.footer-line{font-size:.7rem}.footer-line.dim{font-size:.6rem}.terminal-header{padding:8px 12px}.terminal-dot{width:10px;height:10px}.terminal-title{font-size:.65rem}}@media(max-width:380px){.hero-name{font-size:clamp(1.6rem,9vw,2.5rem);letter-spacing:1px}.about-stats{grid-template-columns:1fr}.stat-card{padding:12px 10px}.stat-number{font-size:1.4rem}.skill-name{min-width:80px;font-size:.65rem}.contact-link .link-text{font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.hidden{opacity:0!important;visibility:hidden!important}.scroll-indicator-inner.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3{text-rendering:optimizeLegibility}::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}