@import"https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Space+Mono:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#080808;color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}.cursor-dot{position:fixed;width:12px;height:12px;border-radius:50%;background:#00ffd1;pointer-events:none;z-index:10000;mix-blend-mode:difference;transition:transform .15s ease}.cursor-ring{position:fixed;width:40px;height:40px;border-radius:50%;border:1.5px solid #00FFD1;pointer-events:none;z-index:10000;mix-blend-mode:difference;transition:transform .25s ease,width .3s,height .3s}body,a,button,input,textarea{cursor:none!important}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;opacity:.035}.grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}.mouse-glow{position:fixed;width:600px;height:600px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(0,255,209,.07) 0%,transparent 70%);transform:translate(-50%,-50%);transition:left .3s ease,top .3s ease}.scroll-progress{position:fixed;top:0;left:0;height:3px;z-index:10001;background:#00ffd1;border-radius:0 2px 2px 0;box-shadow:0 0 10px #00ffd180,0 0 30px #00ffd133;transition:width .05s linear}.reveal{opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-60px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-delay-6{transition-delay:.6s}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(3deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes glitch1{0%{clip-path:inset(40% 0 61% 0)}20%{clip-path:inset(92% 0 1% 0)}40%{clip-path:inset(43% 0 1% 0)}60%{clip-path:inset(25% 0 58% 0)}80%{clip-path:inset(54% 0 7% 0)}to{clip-path:inset(58% 0 43% 0)}}@keyframes glitch2{0%{clip-path:inset(65% 0 13% 0)}20%{clip-path:inset(79% 0 2% 0)}40%{clip-path:inset(48% 0 38% 0)}60%{clip-path:inset(33% 0 2% 0)}80%{clip-path:inset(2% 0 78% 0)}to{clip-path:inset(16% 0 64% 0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes dotFloat1{0%,to{transform:translate(0)}25%{transform:translate(10px,-15px)}50%{transform:translate(-5px,-25px)}75%{transform:translate(-15px,-10px)}}@keyframes dotFloat2{0%,to{transform:translate(0)}25%{transform:translate(-12px,10px)}50%{transform:translate(8px,20px)}75%{transform:translate(15px,5px)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes textRevealClip{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes borderGlow{0%,to{border-color:#00ffd14d;box-shadow:0 0 8px #00ffd11a}50%{border-color:#00ffd1b3;box-shadow:0 0 20px #00ffd133,0 0 40px #00ffd10d}}@keyframes gradientSweep{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes conicSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes breathe{0%,to{letter-spacing:-.5px}50%{letter-spacing:2px}}@keyframes iconOrbitGlow{0%,to{box-shadow:0 0 0 4px #ffc84a14}50%{box-shadow:0 0 0 10px #ffc84a0a,0 0 25px #ffc84a1f}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes morphBorder{0%{border-radius:12px}25%{border-radius:20px 12px 24px 16px}50%{border-radius:16px 24px 12px 20px}75%{border-radius:24px 16px 20px 12px}to{border-radius:12px}}@keyframes statPop{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.glitch-name{position:relative;display:inline-block}.glitch-name:before,.glitch-name:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.glitch-name:before{color:#ff6bf8;z-index:-1}.glitch-name:after{color:#00ffd1;z-index:-2}.glitch-name:hover:before{opacity:.8;animation:glitch1 .3s infinite linear alternate-reverse;left:2px;text-shadow:-2px 0 #FF6BF8}.glitch-name:hover:after{opacity:.8;animation:glitch2 .3s infinite linear alternate-reverse;left:-2px;text-shadow:2px 0 #00FFD1}.nav{position:fixed;top:16px;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:1400px;z-index:9999;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0c0c0ca6;border-radius:16px;border:1px solid rgba(255,255,255,.06);transition:all .5s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 30px #0003}.nav:before{content:"";position:absolute;inset:-1px;border-radius:17px;background:#00ffd11f;background-size:100% 100%;opacity:0;transition:opacity .5s;z-index:-1;pointer-events:none}.nav:hover:before,.nav.scrolled:before{opacity:1}.nav.scrolled{top:8px;background:#080808d1;border-color:#00ffd11a;box-shadow:0 8px 40px #00000059,0 0 60px #00ffd108;border-radius:14px}.nav.scrolled .nav-inner{height:68px}.nav-inner{max-width:1400px;margin:0 auto;padding:0 32px;height:80px;display:flex;align-items:center;justify-content:space-between;transition:height .4s ease}.nav-logo{font-family:Syne,sans-serif;font-weight:800;font-size:1.5rem;color:#fff;text-decoration:none;letter-spacing:-.5px;transition:all .4s ease;position:relative}.nav-logo:hover{letter-spacing:1px}.nav-logo span{color:#00ffd1;text-shadow:0 0 20px rgba(0,255,209,.3)}.nav-logo:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#00ffd1;transition:width .3s ease}.nav-logo:hover:after{width:100%}.nav-links{display:flex;gap:4px;list-style:none;position:relative}.nav-links li a{font-family:Space Mono,monospace;font-size:.8rem;color:#ffffff73;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;padding:10px 16px;border-radius:10px;display:flex;align-items:center;gap:6px}.nav-link-num{font-size:.6rem;color:#00ffd166;font-weight:700;transition:color .3s}.nav-links li a:hover{color:#fff;background:#ffffff0a}.nav-links li a:hover .nav-link-num{color:#00ffd1}.nav-links li a.active{color:#00ffd1;background:#00ffd114;box-shadow:0 0 20px #00ffd10f,inset 0 0 12px #00ffd108}.nav-links li a.active .nav-link-num{color:#00ffd1}.nav-links li a.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#00ffd1;box-shadow:0 0 8px #00ffd180}.nav-cta{font-family:Space Mono,monospace;font-size:.78rem;padding:11px 26px;background:transparent;color:#00ffd1;border:none;border-radius:10px;text-transform:uppercase;letter-spacing:1.5px;transition:all .4s cubic-bezier(.22,1,.36,1);text-decoration:none;position:relative;overflow:hidden;z-index:1}.nav-cta:before{content:"";position:absolute;inset:0;border-radius:10px;padding:1px;background:#00ffd1;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.nav-cta:after{content:"";position:absolute;inset:0;border-radius:10px;background:#00ffd114;opacity:0;transition:opacity .3s;z-index:-1}.nav-cta:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 20px #00ffd126}.nav-cta:hover:after{opacity:1}.nav-cta-glow{position:absolute;inset:-2px;border-radius:12px;background:#00ffd1;opacity:0;filter:blur(12px);transition:opacity .4s;z-index:-2;pointer-events:none}.nav-cta:hover .nav-cta-glow{opacity:.15}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:8px;z-index:10001}.hamburger span{display:block;width:24px;height:2px;background:#fff;transition:all .3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;position:fixed;inset:90px 24px 24px;background:#080808f2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:9998;flex-direction:column;align-items:center;justify-content:center;gap:32px;border-radius:20px;border:1px solid rgba(255,255,255,.06)}.mobile-menu.open{display:flex}.mobile-menu a{font-family:Syne,sans-serif;font-size:1.8rem;color:#ffffffb3;text-decoration:none;transition:all .3s;padding:8px 24px;border-radius:12px}.mobile-menu a:hover,.mobile-menu a.active{color:#00ffd1;background:#00ffd10d}.section{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:120px 24px}.section-label{font-family:Space Mono,monospace;font-size:.75rem;color:#00ffd1;text-transform:uppercase;letter-spacing:3px;margin-bottom:8px;display:flex;align-items:center;gap:12px}.section-label:before{content:"";width:30px;height:1px;background:#00ffd1}.section-title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(2rem,4vw,3rem);color:#fff;margin-bottom:48px;line-height:1.1}.hero{min-height:100vh;display:flex;align-items:center;position:relative;z-index:2;padding-top:100px}.hero-inner{max-width:1400px;margin:0 auto;padding:0 24px;width:100%;display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:40px}.hero-content{animation:fadeUp .8s ease forwards}.hero-label{font-family:Space Mono,monospace;font-size:.75rem;color:#00ffd1;text-transform:uppercase;letter-spacing:3px;display:flex;align-items:center;gap:12px;margin-bottom:20px;opacity:0;animation:fadeUp .8s ease .2s forwards}.hero-label:before{content:"";width:30px;height:1px;background:#00ffd1}.hero-label-cursor{display:inline-block;width:2px;height:14px;background:#00ffd1;margin-left:6px;animation:cursorBlink 1s step-end infinite}.hero-name{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(2.8rem,6vw,5rem);color:#fff;line-height:1;margin-bottom:20px;opacity:0;animation:fadeUp .8s ease .3s forwards}.hero-name .text-reveal{display:inline-block;animation:textRevealClip 1.2s cubic-bezier(.22,1,.36,1) forwards}.hero-desc{font-family:Space Mono,monospace;font-size:.9rem;color:#ffffff80;line-height:1.8;max-width:480px;margin-bottom:36px;opacity:0;animation:fadeUp .8s ease .5s forwards}.hero-ctas{display:flex;gap:16px;opacity:0;animation:fadeUp .8s ease .6s forwards}.btn-magnetic{transition:transform .3s cubic-bezier(.22,1,.36,1)}.btn-primary{font-family:Space Mono,monospace;font-size:.8rem;padding:14px 32px;background:#00ffd1;color:#080808;border:none;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s;text-decoration:none;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s}.btn-primary:hover{background:#00e6bc;box-shadow:0 8px 30px #00ffd140,0 0 60px #00ffd11a}.btn-primary:hover:after{width:300px;height:300px}.btn-secondary{font-family:Space Mono,monospace;font-size:.8rem;padding:14px 32px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .4s;text-decoration:none;position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,248,.08),transparent);transition:left .6s}.btn-secondary:hover{border-color:#ff6bf8;color:#ff6bf8}.btn-secondary:hover:before{left:100%}.hero-stats{display:flex;gap:40px;margin-top:60px;opacity:0;animation:fadeUp .8s ease .8s forwards}.hero-stat{position:relative}.hero-stat h3{font-family:Syne,sans-serif;font-weight:800;font-size:2.2rem;color:#fff;transition:transform .3s}.hero-stat:hover h3{transform:scale(1.1)}.hero-stat h3 span{color:#00ffd1}.hero-stat p{font-family:Space Mono,monospace;font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:1.5px;margin-top:4px}.hero-stat:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:2px;background:linear-gradient(90deg,#00FFD1,transparent);transition:width .4s ease}.hero-stat:hover:after{width:100%}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:620px;overflow:visible;opacity:0;animation:fadeUp .8s ease .4s forwards}.orbit-container{position:relative;width:320px;height:320px;animation:float 6s ease-in-out infinite}.orbit-glow{position:absolute;top:50%;left:50%;width:280px;height:280px;border-radius:50%;background:conic-gradient(from 0deg,#00ffd114,#ff6bf814,#ffc84a14,#00ffd114);animation:conicSpin 8s linear infinite;filter:blur(30px);opacity:.6}.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.06)}.orbit-ring-1{width:100%;height:100%;top:0;left:0;animation:spin 20s linear infinite}.orbit-ring-2{width:75%;height:75%;top:12.5%;left:12.5%;animation:spinReverse 15s linear infinite}.orbit-ring-3{width:50%;height:50%;top:25%;left:25%;animation:spin 10s linear infinite}.orbit-dot{position:absolute;width:10px;height:10px;border-radius:50%}.orbit-dot-1{background:#00ffd1;top:-5px;left:50%;box-shadow:0 0 20px #00ffd180;animation:pulse 2s ease-in-out infinite}.orbit-dot-2{background:#ff6bf8;top:50%;right:-5px;box-shadow:0 0 20px #ff6bf880;animation:pulse 2s ease-in-out .5s infinite}.orbit-dot-3{background:#ffc84a;bottom:-5px;left:30%;box-shadow:0 0 20px #ffc84a80;animation:pulse 2s ease-in-out 1s infinite}.orbit-dot-4{background:#00ffd1;top:30%;left:-5px;box-shadow:0 0 15px #00ffd166;animation:pulse 2s ease-in-out 1.5s infinite}.orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#00ffd1,#ff6bf8);opacity:.15;filter:blur(20px)}.orbit-center-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff}.float-particle{position:absolute;border-radius:50%;animation:dotFloat1 5s ease-in-out infinite}.float-particle:nth-child(odd){animation-name:dotFloat2}.dev-scene{position:relative;width:100%;margin:0 auto;transform:scale(1);transform-origin:center center;animation:float 6s ease-in-out infinite}.dev-glitch-wrap{position:relative}.dev-illustration{width:100%;height:auto;display:block}.dev-glitch-1,.dev-glitch-2{position:absolute;top:0;left:0;width:100%;height:auto;opacity:0;pointer-events:none}.dev-glitch-wrap:hover .dev-glitch-1{opacity:.7;animation:glitch1 .3s infinite linear alternate-reverse;transform:translate(2px)}.dev-glitch-wrap:hover .dev-glitch-2{opacity:.7;animation:glitch2 .3s infinite linear alternate-reverse;transform:translate(-2px)}.code-particle{position:absolute;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;opacity:.15;pointer-events:none;animation:codeFloat 6s ease-in-out infinite}@keyframes codeFloat{0%,to{transform:translateY(0) rotate(0);opacity:.15}50%{transform:translateY(-20px) rotate(5deg);opacity:.3}}.monitor-glow{position:absolute;top:25%;left:25%;width:45%;height:30%;background:radial-gradient(ellipse,rgba(0,255,209,.08) 0%,transparent 70%);pointer-events:none;filter:blur(30px);animation:pulse 4s ease-in-out infinite}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}.about-text{font-family:Space Mono,monospace;font-size:.85rem;color:#ffffff8c;line-height:1.9}.about-text p{margin-bottom:20px}.about-highlight{color:#00ffd1;font-weight:700;position:relative}.about-highlight:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:#00ffd1;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.about-text p:hover .about-highlight:after{transform:scaleX(1)}.about-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.about-tag{font-family:Space Mono,monospace;font-size:.7rem;padding:6px 16px;border-radius:20px;border:1px solid rgba(0,255,209,.2);color:#00ffd1;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;transition:all .3s}.about-tag:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,209,.15),transparent)}.about-tag:hover:before{left:150%;transition:left .6s ease}.about-tag.available{background:#00ffd11a;border-color:#00ffd1;animation:borderGlow 3s ease-in-out infinite}.about-card{background:#0f0f0f;border-radius:16px;padding:36px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:transform .4s ease,box-shadow .4s ease;transform-style:preserve-3d;will-change:transform}.about-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00ffd1,#ff6bf8,#ffc84a);background-size:200% 100%;animation:gradientShift 4s ease infinite}.about-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,255,209,.03),transparent 50%,rgba(255,107,248,.03));opacity:0;transition:opacity .4s;pointer-events:none;border-radius:16px}.about-card:hover:after{opacity:1}.about-card-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s}.about-card-row:last-child{border-bottom:none}.about-card-row:hover{padding-left:8px;border-bottom-color:#00ffd11a}.about-card-key{font-family:Space Mono,monospace;font-size:.72rem;color:#fff6;text-transform:uppercase;letter-spacing:1px}.about-card-val{font-family:Space Mono,monospace;font-size:.82rem;color:#fff;text-align:right}.skill-icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px;margin-bottom:48px}.skill-icon-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:24px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;cursor:default}.skill-icon-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 30%,var(--skill-color, rgba(0, 255, 209, .08)),transparent 70%);opacity:0;transition:opacity .4s}.skill-icon-card:hover{transform:translateY(-6px) scale(1.04);border-color:var(--skill-color, rgba(0, 255, 209, .3));box-shadow:0 12px 40px #00000040,0 0 30px var(--skill-glow, rgba(0, 255, 209, .08));background:#ffffff0a}.skill-icon-card:hover:before{opacity:1}.skill-icon-card svg{width:36px;height:36px;transition:transform .4s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 0 0px transparent)}.skill-icon-card:hover svg{transform:scale(1.15);filter:drop-shadow(0 0 8px var(--skill-glow, rgba(0, 255, 209, .3)))}.skill-icon-name{font-family:Space Mono,monospace;font-size:.65rem;color:#fff6;text-transform:uppercase;letter-spacing:.5px;text-align:center;transition:color .3s}.skill-icon-card:hover .skill-icon-name{color:#fffc}.marquee-container{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;gap:10px;width:max-content;animation:marquee 40s linear infinite}.marquee-track:hover{animation-play-state:paused}.tech-pill{font-family:Space Mono,monospace;font-size:.72rem;padding:8px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);color:#ffffff80;transition:all .3s;text-transform:uppercase;letter-spacing:.5px;background:#ffffff05;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}.tech-pill:hover{border-color:#00ffd1;color:#00ffd1;background:#00ffd114;transform:translateY(-2px);box-shadow:0 4px 15px #00ffd11a}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{background:#0f0f0f;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:36px;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.22,1,.36,1);cursor:pointer;transform-style:preserve-3d;will-change:transform}.project-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(600px circle at var(--sx, 50%) var(--sy, 50%),var(--sc, rgba(0, 255, 209, .06)),transparent 40%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:0}.project-card:hover:before{opacity:1}.project-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1)}.project-card:hover:after{transform:scaleX(1)}.project-card:hover{border-color:#ffffff1a;box-shadow:0 20px 60px #0000004d}.project-card:hover .project-title{color:var(--accent)}.project-card:hover .project-arrow{opacity:1;transform:translate(0)}.project-card:hover .project-number{opacity:.06;transform:scale(1.1)}.project-number{font-family:Syne,sans-serif;font-weight:800;font-size:5rem;color:#ffffff06;position:absolute;top:-10px;right:16px;line-height:1;pointer-events:none;transition:all .5s}.project-year{font-family:Space Mono,monospace;font-size:.7rem;color:#ffffff4d;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1}.project-title{font-family:Syne,sans-serif;font-weight:800;font-size:1.3rem;color:#fff;margin-bottom:12px;transition:color .3s;line-height:1.3;position:relative;z-index:1}.project-desc{font-family:Space Mono,monospace;font-size:.78rem;color:#fff6;line-height:1.7;margin-bottom:20px;position:relative;z-index:1}.project-tags{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}.project-tag{font-family:Space Mono,monospace;font-size:.65rem;padding:4px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;transition:all .3s .05s}.project-card:hover .project-tag{border-color:#ffffff1f;color:#ffffff80}.project-arrow{position:absolute;top:36px;right:36px;font-size:1.4rem;color:var(--accent);opacity:0;transform:translate(-10px,10px);transition:all .4s;text-decoration:none}a.project-arrow:hover{transform:translate(0) scale(1.2);filter:drop-shadow(0 0 8px var(--accent))}.project-links{margin-top:16px;position:relative;z-index:1}.project-link-btn{display:inline-flex;align-items:center;gap:6px;font-family:Space Mono,monospace;font-size:.72rem;padding:8px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.08);color:var(--accent);background:#ffffff05;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;cursor:pointer}.project-link-btn span{transition:transform .3s ease}a.project-link-btn:hover{background:#ffffff0f;border-color:var(--accent);box-shadow:0 0 20px #00ffd114;transform:translateY(-2px)}a.project-link-btn:hover span{transform:translate(2px,-2px)}.project-link-disabled{color:#fff3;cursor:default;border-color:#ffffff0a}.exp-wrapper{position:relative;padding-left:40px}.exp-timeline-line{position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#00FFD1,#FF6BF8,transparent);transform:scaleY(0);transform-origin:top;transition:transform 1.8s cubic-bezier(.22,1,.36,1)}.exp-wrapper.visible .exp-timeline-line{transform:scaleY(1)}.exp-timeline-dot{position:absolute;left:2px;top:20px;width:14px;height:14px;border-radius:50%;background:#080808;border:2px solid #00FFD1;z-index:1;box-shadow:0 0 10px #00ffd14d}.exp-timeline-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:#00ffd1}.exp-card{background:#0f0f0f;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:36px;position:relative;overflow:hidden;transition:all .4s}.exp-card:hover{border-color:#00ffd11a;box-shadow:0 10px 40px #0003}.exp-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,#00ffd1,#ff6bf8);background-size:100% 200%;animation:gradientShift 3s ease infinite}.exp-role{font-family:Syne,sans-serif;font-weight:800;font-size:1.3rem;color:#fff;margin-bottom:4px}.exp-company{font-family:Space Mono,monospace;font-size:.85rem;color:#00ffd1;margin-bottom:4px}.exp-period{font-family:Space Mono,monospace;font-size:.72rem;color:#ffffff59;margin-bottom:16px}.exp-list{list-style:none;padding:0}.exp-list li{font-family:Space Mono,monospace;font-size:.78rem;color:#ffffff73;line-height:1.7;padding-left:16px;position:relative;margin-bottom:8px;opacity:0;transform:translate(-20px);transition:all .5s cubic-bezier(.22,1,.36,1)}.exp-wrapper.visible .exp-list li{opacity:1;transform:translate(0)}.exp-wrapper.visible .exp-list li:nth-child(1){transition-delay:.4s}.exp-wrapper.visible .exp-list li:nth-child(2){transition-delay:.5s}.exp-wrapper.visible .exp-list li:nth-child(3){transition-delay:.6s}.exp-wrapper.visible .exp-list li:nth-child(4){transition-delay:.7s}.exp-wrapper.visible .exp-list li:nth-child(5){transition-delay:.8s}.exp-list li:before{content:"▸";position:absolute;left:0;color:#00ffd1}.ach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.ach-card{background:#0f0f0f;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:28px;text-align:center;transition:all .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform}.ach-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 0%,rgba(255,200,74,.06),transparent 70%);opacity:0;transition:opacity .4s}.ach-card:hover{border-color:#ffc84a4d;box-shadow:0 15px 40px #0003,0 0 30px #ffc84a0d;animation:morphBorder 4s ease infinite}.ach-card:hover:before{opacity:1}.ach-icon{font-size:2rem;margin-bottom:12px;position:relative;display:inline-block}.ach-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;opacity:0;transition:opacity .4s;animation:iconOrbitGlow 3s ease-in-out infinite}.ach-card:hover .ach-icon:after{opacity:1}.ach-title{font-family:Syne,sans-serif;font-weight:800;font-size:1rem;color:#fff;margin-bottom:8px}.ach-sub{font-family:Space Mono,monospace;font-size:.7rem;color:#ffffff59}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-big{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(2rem,4vw,3.2rem);color:#fff;line-height:1.15;margin-bottom:40px}.contact-big span{color:#00ffd1}.word-reveal{display:inline-block;opacity:0;transform:translateY(30px);transition:opacity .5s ease,transform .5s ease}.reveal.visible .word-reveal{opacity:1;transform:translateY(0)}.contact-row{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05);transition:all .4s;opacity:0;transform:translate(-30px)}.reveal.visible .contact-row{opacity:1;transform:translate(0)}.contact-row:hover{padding-left:8px;border-bottom-color:#00ffd11a}.contact-row-icon{width:36px;height:36px;background:#00ffd10f;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s}.contact-row:hover .contact-row-icon{background:#00ffd11f;transform:rotate(5deg) scale(1.05)}.contact-row-icon svg{width:18px;height:18px;stroke:#00ffd1;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.contact-row-text{font-family:Space Mono,monospace;font-size:.82rem;color:#fff9}.contact-row-text a{color:#00ffd1;text-decoration:none;transition:opacity .3s}.contact-row-text a:hover{opacity:.7}.contact-form{background:#0f0f0f;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:40px;position:relative;overflow:hidden}.contact-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00ffd1,#ff6bf8)}.form-group{margin-bottom:20px;position:relative}.form-label{font-family:Space Mono,monospace;font-size:.7rem;color:#ffffff59;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;display:block;transition:color .3s}.form-group:focus-within .form-label{color:#00ffd1}.form-input{width:100%;padding:14px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;font-family:Space Mono,monospace;font-size:.85rem;transition:all .3s;outline:none}.form-input:focus{border-color:#00ffd1;background:#00ffd105;box-shadow:0 0 20px #00ffd10d}.form-input::placeholder{color:#fff3}textarea.form-input{resize:vertical;min-height:120px}.form-btn{width:100%;padding:16px;background:#00ffd1;color:#080808;border:none;border-radius:8px;font-family:Space Mono,monospace;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;transition:all .3s;position:relative;overflow:hidden}.form-btn:hover{background:#00e6bc;transform:translateY(-2px);box-shadow:0 8px 30px #00ffd133}.form-btn .ripple-circle{position:absolute;border-radius:50%;background:#fff6;animation:ripple .6s linear;pointer-events:none}.sent-state{text-align:center;padding:40px}.sent-icon{font-size:3rem;margin-bottom:16px}.sent-title{font-family:Syne,sans-serif;font-weight:800;font-size:1.5rem;color:#fff;margin-bottom:8px}.sent-desc{font-family:Space Mono,monospace;font-size:.82rem;color:#fff6}.profiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;overflow:visible}.profile-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:32px 28px;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;gap:20px}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--profile-color, #00FFD1);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1)}.profile-card:hover:before{transform:scaleX(1)}.profile-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 0%,var(--profile-glow, rgba(0, 255, 209, .06)),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}.profile-card:hover{border-color:var(--profile-color, rgba(0, 255, 209, .2));transform:translateY(-6px);box-shadow:0 16px 48px #00000040,0 0 30px var(--profile-glow, rgba(0, 255, 209, .06))}.profile-card:hover:after{opacity:1}.profile-card-header{display:flex;align-items:center;gap:14px}.profile-card-icon{width:44px;height:44px;border-radius:12px;background:#ffffff0a;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.profile-card:hover .profile-card-icon{background:var(--profile-glow, rgba(0, 255, 209, .08));transform:rotate(5deg) scale(1.05)}.profile-card-icon svg{width:24px;height:24px}.profile-card-info h4{font-family:Syne,sans-serif;font-weight:800;font-size:.95rem;color:#fff;margin-bottom:2px}.profile-card-info p{font-family:Space Mono,monospace;font-size:.68rem;color:#ffffff59}.profile-card-stats{display:flex;gap:20px}.profile-stat{display:flex;flex-direction:column}.profile-stat-value{font-family:Syne,sans-serif;font-weight:800;font-size:1.1rem;color:var(--profile-color, #00FFD1)}.profile-stat-label{font-family:Space Mono,monospace;font-size:.6rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:.5px}.profile-visit-btn{font-family:Space Mono,monospace;font-size:.68rem;color:var(--profile-color, #00FFD1);text-decoration:none;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px;transition:all .3s;margin-top:auto}.profile-visit-btn:hover{gap:12px;opacity:.8}.lc-card-wrap{position:relative;overflow:visible!important;z-index:1}.lc-card-wrap:hover{z-index:50}.lc-tooltip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(10px) scale(.96);width:320px;background:#0e0e0efa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,161,22,.2);border-radius:16px;padding:24px;z-index:100;pointer-events:none;opacity:0;transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 20px 60px #00000080,0 0 40px #ffa11614,inset 0 1px #ffffff0a}.lc-tooltip.show{opacity:1;transform:translate(-50%) translateY(0) scale(1);pointer-events:auto}.lc-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#0e0e0efa;border-right:1px solid rgba(255,161,22,.2);border-bottom:1px solid rgba(255,161,22,.2)}.lc-tooltip-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.lc-tooltip-avatar{flex-shrink:0;filter:drop-shadow(0 0 8px rgba(255,161,22,.2))}.lc-tooltip-name{font-family:Syne,sans-serif;font-weight:800;font-size:1rem;color:#fff;margin-bottom:4px}.lc-tooltip-rank{font-family:Space Mono,monospace;font-size:.72rem;color:#fff6}.lc-tooltip-bars{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.lc-bar-row{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:10px}.lc-bar-label{font-family:Space Mono,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;color:#ffffff73}.lc-bar-track{height:6px;border-radius:3px;background:#ffffff0f;overflow:hidden}.lc-bar-fill{height:100%;border-radius:3px;transition:width 1s cubic-bezier(.22,1,.36,1)}.lc-easy{background:linear-gradient(90deg,#00b8a3,#00e6cc)}.lc-medium{background:linear-gradient(90deg,#ffc01e,#ffd54a)}.lc-hard{background:linear-gradient(90deg,#ef4743,#ff6b6b)}.lc-bar-count{font-family:Syne,sans-serif;font-weight:800;font-size:.78rem;color:#fff;min-width:70px;text-align:right}.lc-bar-count span{color:#ffffff40;font-weight:400;font-family:Space Mono,monospace;font-size:.65rem}.lc-tooltip-footer{display:flex;gap:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.lc-footer-stat{flex:1;text-align:center}.lc-footer-stat span{display:block;font-family:Space Mono,monospace;font-size:.6rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.lc-footer-stat strong{font-family:Syne,sans-serif;font-weight:800;font-size:1rem;color:#ffa116}.wave-separator{position:relative;z-index:2;margin-top:-1px;line-height:0}.wave-separator svg{width:100%;height:60px;fill:none;stroke:#ffffff0a;stroke-width:1}.wave-separator .wave-fill{fill:#ffffff03}.footer{border-top:1px solid rgba(255,255,255,.05);padding:32px 24px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.footer-copy{font-family:Space Mono,monospace;font-size:.72rem;color:#ffffff4d}.footer-socials{display:flex;gap:20px}.footer-social{font-family:Space Mono,monospace;font-size:.72rem;color:#ffffff59;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:color .3s;position:relative;padding-bottom:2px}.footer-social:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#00ffd1;transition:width .3s ease}.footer-social:hover{color:#00ffd1}.footer-social:hover:after{width:100%}@media(max-width:900px){.nav{width:calc(100% - 32px);top:10px}.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}.about-grid{grid-template-columns:1fr}.skill-icons-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.projects-grid,.contact-grid,.ach-grid{grid-template-columns:1fr}.profiles-grid{grid-template-columns:1fr 1fr}.nav-links,.nav-cta{display:none}.hamburger{display:flex}.exp-wrapper{padding-left:30px}}@media(max-width:600px){.nav{width:calc(100% - 24px);top:8px;border-radius:12px}.hero-name{font-size:clamp(2rem,10vw,3rem)!important}.hero-stats{flex-direction:column;gap:20px}.section{padding:80px 16px}.footer{flex-direction:column;gap:16px;text-align:center}.exp-wrapper{padding-left:24px}.profiles-grid{grid-template-columns:1fr}.skill-icons-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.skill-icon-card{padding:16px 8px}}