body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg-primary:#0a0a1a;--bg-secondary:#0f0f2a;--bg-accent:#0a0a1a80;--text-primary:#fff;--text-secondary:#fffc;--text-muted:#ffffffb3;--border-color:#61dafb33;--gradient-primary:linear-gradient(135deg,#61dafb,#ff006e);--gradient-secondary:linear-gradient(135deg,#ff006e,#61dafb);--shadow-color:#0000004d;--blur-bg:#ffffff08}.light-mode{--bg-primary:#f3f4f6;--bg-secondary:#f8f9fb;--bg-accent:#f4f6f8cc;--text-primary:#212529;--text-secondary:#4d5563;--text-muted:#6b7280;--border-color:#61dafb40;--gradient-primary:linear-gradient(135deg,#007bff,#28a745);--gradient-secondary:linear-gradient(135deg,#28a745,#007bff);--shadow-color:#00000014;--blur-bg:#ffffffbf}body{background:#0a0a1a;background:var(--bg-primary);background-image:radial-gradient(circle at top left,#61dafb14,#0000 25%),radial-gradient(circle at bottom right,#007bff0f,#0000 30%),linear-gradient(180deg,#0a0a1a,#0f0f2a);background-image:radial-gradient(circle at top left,#61dafb14,#0000 25%),radial-gradient(circle at bottom right,#007bff0f,#0000 30%),linear-gradient(180deg,var(--bg-primary),var(--bg-secondary));color:#fff;color:var(--text-primary);overflow-x:hidden;scroll-behavior:smooth;transition:background .3s ease,color .3s ease}.light-mode body{background-image:radial-gradient(circle at top left,#61dafb0f,#0000 25%),radial-gradient(circle at bottom right,#28a7450d,#0000 30%),linear-gradient(180deg,#0a0a1a,#0f0f2a);background-image:radial-gradient(circle at top left,#61dafb0f,#0000 25%),radial-gradient(circle at bottom right,#28a7450d,#0000 30%),linear-gradient(180deg,var(--bg-primary),var(--bg-secondary))}.navbar{align-items:center;animation:slideDown .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;background:var(--blur-bg);border:1px solid #61dafb33;border:1px solid var(--border-color);border-radius:50px;box-shadow:0 8px 32px #0000004d;box-shadow:0 8px 32px var(--shadow-color);display:flex;justify-content:space-between;margin:20px;padding:15px 30px;position:sticky;top:0;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;z-index:1000}.nav-center{display:flex;gap:30px;justify-content:center;left:50%;position:absolute;top:50%;transform:translateX(-50%);transform:translate(-50%,-50%)}.nav-left{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#61dafb,#ff006e);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;cursor:pointer;font-size:20px;font-weight:700;transition:all .3s ease}.nav-left:hover{text-shadow:0 0 20px #61dafb80;transform:scale(1.05)}.nav-center a{font-weight:500;position:relative;text-decoration:none}.nav-center a,.theme-toggle{color:#fffc;color:var(--text-secondary);transition:all .3s ease}.theme-toggle{background:none;border:none;cursor:pointer;font-size:24px;position:absolute;right:30px;top:50%;transform:translateY(-50%)}.theme-toggle:hover{color:#61dafb;transform:scale(1.1)}.nav-center a:after{background:linear-gradient(135deg,#61dafb,#ff006e);background:var(--gradient-primary);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-center a.active,.nav-center a:hover{color:#61dafb}.nav-center a.active:after,.nav-center a:hover:after{width:100%}.light-mode .nav-center a.active,.light-mode .nav-center a:hover{color:#007bff}.nav-right a:hover:after{width:100%}.hero{align-items:center;background:#0f0f2a;background:var(--bg-secondary);display:flex;height:80vh;justify-content:center;overflow:hidden;position:relative;transition:background .3s ease}.hero:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#61dafb14,#0000 70%);height:520px;right:-10%;top:-35%;width:520px}.hero:after,.hero:before{content:"";position:absolute;z-index:0}.hero:after{animation:float 8s ease-in-out infinite reverse;background:radial-gradient(circle,#007bff0d,#0000 70%);bottom:-20%;height:420px;left:-10%;width:420px}.light-mode .hero:before{background:radial-gradient(circle,#007bff14,#0000 70%)}.light-mode .hero:after{background:radial-gradient(circle,#28a7450d,#0000 70%)}.title{-webkit-text-fill-color:#0000;animation:none;background:linear-gradient(135deg,#61dafb,#ff006e);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:160px;font-weight:900;letter-spacing:-2px;text-shadow:0 0 4px #00000026;top:5px;white-space:nowrap;z-index:1}.profile,.title{position:absolute}.profile{left:550px;opacity:1;top:130px;width:300px;z-index:2}.left-text{animation:slideInLeft .8s ease-out;bottom:40px;height:180px;left:200px;position:absolute;width:240px;z-index:1}.left-text h2,.left-text p.ent{color:#fff;color:var(--text-primary);line-height:1;margin:0;position:absolute;transition:all .3s ease}.left-text h2.ai{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff006e,#61dafb);background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;left:0;top:0;z-index:2}.left-text h2.ai:hover{text-shadow:0 0 8px #61dafb80;transform:translateY(-5px)}.left-text h2.and{color:#ff006e;font-size:32px;font-weight:600;left:56px;top:22px;z-index:1}.left-text h2.and:hover{text-shadow:0 0 8px #ff006e80;transform:scale(1.1)}.left-text h2.ml{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff006e,#61dafb);background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;font-size:50px;font-weight:700;left:80px;top:44px;z-index:2}.left-text h2.ml:hover{text-shadow:0 0 8px #61dafb80;transform:translateY(-5px)}.left-text p.ent{color:#fffc;color:var(--text-secondary);font-size:20px;font-style:italic;left:50px;top:90px}.left-text p.ent:hover{color:#61dafb;text-shadow:0 0 20px #61dafb99}.right-text{animation:slideInRight .8s ease-out;bottom:100px;position:absolute;right:100px;text-align:right;z-index:1}.right-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff006e,#61dafb);background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;font-size:50px;font-weight:700;margin:0;transition:all .3s ease}.right-text h2:hover{text-shadow:0 0 8px #ff006e59;transform:scale(1.05)}.right-text .small{color:#ffffffb3;color:var(--text-muted);font-size:20px;font-style:italic;margin:0;transition:all .3s ease}.right-text .small:hover{color:#61dafb}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes glow{0%,to{text-shadow:0 0 20px #61dafb33}50%{text-shadow:0 0 40px #61dafb99,0 0 60px #ff006e4d}}@keyframes profilePulse{0%,to{box-shadow:0 0 40px #61dafb66,0 0 80px #ff006e33}50%{box-shadow:0 0 60px #61dafb99,0 0 120px #ff006e66}}.animated-bar-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#61dafb,#ff006e);background:var(--gradient-primary);border:1px solid #61dafb33;border:1px solid var(--border-color);border-radius:5px;bottom:0;height:100px;left:0;overflow:hidden;position:relative;transition:background .3s ease,border-color .3s ease;width:100%}.animated-bar{align-items:center;animation:scrollLogos 10s linear infinite;display:flex;flex-direction:row;gap:100px;height:100%;justify-content:center;position:absolute;text-align:center;width:30%}@keyframes scrollLogos{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}.logo{border-radius:50%;color:#fff;color:var(--text-primary);font-size:18px;font-weight:700;height:40px;object-fit:contain;transition:all .3s ease;width:40px}.who{align-items:center;display:flex;justify-content:center;min-height:30vh;padding:50px 20px}.line{border-radius:2px;height:40px;margin:20px auto;width:3px}.line,.skill-head{background:linear-gradient(135deg,#61dafb,#ff006e);background:var(--gradient-primary)}.skill-head{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;justify-content:center;margin-left:700px;transition:all .3s ease}.cardA,.cardB,.cardC,.cardD{align-items:center;background:#0a0a1a80;background:var(--bg-accent);border:1px solid #61dafb33;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 32px #0000004d;box-shadow:0 8px 32px var(--shadow-color);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;gap:20px;padding:15px 30px;position:relative;transition:all .3s ease;z-index:10}.cardA:hover,.cardB:hover,.cardC:hover,.cardD:hover{background:linear-gradient(135deg,#61dafb,#ff006e);background:var(--gradient-primary);text-shadow:0 0 20px #61dafb80;transform:scale(1.05)}.cardA{margin-left:450px}.cardA,.cardB{max-width:350px}.cardB{margin-left:650px}.cardC{margin-left:450px;max-width:600px}.cardD{margin-left:600px;max-width:450px}.logoo{border-radius:50%;color:#fff;color:var(--text-primary);font-size:18px;font-weight:700;height:20px;object-fit:contain;transition:all .3s ease;width:20px}.main-btn{background:#1f5f78;border:none;color:#fff;cursor:pointer;font-size:16px;padding:15px 30px}.sub-menu{height:50px;margin-top:10px;position:relative}.loggo{height:40px;left:50%;opacity:0;position:absolute;top:0;transform:translate(-50%) scale(0);transition:all .5s ease;width:40px}.sub-menu.active .loggo{opacity:1}.sub-menu.active .loggo:first-child{transform:translate(-350px) scale(1)}.sub-menu.active .loggo:nth-child(2){transform:translate(-275px,50px) scale(1)}.sub-menu.active .loggo:nth-child(3){transform:translate(-200px,-150px) scale(1)}.sub-menu.active .loggo:nth-child(4){transform:translate(-350px,-125px) scale(1)}.sub-menu.active .loggo:nth-child(5){transform:translate(-375px,-50px) scale(1)}.sub-menu.active .loggo:nth-child(6){transform:translate(-275px,-150px) scale(1)}.sub-menuB{height:50px;margin-top:10px;position:relative}.sub-menuB.active .loggo{opacity:1}.sub-menuB.active .loggo:first-child{transform:translate(180px) scale(1)}.sub-menuB.active .loggo:nth-child(2){transform:translate(220px,-70px) scale(1)}.sub-menuB.active .loggo:nth-child(3){transform:translate(180px,-125px) scale(1)}.sub-menuC{height:50px;margin-top:10px;position:relative}.sub-menuC.active .loggo{opacity:1}.sub-menuC.active .loggo:first-child{transform:translate(-350px) scale(1)}.sub-menuC.active .loggo:nth-child(2){transform:translate(-350px,-100px) scale(1)}.sub-menuD{height:50px;margin-top:10px;position:relative}.sub-menuD.active .loggo{opacity:1}.sub-menuD.active .loggo:first-child{transform:translate(250px) scale(1)}.sub-menuD.active .loggo:nth-child(2){transform:translate(300px,-50px) scale(1)}.sub-menuD.active .loggo:nth-child(3){transform:translate(250px,-100px) scale(1)}.project-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#61dafb,#ff006e);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;margin-left:700px;transition:all .3s ease}.project-cards{min-height:4800px;position:relative}.project-card{align-items:center;background:#0a0a1a80;background:var(--bg-accent);border:1px solid #61dafb33;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 32px #0000004d;box-shadow:0 8px 32px var(--shadow-color);color:#fff;color:var(--text-primary);display:flex;gap:20px;height:200hv;padding:15px 30px;transition:all .3s ease}.project-cardx{position:sticky}.projectA-wrapper{top:30px}.projectB-wrapper{top:60px}.projectC-wrapper{top:90px}.projectD-wrapper{top:120px}.projectE-wrapper{top:150px}.projectF-wrapper{top:180px}.projectA{align-items:center;background:#0a0a1a80;background:var(--bg-accent);border:1px solid #61dafb33;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 32px #0000004d;box-shadow:0 8px 32px var(--shadow-color);color:#fff;color:var(--text-primary);cursor:pointer;height:500px;margin:20px auto 20px 150px;padding:40px;position:relative;transition:.3s;transition:all .3s ease;width:900px}.projectA:hover{background:linear-gradient(135deg,#61dafb,#ff006e);background:var(--gradient-primary);text-shadow:0 0 20px #61dafb80;transform:scale(1.05)}.projectB{align-items:center;background:#0a0a1a80;background:var(--bg-accent);border:1px solid #61dafb33;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 32px #0000004d;box-shadow:0 8px 32px var(--shadow-color);color:#fff;color:var(--text-primary);cursor:pointer;height:500px;margin:20px auto 20px 200px;padding:40px;position:relative;transition:.3s;transition:all .3s ease;width:900px}.projectB:hover{background:linear-gradient(135deg,#61dafb,#ff006e);background:var(--gradient-primary);text-shadow:0 0 20px #61dafb80;transform:scale(1.05)}.projectC{align-items:center;background:#0a0a1a80;background:var(--bg-accent);border:1px solid #61dafb33;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 32px #0000004d;box-shadow:0 8px 32px var(--shadow-color);color:#fff;color:var(--text-primary);cursor:pointer;height:500px;margin:20px auto 20px 250px;padding:40px;position:relative;transition:.3s;transition:all .3s ease;width:900px}.projectC:hover{background:linear-gradient(135deg,#61dafb,#ff006e);background:var(--gradient-primary);text-shadow:0 0 20px #61dafb80;transform:scale(1.05)}.projectD{align-items:center;background:#0a0a1a80;background:var(--bg-accent);border:1px solid #61dafb33;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 32px #0000004d;box-shadow:0 8px 32px var(--shadow-color);color:#fff;color:var(--text-primary);cursor:pointer;height:500px;margin:20px auto 20px 300px;padding:40px;position:relative;transition:.3s;transition:all .3s ease;width:900px}.projectD:hover{background:linear-gradient(135deg,#61dafb,#ff006e);background:var(--gradient-primary);text-shadow:0 0 20px #61dafb80;transform:scale(1.05)}.projectE{align-items:center;background:#0a0a1a80;background:var(--bg-accent);border:1px solid #61dafb33;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 32px #0000004d;box-shadow:0 8px 32px var(--shadow-color);color:#fff;color:var(--text-primary);cursor:pointer;height:500px;margin:20px auto 20px 350px;padding:40px;position:relative;transition:.3s;transition:all .3s ease;width:900px}.projectE:hover{background:linear-gradient(135deg,#10b981,#f59e0b);color:#fff;text-shadow:0 0 20px #10b98180;transform:scale(1.05)}.projectF{align-items:center;background:#0a0a1a80;background:var(--bg-accent);border:1px solid #61dafb33;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 32px #0000004d;box-shadow:0 8px 32px var(--shadow-color);color:#fff;color:var(--text-primary);cursor:pointer;height:500px;margin:20px auto 20px 400px;padding:40px;position:relative;transition:.3s;transition:all .3s ease;width:900px;z-index:6}.projectF:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#d946ef);color:#fff;text-shadow:0 0 20px #6366f180;transform:scale(1.05)}.projectA{z-index:1}.projectB{z-index:2}.projectC{z-index:3}.projectD{z-index:4}.projectE{z-index:5}.projectA-title{color:#fff;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:28px;font-weight:bolder;margin-bottom:15px}.projectA-desc{color:#fffc;color:var(--text-secondary);font-size:16px;line-height:1.6;text-align:justify}.projectB-title{color:#fff;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:28px;font-weight:bolder;margin-bottom:15px}.projectB-desc{color:#fffc;color:var(--text-secondary);font-size:16px;line-height:1.6;text-align:justify}.projectC-title{color:#fff;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:28px;font-weight:bolder;margin-bottom:15px}.projectC-desc{color:#fffc;color:var(--text-secondary);font-size:16px;line-height:1.6;text-align:justify}.projectD-title{color:#fff;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:28px;font-weight:bolder;margin-bottom:15px}.projectD-desc{color:#fffc;color:var(--text-secondary);font-size:16px;line-height:1.6;text-align:justify}.projectE-title{color:#fff;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:28px;font-weight:bolder;margin-bottom:15px}.projectE-desc{color:#fffc;color:var(--text-secondary);font-size:16px;line-height:1.6;text-align:justify}.projectF-title{color:#fff;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:28px;font-weight:bolder;margin-bottom:15px}.projectF-desc{color:#fffc;color:var(--text-secondary);font-size:16px;line-height:1.6;text-align:justify}.projectA-img{align-items:center;display:flex;gap:20px;margin-top:20px;width:100%}.card-video{margin-top:20px}.card-video,.ccard-video{border-radius:10px;height:300px;object-fit:cover;width:50%}.ccard-video{margin-top:-20px}.fghub{flex:1 1;padding-left:20px}.video-desc{font-size:16px}.video-desc,.video-descc{color:#fffc;color:var(--text-secondary);font-family:Arial,Helvetica,sans-serif;font-weight:700;line-height:1.6;text-align:justify}.video-descc{font-size:14px;margin-top:-80px}.features{font-family:Times New Roman,Times,serif;list-style-type:disc;margin-top:15px;padding-left:20px}.lllogo{border-radius:50%;color:#fff;color:var(--text-primary);font-size:18px;font-weight:700;height:40px;object-fit:contain;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:10}.lllogo:hover{text-shadow:0 0 20px #61dafb80;transform:scale(1.25)}.contact{align-items:center;display:flex;justify-content:center;min-height:80vh;overflow:hidden;padding:80px 20px;position:relative;width:100%}.contact-card-wrapper{margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:2}.split-contact-card{background:#0f0f26;border:1px solid #8b5cf640;border-radius:24px;box-shadow:0 25px 70px #00000080,0 0 40px #7c3aed26;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.light-mode .split-contact-card{background:#fff;border:1px solid #e5e7ebe6;box-shadow:0 20px 60px #4f46e51f,0 4px 20px #0000000d}.split-card-left,.split-card-right{display:flex;height:100%}.split-card-right{flex-direction:column}.visual-panel{background:linear-gradient(135deg,#4f46e5,#7c3aed 45%,#a855f7 75%,#ec4899);color:#fff;height:100%;min-height:640px;overflow:hidden;position:relative;width:100%}.visual-atmosphere{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.visual-glow-overlay{background:radial-gradient(circle at 30% 25%,#ffffff47,#0000 60%);inset:0;position:absolute}.visual-sphere{border-radius:50%;pointer-events:none;position:absolute}.visual-sphere.sphere-large{background:radial-gradient(circle at 35% 30%,#e0c3fc 0,#a855f7 32%,#6d28d9 70%,#3b0764 100%);box-shadow:0 25px 60px #0006,inset -18px -18px 40px #00000073,inset 18px 18px 35px #ffffff8c;filter:drop-shadow(0 0 35px rgba(168,85,247,.45));height:320px;left:12%;top:24%;width:320px}.visual-sphere.sphere-small{background:radial-gradient(circle at 35% 30%,#fdf4ff 0,#c084fc 35%,#7e22ce 75%,#4c1d95 100%);box-shadow:0 10px 25px #00000059,inset -6px -6px 15px #00000059,inset 8px 8px 18px #ffffffa6;filter:drop-shadow(0 0 18px rgba(192,132,252,.4));height:75px;left:10%;top:20%;width:75px}.visual-dune-wave{bottom:0;height:150px;left:0;pointer-events:none;position:absolute;width:100%}.dune-svg{display:block;height:100%;width:100%}.visual-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:48px 44px;position:relative;z-index:5}.visual-typewriter-block{align-items:flex-start;display:flex;gap:20px;margin-top:24px}.visual-line-container{display:flex;flex-shrink:0}.liine{background:linear-gradient(180deg,#fff,#ffffff80 70%,#ffffff1a);border-radius:4px;box-shadow:0 0 15px #fff9;height:170px;width:4px}.visual-typing{flex-shrink:0;max-width:420px;width:100%}.word{color:#fff;font-family:Times New Roman,Times,serif;font-size:44px;font-weight:800;line-height:1.25;margin-bottom:6px}.word,.wword{text-shadow:0 3px 12px #00000059}.wword{color:#fdf2f8;font-size:34px;font-style:italic;font-weight:700;line-height:1.3}.typewriter{animation:typing-first 5s steps(50) infinite}.typewriter,.typewriter-delayed{display:inline-block;max-width:0;overflow:hidden;vertical-align:bottom;white-space:nowrap}.typewriter-delayed{animation:typing-second 5s steps(50) infinite}@keyframes typing-first{0%{max-width:0}30%{max-width:500px}90%{max-width:500px}95%{max-width:0}to{max-width:0}}@keyframes typing-second{0%{max-width:0}30%{max-width:0}60%{max-width:500px}90%{max-width:500px}95%{max-width:0}to{max-width:0}}.typewriter-caret{animation:blink-caret .8s infinite;color:#fff;display:inline-block;font-weight:300;margin-left:3px;text-shadow:0 0 10px #ffffffe6;-webkit-user-select:none;user-select:none;vertical-align:initial}@keyframes blink-caret{0%,to{opacity:1}50%{opacity:0}}.caret-soft-fade{animation:blink-caret 1s ease-in-out infinite,fade-out-caret 2.5s .5s forwards}@keyframes fade-out-caret{0%{opacity:1}to{opacity:0}}.visual-social-section{margin-top:auto;padding-top:36px}.cname.visual-cname{color:#ffffffe6;font-size:15px;font-weight:600;letter-spacing:.02em;margin-bottom:14px}.ogo.visual-ogo{align-items:center;display:flex;flex-direction:row;gap:16px;margin-left:0;width:auto}.visual-social-link{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff59;border-radius:12px;display:flex;height:44px;justify-content:center;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);width:44px}.visual-social-link:hover{background:#ffffff4d;border-color:#fff9;box-shadow:0 8px 20px #00000040;transform:translateY(-3px)}.visual-social-link .logs{border-radius:0;filter:brightness(0) invert(1);height:20px;margin-left:0;object-fit:contain;transition:transform .25s ease;width:20px}.visual-social-link:hover .logs{transform:scale(1.15)}.visual-social-tooltip{background:#0f0f26f2;border:1px solid #fff3;border-radius:6px;bottom:125%;box-shadow:0 4px 14px #00000059;color:#fff;font-size:11px;font-weight:600;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translate(-50%,6px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:30}.visual-social-link:hover .visual-social-tooltip{opacity:1;transform:translate(-50%)}.contact-form-panel{color:#fff;display:flex;flex-direction:column;height:100%;padding:48px 46px;width:100%}.light-mode .contact-form-panel{color:#1f2937}.contact-form-header{margin-bottom:24px}.contact-title.form-main-title{-webkit-text-fill-color:initial;background:none;background-clip:initial;color:inherit;font-size:32px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.line.form-header-line{display:none}.contact-subtitle{color:#ffffffb3;color:var(--text-muted);font-size:14.5px;line-height:1.5;margin:0}.light-mode .contact-subtitle{color:#6b7280}.contact-tiles-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.contact-tile-btn{align-items:flex-start;background:#ffffff08;border:1.5px solid #ffffff1a;border-radius:16px;color:#e5e7eb;cursor:pointer;display:flex;flex-direction:column;min-height:82px;outline:none;padding:16px 14px;position:relative;text-align:left;transition:border-color .2s ease,transform .2s ease}.contact-tile-btn:hover{border-color:#8b5cf666;transform:translateY(-2px)}.light-mode .contact-tile-btn{background:#f9fafb;border-color:#e5e7eb;color:#374151}.light-mode .contact-tile-btn:hover{border-color:#c7d2fe}.tile-active-backdrop{background:linear-gradient(135deg,#6366f1,#7c3aed);border-radius:14px;box-shadow:0 8px 24px #6366f159;inset:0;position:absolute;z-index:1}.contact-tile-btn.is-selected{border-color:#6366f1;color:#fff!important}.tile-content-inner{display:flex;flex-direction:column;position:relative;width:100%;z-index:2}.tile-icon-wrap{color:#a78bfa;display:inline-flex;margin-bottom:8px;transition:color .2s ease}.light-mode .tile-icon-wrap{color:#6366f1}.contact-tile-btn.is-selected .tile-icon-wrap{color:#fff!important}.tile-label{font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:4px;opacity:.8;text-transform:uppercase}.tile-value{color:inherit;font-family:inherit;font-size:12.5px;font-style:normal;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-tile-btn:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.topic-chips-section{margin-bottom:24px}.topic-chips-title{color:inherit;font-size:13.5px;font-weight:700;margin-bottom:12px}.topic-chips-row{display:flex;flex-wrap:wrap;gap:10px}.topic-chip-pill{background:#ffffff0a;border:1.5px solid #ffffff26;border-radius:999px;color:#e5e7eb;cursor:pointer;font-size:13px;font-weight:600;outline:none;padding:8px 18px;position:relative;transition:all .2s ease}.topic-chip-pill:hover{border-color:#a78bfa80;color:#fff}.light-mode .topic-chip-pill{background:#fff;border-color:#e5e7eb;color:#4b5563}.light-mode .topic-chip-pill:hover{border-color:#a5b4fc;color:#4338ca}.chip-active-backdrop{background:linear-gradient(135deg,#6366f1,#7c3aed);border-radius:999px;box-shadow:0 4px 15px #6366f159;inset:0;position:absolute;z-index:1}.topic-chip-pill.is-selected{border-color:#6366f1;color:#fff!important}.chip-text-inner{position:relative;z-index:2}.topic-chip-pill:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.contact-actual-form{display:flex;flex-direction:column}.form-grid-columns{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-column-left{gap:16px}.form-column-left,.form-column-right,.form-field-group{display:flex;flex-direction:column}.form-field-group{width:100%}.form-field-label{align-items:center;color:inherit;display:flex;font-size:13px;font-weight:600;gap:3px;margin-bottom:6px}.required-star{color:#ef4444;font-weight:700}.form-input-container{align-items:center;display:flex;position:relative;width:100%}.input-icon{color:#9ca3af;display:inline-flex;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease}.form-input-container.is-textarea .input-icon{top:16px;transform:none}.form-input{background:#ffffff0a;border:1.5px solid #ffffff1f;border-radius:12px;color:#fff;font-family:inherit;font-size:13.5px;outline:none;padding:12px 14px 12px 42px;transition:all .2s ease;width:100%}.form-input::placeholder{color:#6b7280}.form-input:focus{background:#ffffff14;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.light-mode .form-input{background:#f9fafb;border-color:#e5e7eb;color:#111827}.light-mode .form-input::placeholder{color:#9ca3af}.light-mode .form-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.form-input-container:focus-within .input-icon,.form-input:focus~.input-icon{color:#8b5cf6}.light-mode .form-input-container:focus-within .input-icon,.light-mode .form-input:focus~.input-icon{color:#6366f1}.form-textarea{min-height:188px;resize:vertical}.input-valid-indicator{color:#10b981;display:inline-flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.form-input-container.is-textarea .input-valid-indicator{top:16px;transform:none}.field-has-error .form-input{border-color:#ef4444!important}.form-field-error{color:#ef4444;font-size:12px;font-weight:500;margin-top:4px}.form-alert{align-items:flex-start;border-radius:12px;display:flex;font-size:13px;gap:12px;margin-bottom:20px;padding:14px 16px}.alert-success{background:#10b9811f;border:1px solid #10b98159;color:#34d399}.light-mode .alert-success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.alert-error{background:#ef44441f;border:1px solid #ef444459;color:#f87171}.light-mode .alert-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alert-icon-wrap{display:inline-flex;flex-shrink:0;margin-top:1px}.alert-text strong{display:block;font-weight:700;margin-bottom:2px}.alert-text p{margin:0;opacity:.9}.alert-retry-btn{background:#0000;border:1px solid;border-radius:6px;color:inherit;cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;padding:4px 10px;transition:opacity .2s ease}.alert-retry-btn:hover{opacity:.8}.form-submit-container{display:flex;justify-content:flex-start;margin-top:6px}.contact-submit-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#7c3aed 50%,#ec4899);border:none;border-radius:999px;box-shadow:0 10px 25px #6366f159;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;justify-content:center;min-height:48px;outline:none;overflow:hidden;padding:14px 36px;position:relative;transition:box-shadow .3s ease}.contact-submit-btn:hover{box-shadow:0 14px 32px #7c3aed73}.contact-submit-btn:disabled{cursor:not-allowed;opacity:.7}.contact-submit-btn:focus-visible{outline:3px solid #8b5cf6;outline-offset:3px}.submit-btn-shine{background:linear-gradient(45deg,#0000 40%,#ffffff4d 50%,#0000 60%);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-100%);transition:transform .6s ease;width:200%}.contact-submit-btn:hover .submit-btn-shine{transform:translateX(100%)}.submit-btn-content{align-items:center;display:inline-flex;gap:8px;position:relative;z-index:2}.submit-arrow-icon{transition:transform .2s ease}.contact-submit-btn:hover .submit-arrow-icon{transform:translateX(3px)}.btn-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1023px){.split-contact-card{border-radius:20px;grid-template-columns:1fr}.visual-panel{height:auto;min-height:280px}.visual-content{padding:26px 24px}.visual-typewriter-block{gap:14px;margin-top:0}.liine{height:80px;width:3px}.word{font-size:clamp(22px,4vw,30px);margin-bottom:4px}.wword{font-size:clamp(18px,3.2vw,24px)}.visual-cname{font-size:13px;margin-bottom:8px}.visual-social-section{margin-top:16px;padding-top:10px}.visual-social-link{border-radius:10px;height:40px;width:40px}.visual-sphere.sphere-large{height:180px;left:25%;top:15%;width:180px}.visual-sphere.sphere-small{height:45px;left:15%;top:10%;width:45px}.contact-form-panel{padding:36px 30px}}@media (max-width:640px){.contact{padding:40px 14px}.contact-form-panel{padding:28px 16px}.contact-title.form-main-title{font-size:26px}.contact-tiles-row{gap:10px;grid-template-columns:1fr}.form-grid-columns{gap:16px;grid-template-columns:1fr}.form-textarea{min-height:140px}.topic-chips-row{gap:8px}.topic-chip-pill{font-size:12px;padding:7px 14px}.contact-submit-btn{width:100%}}@media (max-width:768px){.container{flex-direction:column}}a:focus-visible,button:focus-visible{outline:2px solid #61dafb;outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:1200px){.navbar{margin:15px;padding:12px 20px;position:sticky}.nav-center{gap:20px}.nav-center,.theme-toggle{position:static;transform:none}.hero{align-items:center;flex-direction:column;height:auto;justify-content:center;min-height:85vh;overflow:visible;padding:60px 20px 40px}.title{font-size:clamp(3rem,7.5vw,6.5rem);margin-bottom:20px;position:static;text-align:center;white-space:normal}.profile{display:block;margin:20px auto;top:auto;width:min(260px,60vw)}.left-text,.profile{left:auto;position:static}.left-text{bottom:auto;height:auto;margin:15px auto;text-align:center;width:auto}.left-text h2.ai,.left-text h2.and,.left-text h2.ml,.left-text p.ent{display:inline-block;font-size:clamp(1.4rem,3.5vw,2.2rem);margin:0 4px;position:static;vertical-align:middle}.right-text{bottom:auto;margin:15px auto;position:static;right:auto;text-align:center}.right-text h2{font-size:clamp(1.8rem,4.5vw,2.8rem)}.skill-head{margin-left:0;text-align:center}.cards{align-items:center;display:flex;flex-direction:column;gap:25px}.cardA,.cardB,.cardC,.cardD{justify-content:center;margin-left:0!important;max-width:90%!important;width:360px}.sub-menu,.sub-menuB,.sub-menuC,.sub-menuD{display:flex;flex-wrap:wrap;gap:15px;height:auto;justify-content:center;margin-top:15px;min-height:50px}.sub-menu .loggo,.sub-menuB .loggo,.sub-menuC .loggo,.sub-menuD .loggo{display:none;opacity:0;position:static;transform:none!important}.sub-menu.active .loggo,.sub-menuB.active .loggo,.sub-menuC.active .loggo,.sub-menuD.active .loggo{display:inline-block;opacity:1;transform:scale(1)!important}.project-title{margin-left:0;text-align:center}.project-cards{display:flex;flex-direction:column;gap:40px;min-height:auto;padding:0 15px}.project-cardx{position:static;top:auto}.projectA,.projectB,.projectC,.projectD,.projectE,.projectF{height:auto!important;margin:0 auto!important;max-width:750px!important;padding:30px 25px!important;width:100%!important}.projectA-img{align-items:stretch;flex-direction:column}.card-video,.ccard-video{height:auto!important;margin-top:10px!important;max-height:320px;width:100%!important}.video-desc,.video-descc{font-size:15px!important;margin-top:15px!important;text-align:left}.lllogo{position:absolute;right:20px;top:20px}.contact-title{margin-left:0;text-align:center}.contact-info{align-items:center;flex-direction:column;gap:25px;text-align:center;width:100%}.liine{display:none}.typing-wrapper{text-align:center;width:100%}.word{font-size:clamp(2rem,5.5vw,3.5rem)}.word,.wword{text-align:center;white-space:normal}.wword{font-size:clamp(1.6rem,4.5vw,2.8rem)}}@media (max-width:640px){.navbar{flex-wrap:wrap;gap:10px;justify-content:space-between}.nav-center{flex-wrap:wrap;gap:8px 14px;justify-content:center;order:3;padding:4px 0;width:100%}.nav-center a{font-size:13px}.info-boxes{grid-template-columns:1fr}.cardA,.cardB,.cardC,.cardD{max-width:300px!important;padding:12px 20px;width:100%}.projectA,.projectB,.projectC,.projectD,.projectE,.projectF{padding:20px 15px!important}.animated-bar{gap:60px}}.about-anchor-target{height:1px;left:0;pointer-events:none;position:absolute;top:-80px;visibility:hidden;width:1px}.about-section{align-items:center;background:var(--bg-accent);border-top:1px solid var(--border-color);display:flex;justify-content:center;min-height:85vh;overflow:hidden;padding:clamp(50px,7vw,90px) clamp(20px,4vw,50px);position:relative;transition:background .3s ease,border-color .3s ease}.about-container{margin:0 auto;max-width:1140px;position:relative;width:100%;z-index:2}.about-grid{grid-gap:clamp(24px,3.5vw,44px);align-items:center;display:grid;gap:clamp(24px,3.5vw,44px);grid-template-columns:1.15fr .92fr}.about-intro-col{display:flex;flex-direction:column;justify-content:center;text-align:left}.about-eyebrow-wrapper{margin-bottom:8px}.about-eyebrow{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#61dafb1a;border:1px solid #61dafb40;border-radius:30px;color:#61dafb;display:inline-flex;font-size:clamp(.78rem,1vw,.88rem);font-weight:700;gap:8px;letter-spacing:.18em;padding:6px 14px;text-transform:uppercase}.light-mode .about-eyebrow{background:#007bff14;border-color:#007bff40;color:#007bff}.about-eyebrow:before{background:currentColor;border-radius:50%;box-shadow:0 0 8px currentColor;content:"";display:inline-block;height:6px;width:6px}.about-name{color:var(--text-primary);font-size:clamp(2.2rem,4.2vw,3.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:12px 0 10px;text-shadow:0 2px 10px var(--shadow-color)}.about-role-wrapper{margin-bottom:16px}.about-role{-webkit-text-fill-color:#0000;align-items:center;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:inline-flex;flex-wrap:wrap;font-size:clamp(1.08rem,1.7vw,1.4rem);font-weight:700;gap:8px;position:relative}.about-role-sep{-webkit-text-fill-color:initial;color:var(--text-muted);font-size:.8em;opacity:.6}.about-role.shimmer-active{animation:roleShimmer 1.8s cubic-bezier(.4,0,.2,1) .3s 1}@keyframes roleShimmer{0%{filter:brightness(1)}50%{filter:brightness(1.5) drop-shadow(0 0 12px rgba(97,218,251,.6))}to{filter:brightness(1)}}.light-mode .about-role.shimmer-active{animation-name:roleShimmerLight}@keyframes roleShimmerLight{0%{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 10px rgba(0,123,255,.4))}to{filter:brightness(1)}}.about-bio{color:var(--text-secondary);font-size:clamp(.95rem,1.12vw,1.05rem);line-height:1.72;margin-bottom:26px;max-width:560px}.about-actions-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:30px}.about-btn-magnetic{display:inline-block}.about-btn{align-items:center;border-radius:50px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;min-height:48px;overflow:hidden;padding:12px 28px;position:relative;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,background .3s ease,border-color .3s ease,color .3s ease;-webkit-user-select:none;user-select:none}.about-btn:focus-visible{outline:2px solid #61dafb;outline-offset:3px}.about-btn:active{transform:scale(.97)}.about-btn-primary{background:var(--text-primary);border:1px solid #0000;box-shadow:0 8px 24px #00000040;color:var(--bg-primary)}.about-btn-primary:hover{box-shadow:0 12px 28px #00000059,0 0 20px #61dafb4d;transform:translateY(-3px)}.light-mode .about-btn-primary{background:#111827;box-shadow:0 8px 20px #00000026;color:#fff}.light-mode .about-btn-primary:hover{box-shadow:0 12px 26px #00000038,0 0 18px #007bff33}.about-btn-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--blur-bg);border:1.5px solid var(--border-color);box-shadow:0 6px 20px var(--shadow-color);color:var(--text-primary)}.about-btn-glass:hover{background:#61dafb14;border-color:#61dafb99;box-shadow:0 12px 28px var(--shadow-color),0 0 16px #61dafb33;color:var(--text-primary);transform:translateY(-3px)}.light-mode .about-btn-glass{background:#ffffffb3;border-color:#0000001f}.light-mode .about-btn-glass:hover{background:#007bff0f;border-color:#007bff;box-shadow:0 10px 24px #00000014,0 0 16px #007bff26}.about-btn-icon-wrapper{align-items:center;display:inline-flex;justify-content:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.about-btn-icon{stroke-width:2.2;height:17px;width:17px}.about-btn-primary:hover .about-btn-download-icon{transform:translateY(3px)}.about-btn-glass:hover .about-btn-arrow-icon{transform:translate(3px,-3px)}.about-btn-shine{background:linear-gradient(90deg,#0000,#ffffff47,#0000);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transform:skewX(-22deg);transition:left .6s ease;width:60%}.about-btn:hover .about-btn-shine{left:150%}.about-tech-section{display:flex;flex-direction:column;gap:10px;padding-top:4px}.about-tech-heading{color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.14em;margin:0;text-transform:uppercase}.about-tech-track{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.about-tech-item{align-items:center;background:#ffffff05;border:1px solid #0000;border-radius:10px;display:flex;height:40px;justify-content:center;position:relative;transition:border-color .25s ease,background .25s ease;width:40px}.about-tech-item:hover{background:var(--blur-bg);border-color:var(--border-color)}.about-tech-logo{filter:grayscale(100%);height:25px;object-fit:contain;opacity:.55;transition:filter .3s ease,opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1);width:25px}.about-tech-item:hover .about-tech-logo{filter:grayscale(0);opacity:1}.about-tech-tooltip{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px var(--shadow-color);color:var(--text-primary);font-size:.72rem;font-weight:600;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:20}.about-tech-item:hover .about-tech-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.about-visual-col{flex-direction:column}.about-photo-wrapper,.about-visual-col{align-items:center;display:flex;position:relative;width:100%}.about-photo-wrapper{justify-content:center;max-width:420px;padding:20px 14px;perspective:1000px}.about-photo-glow{animation:glowPulse 7s ease-in-out infinite alternate;background:var(--gradient-primary);border-radius:50%;filter:blur(65px);height:80%;left:10%;opacity:.24;pointer-events:none;position:absolute;top:10%;width:80%;z-index:0}@keyframes glowPulse{0%{opacity:.18;transform:scale(.92)}to{opacity:.32;transform:scale(1.1)}}.light-mode .about-photo-glow{filter:blur(75px);opacity:.15}.about-photo-frame{aspect-ratio:.82;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f2a8c;border:1.5px solid #61dafb47;border-radius:clamp(30px,4vw,42px);box-shadow:0 24px 50px #00000080,0 0 35px #61dafb1f,inset 0 1px 1px #ffffff26;overflow:hidden;position:relative;transition:border-color .3s ease,box-shadow .3s ease;width:min(100%,370px);z-index:2}.light-mode .about-photo-frame{background:#ffffff8c;border:2px solid #ffffffe6;box-shadow:0 20px 45px #00000014,0 4px 16px #0000000a,inset 0 1px 2px #fffffff2}.about-frame-spotlight{inset:0;mix-blend-mode:screen;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:4}.about-photo-inner{height:100%;overflow:hidden;position:relative;width:100%}.about-photo-img{display:block;height:100%;object-fit:cover;object-position:center 18%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.about-photo-sheen{background:linear-gradient(135deg,#ffffff24,#0000 50%,#0000001f);inset:0;pointer-events:none;position:absolute;z-index:3}.about-floating-card-wrapper{pointer-events:auto;position:absolute;z-index:10}.about-floating-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#0f0f2ab8;border:1px solid #61dafb40;border-radius:20px;box-shadow:0 16px 36px #00000080,0 0 20px #61dafb1a,inset 0 1px 0 #ffffff26;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease}.about-floating-card:hover{border-color:#61dafb80;box-shadow:0 20px 44px #0009,0 0 28px #61dafb38,inset 0 1px 0 #ffffff40}.light-mode .about-floating-card{background:#ffffffd1;border:1.5px solid #fffffff2;box-shadow:0 16px 34px #00000014,0 4px 12px #0000000a,inset 0 1px 2px #fff}.light-mode .about-floating-card:hover{border-color:#007bff59;box-shadow:0 20px 40px #0000001f,0 0 22px #007bff26,inset 0 1px 2px #fff}.about-card-top-right-wrapper{right:-15px;top:10px}.about-card-top-right{align-items:center;display:flex;gap:12px;padding:14px 20px}.about-stat-number{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,2.5vw,2.2rem);font-weight:800;line-height:1}.about-stat-label-group{display:flex;flex-direction:column}.about-stat-title{color:var(--text-primary);font-size:.82rem;font-weight:700;line-height:1.2}.about-stat-subtitle{color:var(--text-muted);font-size:.72rem;font-weight:500}.about-card-bottom-right-wrapper{bottom:25px;right:-25px}.about-card-chart{display:flex;flex-direction:column;gap:8px;min-width:170px;padding:14px 18px}.about-chart-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.about-chart-label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.about-chart-value{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:800}.about-chart-body{align-items:center;display:flex;height:38px;width:100%}.about-sparkline-svg{height:100%;overflow:visible;width:100%}.about-card-lower-left-wrapper{bottom:25px;left:-15px}.about-bubble-orb{border-radius:50%!important;height:56px;width:56px}.about-bubble-inner,.about-bubble-orb{align-items:center;display:flex;justify-content:center}.about-bubble-inner{background:radial-gradient(circle at 35% 35%,#ffffff73,#0000 70%);border-radius:50%;height:100%;width:100%}.about-bubble-star{color:#61dafb;filter:drop-shadow(0 0 8px rgba(97,218,251,.7));height:24px;transition:transform .3s ease;width:24px}.light-mode .about-bubble-star{color:#007bff;filter:drop-shadow(0 0 6px rgba(0,123,255,.5))}.about-bubble-orb:hover .about-bubble-star{transform:rotate(45deg) scale(1.15)}.about-socials-pill{align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#0f0f2aa6;border:1px solid #61dafb38;border-radius:50px;box-shadow:0 12px 28px #00000059,0 0 16px #61dafb14,inset 0 1px 0 #ffffff1a;display:inline-flex;gap:16px;justify-content:center;margin-top:16px;padding:10px 22px;position:relative;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;z-index:5}.light-mode .about-socials-pill{background:#ffffffc7;border:1.5px solid #ffffffe6;box-shadow:0 10px 24px #0000000f,inset 0 1px 2px #fffffff2}.about-socials-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.about-social-links{align-items:center;display:flex;gap:12px}.about-social-magnetic{display:inline-block}.about-social-link{align-items:center;background:var(--blur-bg);border:1px solid var(--border-color);border-radius:50%;display:flex;height:38px;justify-content:center;position:relative;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .25s ease,box-shadow .25s ease,background .25s ease;width:38px}.about-social-link:hover{background:#61dafb1f;border-color:#61dafb99;box-shadow:0 6px 16px var(--shadow-color),0 0 14px #61dafb4d;transform:translateY(-2px) scale(1.1)}.light-mode .about-social-link:hover{background:#007bff14;border-color:#007bff80;box-shadow:0 6px 16px #00000014,0 0 14px #007bff33}.about-social-link:focus-visible{outline:2px solid #61dafb;outline-offset:2px}.about-social-icon{height:20px;object-fit:contain;width:20px}.about-social-tooltip{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px var(--shadow-color);color:var(--text-primary);font-size:.72rem;font-weight:600;left:50%;opacity:0;padding:3px 8px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:25}.about-social-link:hover .about-social-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:1023px){.about-grid{gap:40px;grid-template-columns:1fr}.about-intro-col{align-items:center;text-align:center}.about-bio{margin-left:auto;margin-right:auto;text-align:center}.about-actions-row{justify-content:center}.about-tech-section{align-items:center}.about-tech-track{justify-content:center}.about-visual-col{margin-top:10px}.about-card-top-right-wrapper{right:5px;top:-5px}.about-card-bottom-right-wrapper{bottom:15px;right:0}.about-card-lower-left-wrapper{bottom:15px;left:5px}}@media (max-width:640px){.about-section{padding:50px 16px}.about-actions-row{flex-direction:column;gap:14px;width:100%}.about-btn-magnetic{width:100%}.about-btn{min-height:48px;width:100%}.about-tech-track{-webkit-overflow-scrolling:touch;gap:12px;max-width:100%;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.about-tech-track::-webkit-scrollbar{display:none}.about-photo-wrapper{max-width:340px;padding:20px 10px}.about-photo-frame{border-radius:28px;width:100%}.about-card-top-right-wrapper{right:-4px;top:-8px}.about-card-top-right{gap:8px;padding:10px 14px}.about-stat-number{font-size:1.5rem}.about-stat-title{font-size:.72rem}.about-stat-subtitle{font-size:.65rem}.about-card-bottom-right-wrapper{bottom:8px;right:-6px}.about-card-chart{min-width:140px;padding:10px 12px}.about-chart-label{font-size:.68rem}.about-chart-value{font-size:.95rem}.about-chart-body{height:30px}.about-card-lower-left-wrapper{bottom:8px;left:-4px}.about-bubble-orb{height:44px;width:44px}.about-bubble-star{height:18px;width:18px}.about-socials-pill{gap:12px;padding:8px 18px}}@media (prefers-reduced-motion:reduce){.about-btn-shine,.about-floating-card,.about-photo-glow,.about-role.shimmer-active,.about-sparkline-svg path{animation:none!important;transition:none!important}.about-photo-glow{opacity:.2!important;transform:none!important}.about-btn-shine{display:none!important}.about-btn,.about-social-link,.about-tech-logo{transition:none!important}}.experience-section{align-items:center;background:var(--bg-accent);border-top:1px solid var(--border-color);display:flex;justify-content:center;min-height:auto;overflow:hidden;padding:clamp(50px,6vw,80px) clamp(20px,4vw,50px) clamp(25px,3.5vw,40px);position:relative;scroll-margin-top:90px;transition:background .3s ease,border-color .3s ease}.experience-container{margin:0 auto;max-width:980px;position:relative;width:100%;z-index:2}.experience-ambient-bg{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.experience-orb{border-radius:50%;filter:blur(85px);pointer-events:none;position:absolute}.experience-orb-1{background:radial-gradient(circle,#61dafb1f,#0000 70%);height:420px;left:5%;top:20%;width:420px}.experience-orb-2{background:radial-gradient(circle,#ff006e17,#0000 70%);bottom:15%;height:460px;right:5%;width:460px}.light-mode .experience-orb-1{background:radial-gradient(circle,#007bff14,#0000 70%)}.light-mode .experience-orb-2{background:radial-gradient(circle,#28a74512,#0000 70%)}.experience-heading-wrap{margin-bottom:clamp(40px,6vw,65px);position:relative;text-align:center}.experience-eyebrow-wrapper{margin-bottom:8px}.experience-eyebrow{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#61dafb1a;border:1px solid #61dafb40;border-radius:30px;color:#61dafb;display:inline-flex;font-size:clamp(.75rem,.95vw,.85rem);font-weight:700;gap:8px;letter-spacing:.18em;padding:5px 14px;text-transform:uppercase}.light-mode .experience-eyebrow{background:#007bff14;border-color:#007bff40;color:#007bff}.experience-eyebrow:before{background:currentColor;border-radius:50%;box-shadow:0 0 8px currentColor;content:"";display:inline-block;height:6px;width:6px}.experience-title{color:var(--text-primary);font-size:clamp(2.2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:10px 0;text-shadow:0 2px 10px var(--shadow-color)}.experience-heading-line{background:var(--gradient-primary);border-radius:3px;height:3px;margin:12px auto 0;transform-origin:center center;width:64px}.experience-timeline{display:flex;flex-direction:column;gap:40px;list-style:none;margin:0;padding:0;position:relative}.timeline-track-base{background:#61dafb26;border-radius:3px;bottom:24px;left:20px;position:absolute;top:24px;width:3px;z-index:1}.light-mode .timeline-track-base{background:#007bff26}.timeline-track-fill{background:var(--gradient-primary);border-radius:3px;box-shadow:0 0 12px #61dafb99;left:0;position:absolute;top:0;width:100%}.light-mode .timeline-track-fill{box-shadow:0 0 10px #007bff80}.timeline-item{align-items:flex-start;display:flex;gap:clamp(20px,3.5vw,36px);padding-left:0;position:relative;z-index:2}.timeline-dot-wrapper{align-items:center;display:flex;flex-shrink:0;height:42px;justify-content:center;margin-top:18px;position:relative;width:42px}.timeline-dot-ripple{animation:dotRipple 2.8s cubic-bezier(0,.2,.8,1) infinite;background:#61dafb33;border:1px solid #61dafb66;border-radius:50%;height:32px;position:absolute;width:32px}.light-mode .timeline-dot-ripple{background:#007bff26;border-color:#007bff59}@keyframes dotRipple{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(2.2)}}.timeline-dot-pip{align-items:center;background:var(--bg-primary);border:2px solid #61dafb;border-radius:50%;box-shadow:0 0 14px #61dafb99;display:flex;height:18px;justify-content:center;position:relative;width:18px;z-index:2}.light-mode .timeline-dot-pip{border-color:#007bff;box-shadow:0 0 12px #007bff80}.timeline-dot-core{background:var(--gradient-primary);border-radius:50%;height:8px;width:8px}.experience-card-outer{flex:1 1;width:100%}.experience-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f2a8c;border:1.5px solid #61dafb3d;border-radius:clamp(20px,2.5vw,26px);box-shadow:0 16px 40px #00000073,0 0 25px #61dafb14,inset 0 1px 1px #ffffff1f;overflow:hidden;padding:clamp(22px,3.2vw,36px);position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease}.experience-card:hover{border-color:#61dafb73;box-shadow:0 24px 50px #00000080,0 0 35px #61dafb38,inset 0 1px 2px #fff3;transform:translateY(-4px)}.light-mode .experience-card{background:#ffffffad;border:1.5px solid #fffffff2;box-shadow:0 14px 35px #00000012,0 4px 12px #00000008,inset 0 1px 2px #fffffff2}.light-mode .experience-card:hover{border-color:#007bff59;box-shadow:0 20px 45px #0000001a,0 0 26px #007bff2e}.experience-card-spotlight{inset:0;pointer-events:none;position:absolute;transition:opacity .25s ease;z-index:1}.experience-header{align-items:center;display:flex;gap:clamp(16px,2.5vw,24px);margin-bottom:20px;position:relative;z-index:2}.experience-logo-box{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1.5px solid var(--border-color);border-radius:18px;box-shadow:0 8px 20px var(--shadow-color);display:flex;flex-shrink:0;height:clamp(56px,6vw,68px);justify-content:center;padding:8px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;width:clamp(56px,6vw,68px)}.experience-card:hover .experience-logo-box{box-shadow:0 12px 24px #61dafb40;transform:scale(1.06) translateY(-2px)}.light-mode .experience-logo-box{background:#ffffffe6;border-color:#00000014}.light-mode .experience-card:hover .experience-logo-box{box-shadow:0 10px 22px #007bff33}.experience-logo-img{display:block;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%}.experience-logo-fallback{-webkit-text-fill-color:#0000;align-items:center;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.25rem;font-weight:800;height:100%;justify-content:center;letter-spacing:-.02em;width:100%}.experience-title-group{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.experience-role-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.experience-role{color:var(--text-primary);font-size:clamp(1.28rem,2vw,1.65rem);font-weight:800;letter-spacing:-.015em;line-height:1.25;margin:0}.experience-company-wrap{margin:0}.experience-company{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:clamp(1rem,1.4vw,1.15rem);font-weight:700}.experience-badges-wrap{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.experience-type-pill{background:#61dafb1f;border:1px solid #61dafb47;border-radius:20px;color:#61dafb;font-size:.76rem;font-weight:700;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.light-mode .experience-type-pill{background:#007bff1a;border-color:#007bff40;color:#007bff}.experience-current-pill{align-items:center;background:#22c55e1f;border:1px solid #22c55e59;border-radius:20px;color:#22c55e;display:inline-flex;font-size:.76rem;font-weight:700;gap:6px;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.current-pulse-dot{animation:pulseDot 2s ease-in-out infinite alternate;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;height:7px;width:7px}@keyframes pulseDot{0%{opacity:.6;transform:scale(.85)}to{box-shadow:0 0 12px #22c55e;opacity:1;transform:scale(1.25)}}.experience-chips-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;position:relative;z-index:2}.experience-info-chip{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);display:inline-flex;font-size:.85rem;font-weight:500;gap:7px;padding:6px 14px;transition:all .25s ease}.experience-info-chip:hover{background:#ffffff1a;border-color:#61dafb66;color:var(--text-primary);transform:translateY(-2px)}.light-mode .experience-info-chip{background:rgba(0,0,0,.035);border-color:#00000014}.light-mode .experience-info-chip:hover{background:#007bff14;border-color:#007bff4d}.info-chip-icon{align-items:center;color:#61dafb;display:flex;justify-content:center}.light-mode .info-chip-icon{color:#007bff}.experience-desc{font-size:.95rem;margin-top:16px}.experience-desc,.experience-highlights{color:var(--text-secondary);line-height:1.6}.experience-highlights{font-size:.9rem;margin:14px 0 0 18px;padding:0}.experience-skills-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.experience-skill-badge{background:#61dafb14;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.78rem;font-weight:600;padding:4px 10px}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:1023px){.experience-section{padding:40px 20px 25px}.timeline-track-base{left:18px}.timeline-dot-wrapper{height:38px;margin-top:14px;width:38px}.timeline-item{gap:18px}}@media (max-width:639px){.experience-section{padding:32px 14px 20px}.timeline-track-base{left:14px}.timeline-dot-wrapper{height:30px;margin-top:16px;width:30px}.timeline-item{gap:12px}.experience-card{border-radius:20px;padding:20px 16px}.experience-header{align-items:flex-start;gap:14px;margin-bottom:16px}.experience-logo-box{border-radius:14px;height:50px;margin-top:2px;width:50px}.experience-role-row{align-items:flex-start;flex-direction:column;gap:6px}.experience-chips-row{flex-direction:column;gap:8px;width:100%}.experience-info-chip{font-size:.8rem;min-height:44px;padding:5px 12px;width:fit-content}}@media (max-width:400px){.experience-section{padding:28px 10px 15px}.experience-card{padding:16px 14px}}@media (prefers-reduced-motion:reduce){.current-pulse-dot,.experience-card,.experience-logo-box,.experience-orb,.timeline-dot-ripple{animation:none!important;transition:none!important}.experience-card:hover{transform:none!important}.timeline-track-fill{height:100%!important}}.skills{background:var(--bg-primary);overflow:visible;padding:clamp(25px,3.5vw,45px) 20px clamp(15px,2vw,30px);position:relative;transition:background .3s ease;z-index:5}.skills-ambient-bg{inset:0;overflow:hidden;z-index:0}.skills-ambient-bg,.skills-orb{pointer-events:none;position:absolute}.skills-orb{border-radius:50%;filter:blur(85px)}.skills-orb-1{background:radial-gradient(circle,#61dafb1f,#0000 70%);height:400px;left:12%;top:18%;width:400px}.skills-orb-2{background:radial-gradient(circle,#ff006e1c,#0000 70%);bottom:20%;height:450px;right:15%;width:450px}.light-mode .skills-orb-1{background:radial-gradient(circle,#007bff14,#0000 70%)}.light-mode .skills-orb-2{background:radial-gradient(circle,#28a74512,#0000 70%)}.skill{margin:0 auto;max-width:1400px;position:relative;z-index:2}.skill-tit{margin-bottom:40px;position:relative}.linee{background:var(--gradient-primary);border-radius:3px;height:3px;margin-bottom:25px;margin-left:700px;margin-top:10px;transform-origin:left center;width:60px}.skill-card-unit{margin-bottom:20px;position:relative}.skill-card-unit:last-child{margin-bottom:0}.skill-card-unit:last-child .skills-sub-menu:not(.active){height:0;margin-top:0}.skills-card-btn{align-items:center!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;background:#0f0f2aa6!important;border:1.5px solid var(--border-color)!important;border-color:#61dafb38!important;border-radius:16px!important;box-shadow:0 10px 30px #0006,inset 0 1px 0 #ffffff1a!important;color:var(--text-primary)!important;cursor:pointer!important;display:flex!important;gap:16px!important;overflow:hidden!important;padding:16px 26px!important;position:relative!important;text-align:left;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease,background .3s ease!important;-webkit-user-select:none;user-select:none}.light-mode .skills-card-btn{background:#ffffffc7!important;border-color:#ffffffe6!important;box-shadow:0 10px 28px #0000000f,0 2px 8px #00000008,inset 0 1px 2px #fffffff2!important;color:#111827!important}.skills-card-btn:hover{background:#0f0f2abf!important;border-color:#61dafb8c!important;box-shadow:0 16px 38px #00000080,0 0 24px #61dafb33,inset 0 1px 0 #fff3!important;transform:translateY(-4px)!important}.light-mode .skills-card-btn:hover{background:#ffffffe6!important;border-color:#007bff73!important;box-shadow:0 16px 36px #0000001a,0 0 20px #007bff2e,inset 0 1px 2px #fff!important}.skills-card-btn:active{transform:translateY(-2px) scale(.98)!important}.skills-card-btn.active{border-color:#61dafbcc!important;box-shadow:0 16px 42px #0000008c,0 0 32px #61dafb59,inset 0 0 16px #61dafb1f!important}.light-mode .skills-card-btn.active{border-color:#007bffb3!important;box-shadow:0 16px 38px #0000001a,0 0 26px #007bff40,inset 0 0 12px #007bff14!important}.skills-card-btn.active .skill-card-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-weight:700}.skills-card-btn:focus-visible{outline:2px solid #61dafb;outline-offset:3px}.skill-card-spotlight{inset:0;pointer-events:none;position:absolute;transition:opacity .25s ease;z-index:1}.skill-card-icon-wrap{align-items:center;background:#61dafb1f;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;position:relative;transition:transform .25s ease,background .25s ease;width:38px;z-index:2}.light-mode .skill-card-icon-wrap{background:#007bff1a}.skills-card-btn:hover .logoo{animation:skillIconWiggle .55s ease-in-out}@keyframes skillIconWiggle{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.15) rotate(-10deg)}50%{transform:scale(1.15) rotate(10deg)}75%{transform:scale(1.08) rotate(-4deg)}to{transform:scale(1) rotate(0deg)}}.skill-card-title{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin:0;position:relative;transition:color .3s ease;z-index:2}.skill-card-chevron-wrap{align-items:center;background:var(--blur-bg);border:1px solid var(--border-color);border-radius:50%;color:var(--text-muted);display:flex;flex-shrink:0;height:28px;justify-content:center;margin-left:auto;position:relative;transition:transform .35s cubic-bezier(.34,1.56,.64,1),color .3s ease,border-color .3s ease,background .3s ease;width:28px;z-index:2}.skill-card-chevron-wrap.open{background:#61dafb24;border-color:#61dafb99;color:#61dafb;transform:rotate(180deg)}.light-mode .skill-card-chevron-wrap.open{background:#007bff1a;border-color:#007bff80;color:#007bff}.skill-card-chevron-icon{height:15px;width:15px}.skills-sub-menu{height:50px;margin-top:10px;position:relative}.skill-icon-bubble-wrapper{left:50%;position:absolute;top:0;z-index:20}.skill-icon-bubble{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f0f2ac7;border:1.5px solid #61dafb47;border-radius:50%;box-shadow:0 10px 24px #00000073,0 0 16px #61dafb1f,inset 0 1px 1px #fff3;cursor:pointer;display:flex;height:48px;justify-content:center;outline:none;position:relative;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .25s ease;width:48px}.skill-icon-bubble:focus-visible,.skill-icon-bubble:hover{border-color:#61dafbb3;box-shadow:0 14px 30px #0000008c,0 0 24px #61dafb4d,inset 0 1px 1px #ffffff59}.light-mode .skill-icon-bubble{background:#ffffffe0;border:1.5px solid #fffffff2;box-shadow:0 10px 22px #00000014,0 0 14px #007bff1f,inset 0 1px 2px #fff}.light-mode .skill-icon-bubble:focus-visible,.light-mode .skill-icon-bubble:hover{border-color:#007bff8c;box-shadow:0 14px 28px #0000001f,0 0 20px #007bff33,inset 0 1px 2px #fff}.skill-icon-bubble:focus-visible{outline:2px solid #61dafb;outline-offset:3px}.loggo-img{height:26px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:26px}.skill-icon-tooltip{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;bottom:calc(100% + 9px);box-shadow:0 6px 18px var(--shadow-color);color:var(--text-primary);font-size:.75rem;font-weight:600;left:50%;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:35}.skill-icon-bubble:focus-visible .skill-icon-tooltip,.skill-icon-bubble:hover .skill-icon-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:1023px){.skill-head{margin-left:0!important;text-align:center!important}.linee{margin-left:auto!important;margin-right:auto!important}.cards{align-items:center!important;display:flex!important;flex-direction:column!important;gap:22px!important}.skill-card-unit{align-items:center;display:flex;flex-direction:column;max-width:420px;width:100%}.cardA,.cardB,.cardC,.cardD{margin-left:0!important;max-width:100%!important;width:100%!important}.skills-sub-menu{display:flex!important;flex-wrap:wrap!important;gap:12px!important;height:auto!important;justify-content:center!important;margin-top:14px!important;max-width:420px!important;min-height:0!important;position:static!important;width:100%!important}.skill-icon-bubble-wrapper{position:static!important;transform:none!important}.skill-icon-bubble{height:48px;width:48px}}@media (max-width:640px){.skills{padding:25px 16px 20px}.skills-card-btn{padding:14px 20px!important}.skill-card-title{font-size:.98rem}.skill-card-unit{max-width:360px}.skills-sub-menu{gap:10px!important;max-width:360px!important}.skill-icon-bubble{height:44px;width:44px}.loggo-img{height:23px;width:23px}}@media (prefers-reduced-motion:reduce){.skill-card-chevron-wrap,.skill-card-spotlight,.skill-icon-bubble,.skills-card-btn,.skills-orb{animation:none!important;transition:none!important}.skills-orb{opacity:.1!important;transform:none!important}.skills-card-btn:hover .logoo{animation:none!important}}.projects{overflow:visible;position:relative}.projects-ambient-bg{inset:0;overflow:hidden;z-index:0}.projects-ambient-bg,.projects-orb{pointer-events:none;position:absolute}.projects-orb{border-radius:50%;filter:blur(90px)}.projects-orb-1{background:radial-gradient(circle,#61dafb1f,#0000 70%);height:450px;left:10%;top:15%;width:450px}.projects-orb-2{background:radial-gradient(circle,#ff006e1a,#0000 70%);height:500px;right:10%;top:50%;width:500px}.projects-orb-3{background:radial-gradient(circle,#007bff1a,#0000 70%);bottom:12%;height:420px;left:15%;width:420px}.light-mode .projects-orb-1{background:radial-gradient(circle,#007bff12,#0000 70%)}.light-mode .projects-orb-2{background:radial-gradient(circle,#28a7450f,#0000 70%)}.light-mode .projects-orb-3{background:radial-gradient(circle,#007bff0f,#0000 70%)}.project-line-wrap{position:relative}.project .line{background:var(--gradient-primary);border-radius:3px;height:3px;margin-bottom:30px;margin-left:700px;margin-top:10px;transform-origin:left center;width:60px}.project-depth-wrapper{position:relative;transform-style:preserve-3d;transition:box-shadow .3s ease;width:100%;will-change:transform,opacity,filter}.project-depth-dimmer{background:#000;transition:opacity .2s ease;z-index:8}.project-depth-dimmer,.project-spotlight{border-radius:10px;inset:0;pointer-events:none;position:absolute}.project-spotlight{transition:opacity .25s ease;z-index:7}.projectA:hover,.projectB:hover,.projectC:hover,.projectD:hover{box-shadow:0 16px 45px var(--shadow-color),0 0 25px #61dafb40!important}.projectE:hover{box-shadow:0 16px 45px var(--shadow-color),0 0 28px #10b98159!important}.projectF:hover{box-shadow:0 16px 45px var(--shadow-color),0 0 28px #6366f159!important}.light-mode .projectA:hover,.light-mode .projectB:hover,.light-mode .projectC:hover,.light-mode .projectD:hover{box-shadow:0 16px 40px #0000001a,0 0 22px #007bff33!important}.light-mode .projectE:hover{box-shadow:0 16px 40px #0000001a,0 0 24px #f59e0b59!important}.light-mode .projectF:hover{box-shadow:0 16px 40px #0000001a,0 0 24px #8b5cf659!important}.project-video-container{align-items:center;display:flex;justify-content:center;position:relative;width:50%}.project-video-container .card-video,.project-video-container .ccard-video{transition:opacity .4s ease;width:100%!important}.video-skeleton-loader{animation:videoSkeletonShimmer 1.8s linear infinite;background:linear-gradient(90deg,#ffffff08,#ffffff1f 50%,#ffffff08);background-size:200% 100%;border-radius:10px;height:300px;inset:0;pointer-events:none;position:absolute;z-index:2}.light-mode .video-skeleton-loader{background:linear-gradient(90deg,#0000000a,#00000017 50%,#0000000a);background-size:200% 100%}@keyframes videoSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.features li{transition:transform .2s cubic-bezier(.34,1.56,.64,1),color .2s ease}.features li:hover{color:var(--text-primary);transform:translateX(4px)}.project-link-magnetic{position:absolute;right:20px;top:20px;z-index:10}.project-link-magnetic .lllogo{align-items:center;display:flex;justify-content:center;overflow:hidden;position:static!important;position:relative!important}.project-link-shine{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-120%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);transition:left .5s ease;width:70%}.project-link-magnetic:hover .project-link-shine{left:160%}.project-link-magnetic:active .lllogo{transform:scale(.95)}.project-link-magnetic a:focus-visible{border-radius:50%;outline:2px solid #61dafb;outline-offset:3px}.projects-scroll-indicator{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0f0f2a8c;border:1px solid #61dafb33;border-radius:30px;box-shadow:0 8px 24px #00000059;display:flex;flex-direction:column;gap:12px;padding:10px 8px;pointer-events:auto;position:fixed;right:24px;top:50%;transform:translateY(-50%);transition:opacity .3s ease,transform .3s ease,background .3s ease;z-index:80}.light-mode .projects-scroll-indicator{background:#ffffffbf;border-color:#0000001a;box-shadow:0 8px 20px #00000014}.projects-indicator-dot{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;outline:none;padding:0;position:relative;width:24px}.projects-indicator-dot:focus-visible{outline:2px solid #61dafb;outline-offset:2px}.indicator-pip{background:var(--text-muted);border-radius:50%;height:8px;opacity:.45;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:8px}.projects-indicator-dot.active .indicator-pip{background:var(--gradient-primary);border-radius:10px;box-shadow:0 0 10px #61dafb99;height:18px;opacity:1;width:10px}.light-mode .projects-indicator-dot.active .indicator-pip{box-shadow:0 0 8px #007bff80}.indicator-tooltip{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 14px var(--shadow-color);color:var(--text-primary);font-size:.72rem;font-weight:600;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(6px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.projects-indicator-dot:focus-visible .indicator-tooltip,.projects-indicator-dot:hover .indicator-tooltip{opacity:1;transform:translateY(-50%) translateX(0)}@media (max-width:767px){.projects-scroll-indicator{display:none!important}}@media (max-width:1023px){.project .line{margin-left:auto!important;margin-right:auto!important}.project-video-container{width:100%!important}}@media (prefers-reduced-motion:reduce){.project-depth-wrapper,.project-link-shine,.projects-orb,.video-skeleton-loader{animation:none!important;transition:none!important}.projects-orb{opacity:.08!important;transform:none!important}.video-skeleton-loader{display:none!important}.project-depth-wrapper{filter:none!important;opacity:1!important;transform:none!important}}
/*# sourceMappingURL=main.143f28d1.css.map*/