@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Share+Tech+Mono&display=swap";:root{--bg-color: #0a0a0f;--primary-neon: #00ffe7;--secondary-neon: #ff00aa;--accent-yellow: #ffe600;--surface-color: #0d0d1a;--text-primary: #e0e0ff;--text-muted: #6a6a8a;--border-glow: rgba(0, 255, 231, .2);--font-display: "Orbitron", sans-serif;--font-body: "Share Tech Mono", monospace;--section-pad-y: clamp(3.5rem, 8vw, 6rem);--section-pad-x: clamp(1.25rem, 5vw, 2rem);--gap-lg: clamp(1.5rem, 4vw, 3rem)}html{scroll-behavior:smooth;font-size:clamp(14px,.85vw + 10px,18px)}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;position:relative;width:100%}img,picture,video{max-width:100%;display:block}button,input,textarea{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-neon);outline-offset:3px;box-shadow:0 0 12px var(--primary-neon)}.section-title{font-size:clamp(1.8rem,4.5vw,2.5rem);text-align:center;margin-bottom:clamp(2rem,6vw,3rem);color:var(--text-primary);text-transform:uppercase;letter-spacing:2px;position:relative;display:inline-block;left:50%;transform:translate(-50%);text-shadow:0 0 10px rgba(0,255,231,.5);white-space:nowrap}.section-container{padding:var(--section-pad-y) var(--section-pad-x);max-width:1200px;margin:0 auto;width:100%}.marquee-strip{position:relative;width:100%;overflow:hidden;border-top:1px solid var(--border-glow);border-bottom:1px solid var(--border-glow);background:var(--surface-color);padding:.9rem 0}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 22s linear infinite}.marquee-track span{display:inline-flex;align-items:center;font-family:var(--font-display);font-weight:700;font-size:clamp(1rem,2.4vw,1.4rem);letter-spacing:3px;text-transform:uppercase;color:var(--text-primary);padding:0 1.5rem;white-space:nowrap}.marquee-track span:after{content:"◆";margin-left:1.5rem;color:var(--primary-neon);font-size:.7rem}.marquee-track span:nth-child(odd){color:var(--primary-neon);text-shadow:0 0 8px rgba(0,255,231,.5)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.magnetic{transition:transform .25s cubic-bezier(.2,.8,.2,1);will-change:transform}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.magnetic{transform:none!important}}@media(max-width:420px){.section-title{letter-spacing:1px;white-space:normal}}.preloader{position:fixed;top:0;left:0;width:100vw;height:100svh;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;z-index:99999;transition:opacity .5s ease-out;padding:1rem}.preloader.fade-out{opacity:0;pointer-events:none}.scanner-line{position:absolute;top:0;left:0;width:100%;height:4px;background-color:var(--primary-neon);box-shadow:0 0 20px 5px var(--primary-neon);animation:scan 2.5s linear infinite;opacity:.7}@keyframes scan{0%{top:0%}to{top:100%}}.preloader-content{text-align:center;width:100%;max-width:500px}.system-text{color:var(--primary-neon);font-size:clamp(1rem,4vw,1.5rem);letter-spacing:4px;margin-bottom:2rem;text-shadow:0 0 10px var(--primary-neon);animation:glitch 1s infinite alternate}.progress-bar-container{width:100%;height:8px;background-color:var(--surface-color);border:1px solid var(--border-glow);border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-bar{height:100%;background-color:var(--secondary-neon);box-shadow:0 0 15px var(--secondary-neon);transition:width .2s ease-out}.percentage{color:var(--text-primary);font-size:1.2rem;font-weight:700}@keyframes glitch{0%{transform:skew(0)}5%{transform:skew(2deg);text-shadow:2px 0 var(--secondary-neon),-2px 0 var(--primary-neon)}10%{transform:skew(0);text-shadow:0 0 10px var(--primary-neon)}15%{transform:skew(-2deg);text-shadow:-2px 0 var(--secondary-neon),2px 0 var(--primary-neon)}20%{transform:skew(0);text-shadow:0 0 10px var(--primary-neon)}to{transform:skew(0);text-shadow:0 0 10px var(--primary-neon)}}.cursor-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;mix-blend-mode:screen;opacity:.98;cursor:none}.navbar{position:fixed;top:0;left:0;width:100%;padding:clamp(1rem,3vw,1.5rem) clamp(1rem,4vw,2rem);transition:all .3s ease;z-index:1000;background:transparent}.navbar.scrolled{padding:clamp(.75rem,2vw,1rem) clamp(1rem,4vw,2rem);background:#0a0a0fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-glow);box-shadow:0 4px 30px #00000080}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-display);font-size:clamp(1.1rem,2.6vw,1.5rem);font-weight:700;cursor:pointer;display:flex;align-items:center;transition:text-shadow .3s ease}.nav-logo:hover{text-shadow:0 0 10px var(--primary-neon)}.logo-brace{color:var(--secondary-neon)}.logo-text{color:var(--primary-neon)}.nav-links{display:flex;gap:clamp(1rem,2.5vw,2rem)}.nav-links li button{background:none;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:1rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease;position:relative;padding:.5rem 0}.nav-links li button:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background-color:var(--primary-neon);box-shadow:0 0 8px var(--primary-neon);transition:width .3s ease}.nav-links li button:hover{color:var(--primary-neon)}.nav-links li button:hover:after,.nav-links li button.active:after{width:100%}.nav-links li button.active{color:var(--primary-neon);text-shadow:0 0 10px rgba(0,255,231,.5)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px;padding:.5rem;margin:-.5rem}.hamburger span{width:25px;height:3px;background-color:var(--primary-neon);transition:all .3s ease;box-shadow:0 0 5px var(--primary-neon)}@media(max-width:768px){.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;flex-direction:column;background:#0d0d1af7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(75%,320px);height:100svh;padding:6rem 2rem 2rem;gap:2.5rem;align-items:center;border-left:1px solid var(--border-glow);transition:right .4s ease;overflow-y:auto}.nav-links.active{right:0}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}@media(max-width:360px){.nav-links{width:85%}}.hero-section{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.6}.hero-content{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;width:100%;gap:clamp(1.5rem,4vw,2rem);padding-top:clamp(5rem,14vw,8rem);flex-wrap:wrap}.hero-text{flex:1 1 380px;min-width:0}.greeting{color:var(--secondary-neon);font-family:var(--font-body);letter-spacing:2px;margin-bottom:1rem;font-size:clamp(.75rem,1.6vw,1rem)}.glitch-name{font-size:clamp(2rem,7vw,4.5rem);font-weight:700;color:var(--text-primary);margin-bottom:1rem;position:relative;text-shadow:0 0 10px rgba(224,224,255,.3);animation:txt-flicker 4s infinite alternate;line-height:1.05;word-break:break-word}.glitch-name:before,.glitch-name:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch-name:before{left:3px;text-shadow:-2px 0 red;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:glitch-anim-1 2.5s infinite linear alternate-reverse}.glitch-name:after{left:-3px;text-shadow:-2px 0 cyan;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation:glitch-anim-2 3s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip-path:polygon(0 15%,100% 15%,100% 25%,0 25%)}20%{clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%)}40%{clip-path:polygon(0 75%,100% 75%,100% 85%,0 85%)}60%{clip-path:polygon(0 10%,100% 10%,100% 30%,0 30%)}80%{clip-path:polygon(0 80%,100% 80%,100% 90%,0 90%)}to{clip-path:polygon(0 30%,100% 30%,100% 45%,0 45%)}}@keyframes glitch-anim-2{0%{clip-path:polygon(0 65%,100% 65%,100% 75%,0 75%)}20%{clip-path:polygon(0 85%,100% 85%,100% 95%,0 95%)}40%{clip-path:polygon(0 5%,100% 5%,100% 15%,0 15%)}60%{clip-path:polygon(0 50%,100% 50%,100% 70%,0 70%)}80%{clip-path:polygon(0 20%,100% 20%,100% 30%,0 30%)}to{clip-path:polygon(0 55%,100% 55%,100% 70%,0 70%)}}@keyframes txt-flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:1}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.8}}.typewriter-container{font-size:clamp(1rem,2.6vw,1.8rem);color:var(--primary-neon);margin-bottom:clamp(1.5rem,4vw,2.5rem);font-family:var(--font-body);text-shadow:0 0 10px rgba(0,255,231,.4);min-height:1.5em}.cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.cta-container{display:flex;gap:clamp(.75rem,2vw,1.5rem);flex-wrap:wrap}.neon-btn{display:inline-block;padding:.85rem 1.6rem;font-family:var(--font-display);font-weight:500;font-size:clamp(.85rem,1.6vw,1.1rem);text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer;background:transparent}.neon-btn.primary{color:var(--primary-neon);border:1px solid var(--primary-neon);box-shadow:0 0 10px inset #00ffe733,0 0 10px #00ffe733}.neon-btn.primary:hover{background:#00ffe71a;box-shadow:0 0 20px inset #00ffe780,0 0 20px #00ffe780;text-shadow:0 0 10px var(--primary-neon)}.neon-btn.secondary{color:var(--secondary-neon);border:1px solid var(--secondary-neon);box-shadow:0 0 10px inset #f0a3,0 0 10px #f0a3}.neon-btn.secondary:hover{background:#ff00aa1a;box-shadow:0 0 20px inset #ff00aa80,0 0 20px #ff00aa80;text-shadow:0 0 10px var(--secondary-neon)}.neon-btn:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transform:skew(-25deg);transition:.5s}.neon-btn:hover:before{left:150%}.hero-visuals{flex:1 1 260px;display:flex;justify-content:center;align-items:center;min-width:0}.profile-wrapper{position:relative;width:clamp(200px,30vw,350px);height:clamp(200px,30vw,350px);display:flex;justify-content:center;align-items:center}.energy-rings .ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:86%;height:86%;border-radius:50%;border:1px solid var(--primary-neon);opacity:0;animation:pulse-ring 3s linear infinite}.ring-1{animation-delay:0s!important}.ring-2{animation-delay:1s!important}.ring-3{animation-delay:2s!important}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.5;box-shadow:0 0 10px var(--primary-neon)}to{transform:translate(-50%,-50%) scale(1.5);opacity:0;box-shadow:0 0 30px var(--primary-neon)}}.hud-rings .hud-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:2px dashed rgba(0,255,231,.4)}.rotating-clockwise{width:100%;height:100%;margin-top:-50%;margin-left:-50%;border-top-color:var(--primary-neon);border-right-color:transparent;animation:rotate-cw 10s linear infinite}.rotating-counter{width:91%;height:91%;margin-top:-45.5%;margin-left:-45.5%;border:2px solid rgba(255,0,170,.4);border-bottom-color:var(--secondary-neon);border-left-color:transparent;animation:rotate-ccw 14s linear infinite}@keyframes rotate-cw{to{transform:rotate(360deg)}}@keyframes rotate-ccw{to{transform:rotate(-360deg)}}.image-container{width:86%;height:94%;border-radius:50%;overflow:hidden;position:relative;z-index:5;border:2px solid var(--primary-neon);box-shadow:0 0 20px #00ffe780}.profile-img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:grayscale(40%) contrast(1.2);transition:all .5s ease}.image-container:hover .profile-img{filter:grayscale(0%) contrast(1.1);transform:scale(1.1)}.img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-neon);mix-blend-mode:overlay;opacity:.3;pointer-events:none}.hero-marquee{position:relative;z-index:10;margin-top:clamp(2rem,6vw,4rem)}.scroll-cue{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.7rem;letter-spacing:3px;text-transform:uppercase;animation:scroll-cue-bob 2s ease-in-out infinite}.scroll-cue .line{width:1px;height:28px;background:linear-gradient(var(--primary-neon),transparent)}@keyframes scroll-cue-bob{0%,to{transform:translate(-50%);opacity:.6}50%{transform:translate(-50%,6px);opacity:1}}@media(max-width:992px){.hero-content{flex-direction:column-reverse;text-align:center;padding-top:clamp(6rem,18vw,8rem)}.cta-container{justify-content:center}}@media(max-width:480px){.hero-content{gap:2.5rem}.scroll-cue{display:none}}.about-section{position:relative;background-color:var(--bg-color)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg);align-items:center}.glass-card{background:#0d0d1a66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,255,231,.1);padding:clamp(1.5rem,4vw,2.5rem);border-radius:8px;box-shadow:0 10px 30px #00000080;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.glass-card:hover{transform:translateY(-5px);border-color:#00ffe766;box-shadow:0 10px 30px #00ffe71a}.about-bio h3{color:var(--primary-neon);font-size:clamp(1.15rem,2.6vw,1.5rem);margin-bottom:1.5rem;letter-spacing:1px;text-align:center}.bio-text{font-size:clamp(.95rem,2vw,1.1rem);line-height:1.8;color:var(--text-muted);margin-bottom:1rem;text-align:justify}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(1rem,3vw,1.5rem)}.stat-card{text-align:center;padding:clamp(1.25rem,4vw,2rem) 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:2px;height:0;background:var(--secondary-neon);transition:height .3s ease}.stat-card:hover:before{height:100%}.stat-number{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:.5rem;font-family:var(--font-display)}.neon-text{color:#fff;text-shadow:0 0 5px var(--secondary-neon),0 0 10px var(--secondary-neon),0 0 20px var(--secondary-neon)}.stat-label{color:var(--text-primary);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}@media(max-width:900px){.about-grid{grid-template-columns:1fr}}.skills-section{position:relative;background-color:var(--bg-color);min-height:60vh;display:flex;align-items:center;overflow:hidden}.matrix-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.3}.skills-content{position:relative;z-index:2;width:100%}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--gap-lg)}.skill-category{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.category-header{position:relative}.category-header h3{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1rem,2.2vw,1.2rem);letter-spacing:1px;margin-bottom:.5rem}.glow-line{height:2px;width:60px;background:var(--primary-neon);box-shadow:0 0 10px var(--primary-neon);transition:width .3s ease}.skill-category:hover .glow-line{width:100%}.skill-badges{display:flex;flex-wrap:wrap;gap:.8rem}.skill-badge{display:inline-flex;align-items:center;gap:.5rem;background:#00ffe70d;border:1px solid rgba(0,255,231,.2);padding:.5rem 1rem;border-radius:4px;color:var(--primary-neon);font-size:clamp(.78rem,1.6vw,.9rem);letter-spacing:1px;transition:all .3s ease;cursor:default}.skill-badge-icon{width:1.1em;height:1.1em;flex-shrink:0;filter:drop-shadow(0 0 4px rgba(0,255,231,.5))}.skill-badge:hover{background:#00ffe733;border-color:var(--primary-neon);box-shadow:0 0 15px #00ffe766;transform:scale(1.05);color:#fff}@media(max-width:480px){.skill-badge{padding:.45rem .8rem}}.projects-section{background-color:var(--surface-color);position:relative}.projects-carousel{display:grid;gap:2rem;position:relative}.projects-section{transition:opacity .35s ease}.carousel-track{display:flex;gap:1.5rem;transition:transform .6s ease}.project-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:calc((100% - 3rem) / 3);max-width:calc((100% - 3rem) / 3);padding:0}.project-card.entering{opacity:0;transform:translate(24px) scale(.96);animation:cardFadeIn 3s cubic-bezier(.23,1,.32,1) forwards}@keyframes cardFadeIn{0%{opacity:0;transform:translate(24px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.carousel-frame{overflow:hidden}@media(max-width:900px){.project-card{min-width:100%;max-width:100%}}.project-thumb{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,#00ffe714,#ff00aa14);border-bottom:1px solid var(--border-glow)}.project-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease;filter:saturate(.85) contrast(1.05)}.project-card:hover .project-thumb img{transform:scale(1.06);filter:saturate(1.1) contrast(1.1)}.project-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg-color) 0%,transparent 55%);pointer-events:none}.project-thumb.no-image img{display:none}.project-thumb.no-image:after{content:"[ NO PREVIEW AVAILABLE ]";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--font-display);font-size:.75rem;letter-spacing:2px;text-align:center;padding:1rem}.project-header,.project-tech,.project-desc,.project-link{margin-left:clamp(1.25rem,3vw,2.5rem);margin-right:clamp(1.25rem,3vw,2.5rem)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-top:1.75rem;margin-bottom:1.5rem;position:relative;z-index:1;gap:1rem}.project-header h3{font-family:var(--font-display);font-size:clamp(1.1rem,2.6vw,1.4rem);color:var(--text-primary);margin-bottom:.3rem;word-break:break-word}.project-subtitle{color:var(--secondary-neon);font-size:.85rem;letter-spacing:1px;text-transform:uppercase}.project-icon{background:#00ffe71a;padding:.5rem;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;position:relative;z-index:1}.tech-tag{font-size:.75rem;color:var(--accent-yellow);background:#ffe6000d;border:1px solid rgba(255,230,0,.2);padding:.2rem .6rem;border-radius:3px;text-transform:uppercase;letter-spacing:1px}.project-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:2rem;flex:1;position:relative;z-index:1}.project-link{align-self:flex-start;font-size:.9rem;padding:.6rem 1.2rem;position:relative;z-index:1;text-decoration:none;margin-bottom:clamp(1.25rem,3vw,2.5rem)}.card-border-trace{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;z-index:0;pointer-events:none}.card-border-trace:before,.card-border-trace:after{content:"";position:absolute;width:0;height:0;border:2px solid transparent;box-sizing:border-box;border-radius:8px}.card-border-trace:before{top:0;left:0}.card-border-trace:after{bottom:0;right:0}.project-card:hover .card-border-trace:before{width:100%;height:100%;border-top-color:var(--primary-neon);border-right-color:var(--primary-neon);transition:width .15s ease-out,height .15s ease-out .15s;box-shadow:inset 0 0 10px #00ffe733}.project-card:hover .card-border-trace:after{width:100%;height:100%;border-bottom-color:var(--primary-neon);border-left-color:var(--primary-neon);transition:border-color 0s ease-out .3s,width .15s ease-out .3s,height .15s ease-out .45s;box-shadow:0 0 10px #00ffe766}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border:none;background:#00000059;color:var(--text-primary);font-size:1.8rem;cursor:pointer;z-index:2;border-radius:50%;display:grid;place-items:center;transition:background .2s ease,transform .2s ease}.carousel-button:hover{background:#0000008c;transform:translateY(-50%) scale(1.05)}.carousel-button.prev{left:.5rem}.carousel-button.next{right:.5rem}.carousel-indicators{display:flex;justify-content:center;gap:.75rem;margin-top:1.75rem}.carousel-dot{width:.85rem;height:.85rem;border:1px solid rgba(255,255,255,.35);background:transparent;border-radius:999px;cursor:pointer;transition:background .2s ease,transform .2s ease}.carousel-dot.active,.carousel-dot:hover{background:var(--primary-neon);transform:scale(1.1)}.experience-section{background-color:var(--bg-color);position:relative}.timeline-container{position:relative;max-width:1100px;margin:0 auto}.timeline-line{position:absolute;top:0;bottom:0;left:20px;width:2px;background:var(--primary-neon);box-shadow:0 0 10px var(--primary-neon),0 0 20px var(--primary-neon)}.timeline-item{position:relative;padding-left:clamp(3rem,9vw,60px);margin-bottom:3rem}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;top:0;left:6px;width:30px;height:30px;border-radius:50%;background:var(--surface-color);border:2px solid var(--primary-neon);box-shadow:0 0 15px var(--primary-neon);display:flex;align-items:center;justify-content:center;color:var(--primary-neon);z-index:2}.timeline-content{position:relative}.exp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:1rem}.exp-header h3{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(1.05rem,2.6vw,1.3rem)}.exp-period{color:var(--accent-yellow);font-size:.85rem;font-weight:700;letter-spacing:1px;padding:.3rem .8rem;background:#ffe6001a;border-radius:20px;border:1px solid rgba(255,230,0,.3);white-space:nowrap}.exp-company{color:var(--secondary-neon);font-size:1rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.exp-body{display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}.exp-thumb{position:relative;flex:0 0 clamp(140px,34%,260px);aspect-ratio:4 / 3;border-radius:6px;overflow:hidden;border:1px solid var(--border-glow);box-shadow:0 0 12px #00ffe726}.exp-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05);transition:transform .4s ease,filter .4s ease}.exp-thumb:hover img{transform:scale(1.07);filter:saturate(1.1) contrast(1.1)}.exp-thumb.no-image img{display:none}.exp-thumb.no-image:after{content:"[ NO IMAGE ]";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00ffe70a;color:var(--text-muted);font-family:var(--font-display);font-size:.65rem;letter-spacing:1px}.exp-details{flex:1 1 320px;padding-left:1.2rem;list-style-type:none;min-width:0}.exp-details li{color:var(--text-muted);font-size:.95rem;margin-bottom:.8rem;line-height:1.6;position:relative;text-align:justify}.exp-details li:before{content:">";position:absolute;left:-1.5rem;color:var(--primary-neon);font-weight:700}@media(max-width:600px){.exp-header,.exp-body{flex-direction:column}.exp-thumb{flex:0 0 auto;width:100%;aspect-ratio:16 / 9}.exp-details{padding-left:1rem}}.education-section{background-color:var(--surface-color);position:relative}.edu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--gap-lg)}.edu-card{position:relative;text-align:center;padding:clamp(2rem,5vw,3rem) clamp(1.25rem,4vw,2rem);overflow:hidden}.edu-status-badge{position:absolute;top:15px;right:-30px;background:var(--secondary-neon);color:#fff;padding:5px 30px;font-size:.6rem;font-weight:700;letter-spacing:2px;transform:rotate(45deg);box-shadow:0 0 10px var(--secondary-neon);z-index:10}.edu-icon-wrapper{width:70px;height:70px;margin:0 auto 1.5rem;background:#ff00aa1a;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px dotted var(--secondary-neon);box-shadow:inset 0 0 15px #f0a3;transition:transform .3s ease}.edu-info h3{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(1rem,2.4vw,1.2rem);margin-bottom:.8rem;min-height:3rem}.edu-school{color:var(--primary-neon);font-size:clamp(.9rem,2vw,1rem);margin-bottom:1.5rem}.edu-period{display:flex;align-items:center;justify-content:center;gap:1rem}.edu-period .line{height:1px;width:30px;background:var(--text-muted)}.edu-period .text{color:var(--text-muted);font-family:var(--font-body);font-size:.85rem;letter-spacing:1px}.edu-icon-wrapper{width:70px;height:70px;margin:0 auto 1.5rem;background:#ff00aa1a;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px dotted var(--secondary-neon);box-shadow:inset 0 0 15px #f0a3;transition:transform .3s ease;overflow:hidden}.edu-card:hover .edu-icon-wrapper{transform:scale(1.1) rotate(10deg)}.edu-logo-img{width:100%;height:100%;object-fit:contain;padding:10px}.contact-section{background-color:var(--bg-color);position:relative}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg);align-items:start}.contact-info h3,.contact-form-wrapper h3{color:var(--primary-neon);font-size:clamp(1.15rem,2.6vw,1.5rem);margin-bottom:1.5rem;letter-spacing:1px}.contact-desc{color:var(--text-muted);line-height:1.6;margin-bottom:2rem;font-size:clamp(.9rem,1.8vw,1rem)}.direct-contact{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.contact-item{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.contact-item a{color:var(--text-primary);font-size:clamp(.95rem,2vw,1.1rem);transition:color .3s ease;word-break:break-word}.contact-item a:hover{color:var(--primary-neon);text-shadow:0 0 10px rgba(0,255,231,.5)}.contact-icon{filter:drop-shadow(0 0 5px var(--primary-neon));flex-shrink:0}.social-links{display:flex;gap:1.25rem;flex-wrap:wrap}.social-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#0d0d1acc;border:1px solid var(--border-glow);color:var(--text-muted);transition:all .3s ease}.social-icon:hover{color:var(--secondary-neon);border-color:var(--secondary-neon);box-shadow:0 0 15px var(--secondary-neon);transform:translateY(-5px)}.contact-form{display:flex;flex-direction:column;gap:2rem}.input-group{position:relative}.input-group input,.input-group textarea{width:100%;background:transparent;border:none;border-bottom:1px solid var(--text-muted);padding:1rem .5rem;color:var(--text-primary);font-family:var(--font-body);font-size:1rem;outline:none;transition:all .3s ease}.input-group input::placeholder,.input-group textarea::placeholder{color:#6a6a8a80}.input-highlight{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-neon);box-shadow:0 0 10px var(--primary-neon);transition:width .4s ease}.input-group input:focus~.input-highlight,.input-group textarea:focus~.input-highlight{width:100%}.submit-btn{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}.honeypot-field{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;left:-9999px}.form-status{text-align:center;font-size:.9rem;letter-spacing:.5px;margin-top:-.5rem}.form-success{color:var(--primary-neon);text-shadow:0 0 8px rgba(0,255,231,.4)}.form-error{color:#ff4d4d}.footer-section{background-color:#050508;border-top:1px solid var(--border-glow);padding:clamp(2.5rem,6vw,4rem) clamp(1.25rem,4vw,2rem) 2rem;position:relative;overflow:hidden;text-align:center}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.75rem;position:relative;z-index:2}.footer-logo{font-size:clamp(1.1rem,2.6vw,1.5rem);letter-spacing:2px}.footer-logo .logo-brace{color:var(--secondary-neon)}.footer-logo .logo-text{color:var(--primary-neon);text-shadow:0 0 10px var(--primary-neon)}.footer-links{display:flex;gap:clamp(1rem,4vw,2rem);flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--text-muted);text-transform:uppercase;font-size:.85rem;letter-spacing:1px;transition:color .3s ease}.footer-links a:hover{color:var(--primary-neon)}.footer-copy{color:#6a6a8a99;font-size:.8rem;padding:0 1rem}.footer-glow{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);width:50vw;height:50px;background:var(--primary-neon);filter:blur(80px);opacity:.2;z-index:1;pointer-events:none}.visitor-counter{position:fixed;bottom:clamp(1rem,3vw,1.5rem);right:clamp(1rem,3vw,1.5rem);z-index:500;display:flex;align-items:center;gap:.6rem;background:#0d0d1abf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glow);border-radius:30px;padding:.55rem 1rem;box-shadow:0 0 15px #00ffe726;font-family:var(--font-body);font-size:clamp(.7rem,1.8vw,.85rem);color:var(--text-muted);letter-spacing:1px}.visitor-counter .vc-icon{color:var(--primary-neon);filter:drop-shadow(0 0 4px var(--primary-neon));flex-shrink:0}.visitor-counter .vc-count{color:var(--text-primary);font-weight:700;font-variant-numeric:tabular-nums}.visitor-counter .vc-dot{width:6px;height:6px;border-radius:50%;background:var(--primary-neon);box-shadow:0 0 6px var(--primary-neon);animation:vc-pulse 1.8s ease-in-out infinite;flex-shrink:0}@keyframes vc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@media(max-width:480px){.visitor-counter{bottom:.75rem;right:.75rem;padding:.45rem .8rem}}:root{--bg-color: #0a0a0f;--primary-neon: #00ffe7;--secondary-neon: #ff00aa;--accent-yellow: #ffe600;--surface-color: #0d0d1a;--text-primary: #e0e0ff;--text-muted: #6a6a8a;--border-glow: rgba(0, 255, 231, .2);--font-display: "Orbitron", sans-serif;--font-body: "Share Tech Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;left:1rem;top:1rem;width:auto;height:auto;padding:.75rem 1rem;background:#000000d9;color:var(--text-primary);z-index:9999;border:1px solid var(--primary-neon);text-decoration:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}html,body{cursor:none!important}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;position:relative}html{scroll-behavior:smooth}body:before{content:"";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:9998;background-size:100% 2px,3px 100%;pointer-events:none}h1,h2,h3,h4,h5,h6,.display-font{font-family:var(--font-display)}a{text-decoration:none;color:inherit}ul{list-style:none}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.1,0,.1,1),transform .8s cubic-bezier(.1,0,.1,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.section-title{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:2px;position:relative;display:inline-block;left:50%;transform:translate(-50%);text-shadow:0 0 10px rgba(0,255,231,.5)}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:2px;background:var(--primary-neon);box-shadow:0 0 10px var(--primary-neon)}.section-container{padding:6rem 2rem;max-width:1200px;margin:0 auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-color);border-radius:4px;border:1px solid var(--primary-neon)}