*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a0f;--bg-secondary: #0f0f1a;--bg-tertiary: #13131f;--accent-cyan: #00d4ff;--accent-purple: #7c3aed;--accent-pink: #ec4899;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .05);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-border: rgba(0, 212, 255, .2);--glass-border-hover: rgba(0, 212, 255, .5);--shadow-cyan: 0 0 20px rgba(0, 212, 255, .3);--shadow-purple: 0 0 20px rgba(124, 58, 237, .3);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;overflow-x:hidden}body{min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.section-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:3rem}.neon-text{color:var(--accent-cyan);text-shadow:0 0 10px rgba(0,212,255,.7)}.section-header{text-align:center;margin-bottom:3rem}.section-divider{width:60px;height:3px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));margin:1rem auto;border-radius:2px}.app{min-height:100vh;background-color:var(--bg-primary)}.scroll-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));box-shadow:0 0 8px #00d4ff99;z-index:9999;transition:width .1s linear;pointer-events:none}main{width:100%;position:relative;z-index:1}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:5rem 0}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));opacity:0;transition:opacity .3s ease}.btn-primary:hover:before{opacity:1}.btn-primary span{position:relative;z-index:1}.btn-primary:hover{box-shadow:0 0 25px #00d4ff80;transform:translateY(-2px)}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;background:transparent;color:var(--accent-cyan);border:1px solid var(--accent-cyan);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-outline:hover{background:#00d4ff1a;box-shadow:0 0 20px #00d4ff4d;transform:translateY(-2px)}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.2rem 0;transition:all .3s ease}.navbar.scrolled{background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,212,255,.15);padding:.8rem 0}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:.05em;transition:color .3s ease}.navbar-logo:hover{color:var(--accent-cyan)}.logo-ep{color:var(--accent-cyan);font-size:1.1rem;letter-spacing:.04em}.logo-slash{color:var(--accent-cyan)}.logo-bracket{color:var(--accent-cyan);text-shadow:0 0 8px rgba(0,212,255,.7)}.navbar-links{display:flex;list-style:none;gap:2.5rem;align-items:center}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500;position:relative;padding-bottom:4px;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));border-radius:2px;transition:width .3s ease;box-shadow:0 0 6px #00d4ffb3}.nav-link:hover{color:var(--accent-cyan)}.nav-link:hover:after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px;cursor:pointer}.hamburger span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.hamburger{display:flex}.navbar-links{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:#0a0a0ff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;gap:2.5rem;transition:right .3s ease;border-left:1px solid var(--glass-border)}.navbar-links.open{right:0}.nav-link{font-size:1.2rem}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 4rem;background:radial-gradient(ellipse at 20% 50%,rgba(124,58,237,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(0,212,255,.06) 0%,transparent 50%);overflow:hidden;gap:4rem;flex-wrap:wrap}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1;max-width:600px}.hero-greeting{font-size:1.1rem;color:var(--accent-cyan);font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}.hero-name{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;color:var(--text-primary);margin-bottom:1rem;position:relative;animation:glitch 5s infinite}.hero-name:before,.hero-name:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;font-size:inherit;font-weight:inherit;line-height:inherit}.hero-name:before{color:#ff0080;animation:glitch-top 5s infinite}.hero-name:after{color:#00d4ff;animation:glitch-bot 5s infinite}@keyframes glitch{0%,86%,to{transform:none}87%{transform:translate(-2px) skew(-2deg)}88%{transform:translate(2px) skew(2deg)}89%{transform:none}90%{transform:translate(-1px)}91%{transform:none}}@keyframes glitch-top{0%,86%,to{opacity:0}87%{opacity:.75;transform:translate(-3px);clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}88%{opacity:0}90%{opacity:.5;transform:translate(3px);clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}91%{opacity:0}}@keyframes glitch-bot{0%,87.5%,to{opacity:0}88%{opacity:.65;transform:translate(3px);clip-path:polygon(0 30%,100% 30%,100% 55%,0 55%)}89%{opacity:0}90.5%{opacity:.5;transform:translate(-2px);clip-path:polygon(0 70%,100% 70%,100% 90%,0 90%)}91%{opacity:0}}.hero-role{font-size:clamp(1.1rem,3vw,1.5rem);color:var(--text-secondary);margin-bottom:1.5rem;min-height:2.2rem;display:flex;align-items:center;gap:2px}.role-text{color:var(--accent-purple);font-weight:600}.cursor{color:var(--accent-cyan);animation:blink .8s step-end infinite;font-weight:300}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-description{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2.5rem;max-width:500px}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.hero-badge{display:inline-flex;align-items:center;gap:7px;background:#43a0471a;border:1px solid rgba(67,160,71,.3);color:#69f0ae;font-size:.78rem;font-weight:500;letter-spacing:.04em;padding:5px 12px 5px 10px;border-radius:99px;margin-bottom:1rem;width:fit-content}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:#43a047;box-shadow:0 0 6px #43a047,0 0 12px #43a04766;flex-shrink:0;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1;box-shadow:0 0 6px #43a047,0 0 12px #43a04766}50%{opacity:.5;box-shadow:0 0 3px #43a047}}.hero-photo-wrap{position:relative;z-index:1;flex-shrink:0;width:300px;height:300px;display:flex;align-items:center;justify-content:center;animation:photo-float 5s ease-in-out infinite}.hero-photo-wrap:before{content:"";position:absolute;inset:-6px;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,var(--accent-cyan) 0deg,var(--accent-purple) 140deg,transparent 200deg,transparent 280deg,var(--accent-cyan) 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;z-index:2}@keyframes photo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes photo-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-photo{position:relative;width:280px;height:280px;border-radius:50%;overflow:hidden;border:2px solid transparent;background:linear-gradient(#0a0a0f,#0a0a0f) padding-box,linear-gradient(135deg,var(--accent-cyan),var(--accent-purple)) border-box}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:contrast(1.05) brightness(.88) saturate(.82)}.hero-photo-vignette{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 38%,transparent 44%,rgba(10,10,15,.55) 62%,#0a0a0f 78%);pointer-events:none}.hero-photo-tint{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 70% 20%,rgba(0,212,255,.07) 0%,transparent 55%);mix-blend-mode:screen;pointer-events:none}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:1}.scroll-indicator-mouse{width:24px;height:40px;border:2px solid rgba(0,212,255,.4);border-radius:12px;display:flex;justify-content:center;padding-top:6px}.scroll-indicator-phone{display:none;flex-direction:column;align-items:center;gap:0}.phone-body{width:20px;height:34px;border:2px solid rgba(0,212,255,.4);border-radius:4px 4px 5px 5px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.phone-body:before{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:7px;height:2px;background:#00d4ff66;border-radius:1px}.phone-body:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:8px;height:2px;background:#00d4ff4d;border-radius:1px}.phone-dot{width:4px;height:4px;background:var(--accent-cyan);border-radius:50%;margin-top:2px;animation:scroll-bounce 1.5s ease-in-out infinite}.scroll-dot{width:4px;height:8px;background:var(--accent-cyan);border-radius:2px;animation:scroll-bounce 1.5s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translateY(-4px);opacity:1}50%{transform:translateY(4px);opacity:.3}}.hero-anim{opacity:0}.hero-anim--photo{transform:scale(1)}.hero--entered .hero-anim--photo{animation:portal-reveal 1.2s cubic-bezier(.22,1,.36,1) .1s forwards}@keyframes portal-reveal{0%{opacity:1;clip-path:circle(0% at 50% 50%);filter:brightness(3) blur(6px)}40%{filter:brightness(1.8) blur(2px)}60%{clip-path:circle(48% at 50% 50%);filter:brightness(1.2) blur(0)}to{opacity:1;clip-path:circle(50% at 50% 50%);filter:brightness(1) blur(0)}}.hero-photo-wrap:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%,-50%) scale(0);border:2px solid rgba(0,212,255,.8);box-shadow:0 0 30px #00d4ff99,inset 0 0 30px #00d4ff4d;opacity:0;pointer-events:none;z-index:3}.hero--entered .hero-photo-wrap:after{animation:ripple-burst 1s ease-out .2s forwards}@keyframes ripple-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}15%{opacity:1}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.3);border-color:#7c3aed99;box-shadow:0 0 40px #7c3aed66,inset 0 0 20px #00d4ff33}to{opacity:0;transform:translate(-50%,-50%) scale(1.8);border-color:#00d4ff00;box-shadow:0 0 0 transparent}}.hero-photo:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%,-50%) scale(0);border:1px solid rgba(124,58,237,.6);box-shadow:0 0 20px #7c3aed66;opacity:0;pointer-events:none;z-index:3}.hero--entered .hero-photo:after{animation:ripple-burst .9s ease-out .45s forwards}.hero-anim--greeting{transform:translate(-30px)}.hero--entered .hero-anim--greeting{animation:text-slide-in .6s ease-out .7s forwards}@keyframes text-slide-in{0%{opacity:0;transform:translate(-30px);filter:blur(4px)}to{opacity:1;transform:translate(0);filter:blur(0)}}.hero-anim--name{transform:translateY(10px);clip-path:inset(0 100% 0 0)}.hero--entered .hero-anim--name{animation:name-reveal .7s ease-out 1s forwards,name-glitch-flash .15s ease 1.5s 2}@keyframes name-reveal{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(10px)}60%{opacity:1;clip-path:inset(0 0% 0 0);transform:translateY(0)}to{opacity:1;clip-path:inset(0 0% 0 0);transform:translateY(0)}}@keyframes name-glitch-flash{0%{filter:brightness(1) hue-rotate(0deg)}50%{filter:brightness(2) hue-rotate(20deg);text-shadow:-2px 0 #ff0080,2px 0 #00d4ff}to{filter:brightness(1) hue-rotate(0deg)}}.hero-anim--role{transform:translateY(8px)}.hero--entered .hero-anim--role{animation:fade-up .5s ease-out 1.6s forwards}.hero-anim--desc{transform:translateY(15px)}.hero--entered .hero-anim--desc{animation:fade-up .6s ease-out 2s forwards}.hero-anim--cta{transform:translateY(20px)}.hero--entered .hero-anim--cta{animation:fade-up .6s ease-out 2.3s forwards}.hero-anim--scroll{transform:translateY(10px)}.hero--entered .hero-anim--scroll{animation:fade-up .5s ease-out 2.7s forwards}@keyframes fade-up{0%{opacity:0;transform:translateY(var(--y, 15px));filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero-anim--photo:before{opacity:0;scale:.6}.hero--entered .hero-anim--photo:before{animation:ring-draw .9s cubic-bezier(.22,1,.36,1) 1.1s forwards,photo-ring-spin 5s linear 2s infinite}@keyframes ring-draw{0%{opacity:0;scale:.6;filter:brightness(3) blur(4px);box-shadow:0 0 30px #00d4ffe6,inset 0 0 30px #00d4ff80}40%{opacity:1;scale:.95;filter:brightness(2) blur(1px);box-shadow:0 0 20px #00d4ff99,inset 0 0 15px #7c3aed4d}70%{scale:1.04;filter:brightness(1.2) blur(0);box-shadow:0 0 10px #00d4ff4d}85%{scale:.99}to{opacity:.75;scale:1;filter:brightness(1) blur(0);box-shadow:none}}.hero-anim--photo{animation:none}.hero--entered .hero-anim--photo{animation:portal-reveal 1.2s cubic-bezier(.22,1,.36,1) .1s forwards,photo-float 5s ease-in-out 1.5s infinite}@media(max-width:768px){.hero{flex-direction:column;text-align:center;gap:2.5rem;padding:6rem 1.5rem}.hero-description{margin:0 auto 2.5rem}.hero-cta{justify-content:center}.hero-badge{margin:0 auto 1rem}.hero-photo-wrap{order:-1;width:200px;height:200px}.hero-photo{width:190px;height:190px}.scroll-indicator-mouse{display:none}.scroll-indicator-phone{display:flex}}.about{background:transparent}.about-title{position:relative;animation:glitch 5s infinite}.about-title:before,.about-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;font-size:inherit;font-weight:inherit;line-height:inherit}.about-title:before{color:#ff0080;animation:glitch-top 5s infinite}.about-title:after{color:#00d4ff;animation:glitch-bot 5s infinite}.about-terminal{position:relative;background:#0a0e17;border:1px solid rgba(0,212,255,.15);border-radius:12px;overflow:hidden;margin-bottom:3rem;box-shadow:0 0 40px #00000080;opacity:0;transform:scaleY(.01) scaleX(.6);transform-origin:center center;transition:none}.about-terminal--on{animation:term-open .8s cubic-bezier(.22,1,.36,1) forwards}@keyframes term-open{0%{opacity:1;transform:scaleY(.01) scaleX(.6)}40%{transform:scaleY(.01) scaleX(1)}to{opacity:1;transform:scaleY(1) scaleX(1)}}.about-term-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#060a12;border-bottom:1px solid rgba(0,212,255,.1)}.about-term-dot{width:10px;height:10px;border-radius:50%}.about-term-dot--red{background:#ff5f57}.about-term-dot--yellow{background:#febc2e}.about-term-dot--green{background:#28c840}.about-term-title{margin-left:10px;font-size:.75rem;font-family:SF Mono,Fira Code,Cascadia Code,monospace;color:var(--text-muted);letter-spacing:.02em}.about-term-body{padding:1.5rem 1.8rem 1.8rem;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.about-term-prompt{color:var(--accent-cyan);margin-right:.6rem;font-weight:700}.about-term-cmd{color:var(--accent-purple);font-weight:600}.about-term-heading{font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.5;margin-bottom:.5rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.about-term-body p{color:var(--text-secondary);line-height:1.8;margin-bottom:.8rem;font-size:.9rem;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.about-term-line{opacity:0;transform:translateY(6px)}.about-terminal--on .about-term-line{animation:term-line-in .4s ease-out forwards}.about-terminal--on .about-term-line--1{animation-delay:.8s}.about-terminal--on .about-term-line--2{animation-delay:1.2s}.about-terminal--on .about-term-line--3{animation-delay:1.6s}.about-terminal--on .about-term-line--4{animation-delay:2s}.about-terminal--on .about-term-line--5{animation-delay:2.4s}@keyframes term-line-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.about-term-cursor{color:var(--accent-cyan);font-weight:700;animation:blink .8s step-end infinite}.about-term-scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);z-index:1}.about-terminal--on .about-term-scanlines:after{content:"";position:absolute;left:0;top:-100%;width:100%;height:60px;background:linear-gradient(180deg,transparent,rgba(0,212,255,.06),rgba(0,212,255,.12),rgba(0,212,255,.06),transparent);animation:scanline-sweep 2s ease-in-out .3s forwards}@keyframes scanline-sweep{0%{top:-60px}to{top:110%}}.about-bottom{display:flex;flex-direction:column;align-items:center;gap:.5rem}.about-education{display:flex;align-items:center;gap:.75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-left:3px solid var(--accent-purple);border-radius:10px;padding:.7rem 1rem;margin-bottom:1.4rem;width:100%;max-width:600px}.about-edu-label{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-purple);white-space:nowrap}.about-edu-degree{font-size:.88rem;font-weight:600;color:var(--text-primary)}.cc-section-label{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-cyan);opacity:.7;margin-bottom:.4rem}@media(max-width:900px){.about-term-body{padding:1rem 1.2rem 1.2rem}}.cc-wrap{display:flex;flex-direction:column;align-items:center;gap:1.8rem;width:100%;-webkit-user-select:none;user-select:none}.cc-stage{position:relative;width:100%;height:280px;perspective:1100px;perspective-origin:50% 50%}.cc-card{position:absolute;top:50%;left:50%;width:290px;height:224px;border-radius:10px;cursor:pointer;transform-origin:center center;transition:transform .65s cubic-bezier(.35,.1,.25,1),opacity .65s ease,box-shadow .65s ease;will-change:transform,opacity}.cc-card-inner{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden;border:1px solid rgba(0,212,255,.15);background:#fff}.cc-card-inner img{width:100%;height:100%;object-fit:contain;display:block}.cc-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 55%,rgba(5,8,20,.72) 100%)}.cc-card-label{position:absolute;bottom:0;left:0;right:0;padding:8px 12px 12px;display:flex;flex-direction:column;gap:2px}.cc-card-title{font-size:.8rem;font-weight:700;color:#fff;line-height:1.2}.cc-card-issuer{font-size:.68rem;color:var(--accent-cyan);opacity:.9}.cc-glow{position:absolute;inset:-24px;border-radius:20px;background:radial-gradient(ellipse at center,rgba(0,212,255,.2) 0%,rgba(124,58,237,.1) 50%,transparent 72%);z-index:-1;pointer-events:none;animation:cc-glow-pulse 3s ease-in-out infinite}@keyframes cc-glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.cc-pos-center{transform:translate(-50%,-50%) translateZ(80px) rotateY(0) scale(1);opacity:1;z-index:4;cursor:default;box-shadow:0 0 0 1px #00d4ff66,0 0 28px #00d4ff26,0 16px 40px #00000080}.cc-pos-right{transform:translate(-50%,-50%) translate(200px) translateZ(-40px) rotateY(-40deg) scale(.75);opacity:.5;z-index:3;box-shadow:0 8px 24px #0006}.cc-pos-left{transform:translate(-50%,-50%) translate(-200px) translateZ(-40px) rotateY(40deg) scale(.75);opacity:.5;z-index:3;box-shadow:0 8px 24px #0006}.cc-pos-back{transform:translate(-50%,-50%) translateZ(-120px) scale(.55);opacity:0;z-index:1;pointer-events:none}.cc-nav{display:flex;align-items:center;gap:1.2rem}.cc-btn{background:#00d4ff14;border:1px solid rgba(0,212,255,.25);color:var(--accent-cyan);width:34px;height:34px;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,box-shadow .2s;line-height:1}.cc-btn:hover{background:#00d4ff2e;box-shadow:0 0 10px #00d4ff40}.cc-dots{display:flex;gap:8px;align-items:center}.cc-dot{width:7px;height:7px;border-radius:50%;background:#00d4ff40;border:none;cursor:pointer;padding:0;transition:background .3s,transform .3s,box-shadow .3s}.cc-dot.active{background:var(--accent-cyan);transform:scale(1.3);box-shadow:0 0 6px var(--accent-cyan)}@media(max-width:900px){.cc-stage{height:240px}.cc-card{width:250px;height:193px}.cc-pos-right{transform:translate(-50%,-50%) translate(165px) translateZ(-40px) rotateY(-38deg) scale(.72)}.cc-pos-left{transform:translate(-50%,-50%) translate(-165px) translateZ(-40px) rotateY(38deg) scale(.72)}}@media(max-width:520px){.cc-stage{height:210px}.cc-card{width:210px;height:162px}.cc-pos-right{transform:translate(-50%,-50%) translate(135px) translateZ(-30px) rotateY(-35deg) scale(.65)}.cc-pos-left{transform:translate(-50%,-50%) translate(-135px) translateZ(-30px) rotateY(35deg) scale(.65)}}.skills{background:transparent}.sk-title{position:relative;animation:glitch 5s infinite}.sk-title:before,.sk-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;font-size:inherit;font-weight:inherit;line-height:inherit}.sk-title:before{color:#ff0080;animation:glitch-top 5s infinite}.sk-title:after{color:#00d4ff;animation:glitch-bot 5s infinite}.sk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.sk-panel{position:relative;padding:1.6rem;background:#0a0e17d9;border:1px solid rgba(255,255,255,.06);border-radius:4px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease;opacity:0;transform:translateY(30px)}.sk-panel:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 0 30px color-mix(in srgb,var(--accent) 4%,transparent)}.sk-grid--revealed .sk-panel{animation:panel-reveal .6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--idx) * .15s)}@keyframes panel-reveal{0%{opacity:0;transform:translateY(30px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.sk-corner{position:absolute;width:16px;height:16px;pointer-events:none;opacity:.4;transition:opacity .3s ease}.sk-panel:hover .sk-corner{opacity:.8}.sk-corner--tl{top:0;left:0;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}.sk-corner--br{bottom:0;right:0;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}.sk-panel-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.9rem}.sk-panel-tag{font-size:.6rem;font-weight:800;font-family:SF Mono,Fira Code,monospace;letter-spacing:.15em;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);padding:2px 8px;border-radius:2px}.sk-panel-title{font-size:1rem;font-weight:800;color:var(--text-primary);flex:1;letter-spacing:.03em}.sk-panel-count{font-size:.65rem;font-weight:700;font-family:SF Mono,Fira Code,monospace;color:var(--text-muted)}.sk-circuit-line{position:relative;height:1px;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--accent) 30%,transparent) 20%,color-mix(in srgb,var(--accent) 30%,transparent) 80%,transparent);margin-bottom:1.1rem}.sk-circuit-dot{position:absolute;left:10%;top:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.sk-panel:hover .sk-circuit-dot{animation:dot-pulse 1s ease-in-out infinite}@keyframes dot-pulse{0%,to{box-shadow:0 0 6px var(--accent)}50%{box-shadow:0 0 14px var(--accent),0 0 24px var(--accent)}}.sk-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.6rem}.sk-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:4px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:default}.sk-item:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 12%,transparent)}.sk-item-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}.sk-item-icon i{font-size:1.15rem;line-height:1}.sk-item-icon img{width:100%;height:100%;object-fit:contain}.sk-item:hover .sk-item-icon i,.sk-item:hover .sk-item-icon img{filter:drop-shadow(0 0 4px var(--accent))}.sk-item-name{font-size:.78rem;font-weight:600;color:var(--text-primary);white-space:nowrap}@media(max-width:860px){.sk-grid{grid-template-columns:1fr}}@media(max-width:480px){.sk-panel{padding:1.2rem}.sk-items{grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}.sk-item-name{font-size:.72rem}}.experience{background:transparent}.exp-title{position:relative;animation:glitch 5s infinite}.exp-title:before,.exp-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;font-size:inherit;font-weight:inherit;line-height:inherit}.exp-title:before{color:#ff0080;animation:glitch-top 5s infinite}.exp-title:after{color:#00d4ff;animation:glitch-bot 5s infinite}.exp-timeline{position:relative;margin-top:3rem;padding-bottom:1rem}.exp-line{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:linear-gradient(to bottom,transparent,rgba(0,212,255,.5) 10%,rgba(124,58,237,.4) 50%,rgba(0,212,255,.3) 90%,transparent);box-shadow:0 0 8px #00d4ff40}.exp-entry{position:relative;width:calc(50% - 3rem);margin-bottom:3rem}.exp-entry:last-child{margin-bottom:0}.exp-right{margin-left:calc(50% + 3rem)}.exp-left{margin-left:0;margin-right:calc(50% + 3rem)}.exp-dot{position:absolute;top:28px;width:14px;height:14px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 10px #00d4ff99,0 0 20px #00d4ff33;z-index:2}.exp-right .exp-dot{left:-3.65rem}.exp-left .exp-dot{right:-3.65rem}.exp-dot-ping{position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(0,212,255,.5);animation:exp-ping 2s ease-out infinite}@keyframes exp-ping{0%{transform:scale(1);opacity:.8}to{transform:scale(2.2);opacity:0}}.exp-card{background:#06080ed9;border:1px solid rgba(0,212,255,.1);border-radius:14px;padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.exp-card:hover{border-color:#00d4ff59;box-shadow:0 0 0 1px #00d4ff1a,0 8px 32px #00000059,0 0 20px #00d4ff0f;transform:translateY(-3px)}.exp-card-head{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.2rem}.exp-logo-wrap{flex-shrink:0;width:52px;height:52px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}.exp-logo-wrap img{width:100%;height:100%;object-fit:contain}.exp-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem}.exp-company-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.exp-company{font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.2}.exp-current-badge{font-size:.65rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#69f0ae;background:#43a0471f;border:1px solid rgba(67,160,71,.35);border-radius:99px;padding:2px 8px}.exp-roles{display:flex;flex-wrap:wrap;gap:.4rem}.exp-role-chip{font-size:.72rem;font-weight:500;color:var(--accent-cyan);background:#00d4ff14;border:1px solid rgba(0,212,255,.22);border-radius:99px;padding:2px 10px}.exp-period{font-size:.75rem;color:var(--text-secondary);opacity:.7;font-weight:500;letter-spacing:.03em}.exp-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}.exp-bullets li{position:relative;padding-left:1.1rem;font-size:.875rem;color:var(--text-secondary);line-height:1.65}.exp-bullets li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--accent-purple);flex-shrink:0}@media(max-width:860px){.exp-line{left:18px}.exp-entry{width:calc(100% - 3rem);margin-left:3rem!important;margin-right:0!important}.exp-right .exp-dot,.exp-left .exp-dot{left:-2.45rem;right:auto}}@media(max-width:480px){.exp-card{padding:1.1rem}.exp-card-head{gap:.75rem}.exp-logo-wrap{width:44px;height:44px}.exp-bullets li{font-size:.83rem}}.projects{background:transparent}.proj-title{position:relative;animation:glitch 5s infinite}.proj-title:before,.proj-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;font-size:inherit;font-weight:inherit;line-height:inherit}.proj-title:before{color:#ff0080;animation:glitch-top 5s infinite}.proj-title:after{color:#00d4ff;animation:glitch-bot 5s infinite}.proj-list{display:flex;flex-direction:column}.featured-project{display:block;padding:2.5rem;margin-bottom:3.5rem;position:relative;overflow:hidden;background:#06080ed9;border:1px solid rgba(0,212,255,.1);border-radius:16px;transition:border-color .3s ease,box-shadow .3s ease;opacity:0}.featured-project:hover{border-color:#00d4ff40;box-shadow:0 8px 32px #0006,0 0 20px #00d4ff0f}.featured-project:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple))}.proj--from-left{transform:translate(-60px)}.proj--from-right{transform:translate(60px)}.proj-list--revealed .proj--from-left{animation:slide-from-left .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--idx) * .2s)}.proj-list--revealed .proj--from-right{animation:slide-from-right .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--idx) * .2s)}@keyframes slide-from-left{0%{opacity:0;transform:translate(-60px);filter:blur(4px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes slide-from-right{0%{opacity:0;transform:translate(60px);filter:blur(4px)}to{opacity:1;transform:translate(0);filter:blur(0)}}.featured-label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:.8rem}.featured-title{font-size:1.8rem;font-weight:800;color:var(--text-primary);margin-bottom:.3rem;line-height:1.2}.featured-subtitle{font-size:.9rem;color:var(--accent-purple);font-weight:600;margin-bottom:1.2rem}.featured-description{font-size:.875rem;color:var(--text-secondary);line-height:1.75;margin-bottom:1.4rem}.featured-highlights{list-style:none;display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.8rem}.featured-highlights li{display:flex;align-items:flex-start;gap:.6rem;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.highlight-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);flex-shrink:0;margin-top:.4rem;box-shadow:0 0 6px #00d4ffb3}.featured-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.featured-gh{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem;font-weight:600;border:1px solid rgba(0,212,255,.2);padding:.4rem .9rem;border-radius:6px;transition:all .3s ease}.featured-gh:hover{color:var(--accent-cyan);border-color:#00d4ff80;background:#00d4ff14;transform:translateY(-1px)}.project-link{color:var(--text-muted);transition:color .3s ease,transform .3s ease;display:flex;align-items:center}.project-link:hover{color:var(--accent-cyan);transform:translateY(-2px)}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.project-tag{padding:.25rem .7rem;background:#7c3aed1f;border:1px solid rgba(124,58,237,.3);border-radius:20px;font-size:.75rem;color:#a78bfa;font-weight:500;transition:all .3s ease}@media(max-width:640px){.featured-project{padding:1.5rem;margin-bottom:2rem}.featured-title{font-size:1.4rem}.featured-footer{flex-direction:column;align-items:flex-start}.featured-highlights li{font-size:.78rem}.proj--from-left,.proj--from-right{transform:translateY(30px)}.proj-list--revealed .proj--from-left,.proj-list--revealed .proj--from-right{animation-name:slide-from-bottom}@keyframes slide-from-bottom{0%{opacity:0;transform:translateY(30px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}}.contact{background:transparent}.contact-title{position:relative;animation:glitch 5s infinite}.contact-title:before,.contact-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;font-size:inherit;font-weight:inherit;line-height:inherit}.contact-title:before{color:#ff0080;animation:glitch-top 5s infinite}.contact-title:after{color:#00d4ff;animation:glitch-bot 5s infinite}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;align-items:start}.contact-heading{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.contact-text{color:var(--text-secondary);line-height:1.8;font-size:.95rem;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.contact-item{display:flex;align-items:center;gap:.8rem;color:var(--text-secondary);font-size:.9rem}.contact-link{color:var(--text-secondary);text-decoration:none;transition:color .2s}.contact-link:hover{color:var(--accent-cyan)}.contact-icon{width:36px;height:36px;border-radius:8px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);flex-shrink:0}.social-links{display:flex;gap:1rem}.social-link{width:44px;height:44px;border-radius:10px;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s ease}.social-link:hover{color:var(--accent-cyan);border-color:#00d4ff80;background:#00d4ff1a;box-shadow:0 0 15px #00d4ff40;transform:translateY(-3px)}.contact-form{padding:2.5rem;display:flex;flex-direction:column;gap:1.4rem;background:#06080ed9;border:1px solid rgba(0,212,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.85rem;color:var(--text-secondary);font-weight:500;letter-spacing:.03em}.form-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.85rem 1rem;color:var(--text-primary);font-size:.9rem;font-family:inherit;outline:none;transition:all .3s ease}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent-cyan);background:#00d4ff0d;box-shadow:0 0 0 3px #00d4ff1a}.form-textarea{resize:vertical;min-height:120px}.form-submit{width:100%;justify-content:center;padding:1rem;font-size:1rem}@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:2.5rem}}.footer{background:transparent;border-top:1px solid rgba(0,212,255,.1);padding:2rem 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer-logo{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.footer-copy{font-size:.85rem;color:var(--text-muted)}.back-top-link{width:36px;height:36px;border-radius:8px;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s ease}.back-top-link:hover{color:var(--accent-cyan);border-color:#00d4ff80;box-shadow:0 0 12px #00d4ff4d;transform:translateY(-2px)}@media(max-width:600px){.footer-container{flex-direction:column;text-align:center;gap:.8rem}}