@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root,[data-theme=dark]{--navy-900:#040d12;--navy-850:#052029;--navy-800:#062e3d;--navy-700:#0a4555;--navy-600:#0e5c6b;--accent-primary:#2dd4bf;--accent-secondary:#183d3d;--accent-light:#5eead4;--accent-dark:#0d9488;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--bg-primary:#040d12;--bg-secondary:#062e3d;--bg-card:#062e3db3;--border-accent:#2dd4bf33;--gradient-accent:linear-gradient(135deg, #2dd4bf 0%, #5eead4 50%, #2dd4bf 100%);--gradient-accent-reverse:linear-gradient(135deg, #0d9488 0%, #14b8a6 50%, #0d9488 100%);--glow-accent:#2dd4bf66;--font-heading:"Plus Jakarta Sans", sans-serif}[data-theme=light]{--navy-900:#f0fdfa;--navy-850:#e6fffa;--navy-800:#99f6e4;--navy-700:#5eead4;--navy-600:#2dd4bf;--navy-500:#14b8a6;--navy-400:#0d9488;--navy-300:#0f766e;--navy-200:#115e59;--navy-100:#134e4a;--navy-50:#042f2e;--accent-primary:#0d9488;--accent-secondary:#ccfbf1;--accent-light:#14b8a6;--accent-dark:#0f766e;--text-primary:#042f2e;--text-secondary:#0f766e;--text-muted:#5c7a7a;--bg-primary:#f0fdfa;--bg-secondary:#e0f7f5;--bg-card:#ffffffd9;--bg-card-solid:#fff;--border-accent:#0d948840;--gradient-accent:linear-gradient(135deg, #0d9488 0%, #14b8a6 50%, #0d9488 100%);--gradient-accent-reverse:linear-gradient(135deg, #14b8a6 0%, #2dd4bf 50%, #14b8a6 100%);--glow-accent:#0d948840;--font-heading:"Plus Jakarta Sans", sans-serif;--noise-opacity:.015;--navbar-bg:#f0fdfaf2;--shadow-color:#0d453f26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}html,body{height:100%;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";opacity:.03;pointer-events:none;z-index:99999;content:"";opacity:.03;pointer-events:none;z-index:99999;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(5deg)}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-50px)rotate(8deg)}}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-fast{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-border{0%,to{box-shadow:0 0 20px #2dd4bf4d}50%{box-shadow:0 0 50px #2dd4bf99}}@keyframes orb-float-1{0%,to{opacity:.4;transform:translate(0)scale(1)rotate(0)}25%{opacity:.6;transform:translate(100px,-80px)scale(1.3)rotate(90deg)}50%{opacity:.3;transform:translate(50px,100px)scale(.9)rotate(180deg)}75%{opacity:.5;transform:translate(-80px,60px)scale(1.1)rotate(270deg)}}@keyframes orb-float-2{0%,to{opacity:.3;transform:translate(0)scale(1)}33%{opacity:.5;transform:translate(-120px,80px)scale(1.2)}66%{opacity:.4;transform:translate(80px,-100px)scale(.8)}}@keyframes orb-float-3{0%,to{opacity:.35;transform:translate(0)}50%{opacity:.6;transform:translate(150px,-80px)}}@keyframes orb-float-4{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-100px,100px)scale(1.2)}}@keyframes particle-float{0%,to{opacity:.3;transform:translateY(0)translate(0)scale(1)}25%{opacity:.7;transform:translateY(-60px)translate(30px)scale(1.5)}50%{opacity:.4;transform:translateY(-30px)translate(-40px)scale(.8)}75%{opacity:.6;transform:translateY(-80px)translate(20px)scale(1.3)}}@keyframes atomRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes atomOrbit1{0%{transform:rotate(0)translate(25px)rotate(0)}to{transform:rotate(360deg)translate(25px)rotate(-360deg)}}@keyframes atomOrbit2{0%{transform:rotate(120deg)translate(25px)rotate(0)}to{transform:rotate(480deg)translate(25px)rotate(-360deg)}}@keyframes atomOrbit3{0%{transform:rotate(240deg)translate(25px)rotate(0)}to{transform:rotate(600deg)translate(25px)rotate(-360deg)}}@keyframes codeFloat{0%,to{opacity:.2;transform:translateY(0)rotate(0)}25%{opacity:.5;transform:translateY(-30px)rotate(10deg)}50%{opacity:.3;transform:translateY(-15px)rotate(-5deg)}75%{opacity:.6;transform:translateY(-40px)rotate(15deg)}}@keyframes bracketPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}@keyframes diamondSpin{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.2)}}.navbar{z-index:9999!important;-webkit-backdrop-filter:blur(25px)saturate(180%)!important;border-bottom:1px solid var(--border-accent)!important;background:#040d12fc!important;padding:18px 0!important;position:fixed!important;top:0!important;left:0!important;right:0!important;box-shadow:0 4px 30px #00000080!important}.navbar-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 48px;display:flex}.logo{color:var(--text-primary);letter-spacing:-1px;font-size:1.75rem;font-weight:800}.logo span{color:var(--accent-primary)}.nav-links{align-items:center;gap:40px;list-style:none;display:flex}.nav-links li{align-items:center;display:flex}.nav-links a{color:var(--text-secondary);padding:8px 0;font-size:.95rem;font-weight:500;transition:all .3s;position:relative}.nav-links a:hover{color:var(--accent-primary)}.nav-links a:after{content:"";background:var(--gradient-accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a:hover:after{width:100%}.nav-cta{background:var(--gradient-accent)!important;color:var(--bg-primary)!important;border-radius:50px!important;padding:12px 28px!important;font-size:.9rem!important;font-weight:700!important;transition:all .3s!important}.nav-cta:hover{transform:translateY(-3px)!important;box-shadow:0 15px 40px #2dd4bf80!important}.nav-cta:after{display:none!important}.theme-toggle{color:var(--text-secondary);border:1px solid var(--border-accent);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:all .3s;display:flex}.theme-toggle:hover{color:var(--accent-primary);border-color:var(--accent-primary);transform:rotate(15deg)}.mobile-menu-btn{color:var(--text-primary);z-index:10000;background:0 0;padding:8px;display:none;position:relative}.theme-toggle-mobile{color:var(--text-primary);background:0 0;margin-left:8px;padding:8px;display:none}.theme-toggle-mobile-nav{color:var(--accent-primary);border-bottom:1px solid var(--border-accent);cursor:pointer;background:0 0;align-items:center;gap:12px;padding:20px 0;font-size:1.5rem;font-weight:600;display:none}.hero{align-items:center;min-height:100vh;padding:120px 48px 80px;display:flex;position:relative;overflow:hidden}.hero-bg{background:linear-gradient(135deg, var(--navy-900) 0%, var(--navy-700) 50%, var(--navy-900) 100%);background-size:400% 400%;animation:15s infinite gradientShift;position:absolute;inset:0}.hero-orb{filter:blur(80px);border-radius:50%;animation:20s ease-in-out infinite orb-float-1;position:absolute}.hero-orb-1{background:radial-gradient(circle,#2dd4bf66 0%,#0000 70%);width:700px;height:700px;top:-250px;left:-150px}.hero-orb-2{background:radial-gradient(circle,#1a3a6b99 0%,#0000 70%);width:600px;height:600px;animation:25s ease-in-out infinite orb-float-2;bottom:-200px;right:-150px}.hero-orb-3{background:radial-gradient(circle,#2dd4bf4d 0%,#0000 70%);width:500px;height:500px;animation:18s ease-in-out infinite orb-float-3;top:40%;right:15%}.hero-particles{position:absolute;inset:0;overflow:hidden}.particle{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;animation:12s ease-in-out infinite particle-float;position:absolute}.particle:first-child{animation-delay:0s;top:20%;left:10%}.particle:nth-child(2){animation-delay:2s;top:60%;left:25%}.particle:nth-child(3){animation-delay:4s;top:80%;left:40%}.particle:nth-child(4){animation-delay:1s;top:30%;left:55%}.particle:nth-child(5){animation-delay:3s;top:70%;left:70%}.particle:nth-child(6){animation-delay:5s;top:40%;left:85%}.particle:nth-child(7){animation-delay:1.5s;top:85%;left:5%}.particle:nth-child(8){animation-delay:2.5s;top:15%;left:95%}.hero-content{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;max-width:1400px;margin:0 auto;display:grid;position:relative}.hero-left{animation:.8s forwards fadeInUp}.hero-badge{border:1px solid var(--border-accent);color:var(--accent-primary);background:#2dd4bf33;border-radius:50px;align-items:center;gap:12px;margin-bottom:32px;padding:12px 24px;font-size:.875rem;font-weight:600;display:inline-flex}.hero-badge-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 10px #22c55e}.hero-title{letter-spacing:-2px;margin-bottom:24px;font-size:4rem;font-weight:800;line-height:1.1}.hero-title .gold{background:var(--gradient-accent);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:3s infinite gradientShift}.hero-subtitle{color:var(--text-secondary);max-width:540px;margin-bottom:40px;font-size:1.25rem;line-height:1.8}.hero-subtitle strong{color:var(--accent-primary)}.hero-buttons{flex-wrap:wrap;gap:20px;margin-bottom:60px;display:flex}.btn-primary{background:var(--gradient-accent);color:var(--navy-900);letter-spacing:.5px;background-size:200%;border:none;border-radius:12px;align-items:center;gap:12px;padding:18px 40px;font-size:1rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;animation:2s infinite shimmer;position:absolute;top:0}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 25px 50px #2dd4bf73}.btn-outline{color:var(--accent-primary);border:2px solid var(--accent-primary);background:0 0;border-radius:12px;align-items:center;gap:12px;padding:18px 40px;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-outline:hover{background:var(--accent-primary);color:var(--navy-900);transform:translateY(-4px);box-shadow:0 15px 40px #2dd4bf4d}.hero-stats{flex-wrap:wrap;gap:50px;display:flex}.stat-item{text-align:left}.stat-number{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:3rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.8rem;font-weight:600}.hero-right{opacity:0;justify-content:center;align-items:center;animation:.8s .3s forwards fadeInUp;display:flex;position:relative}.profile-container{width:420px;height:420px;position:relative}.profile-ring{border:2px solid var(--accent-primary);border-radius:50%;animation:20s linear infinite spin-slow;position:absolute;inset:0}.profile-ring:before{content:"";background:var(--accent-primary);width:20px;height:20px;box-shadow:0 0 30px var(--accent-primary);border-radius:50%;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.profile-ring:nth-child(2){border-style:dashed;border-color:#2dd4bf99;animation-duration:15s;animation-direction:reverse;inset:-30px}.profile-ring:nth-child(3){opacity:.4;border-width:1px;border-color:#2dd4bf4d;animation-duration:25s;inset:-60px}.profile-img{border:5px solid var(--accent-primary);border-radius:50%;animation:3s ease-in-out infinite glow-border;position:absolute;inset:40px;overflow:hidden;box-shadow:0 0 60px #2dd4bf66}.profile-img img{object-fit:cover;width:100%;height:100%}.tech-orbit{width:100%;height:100%;animation:30s linear infinite spin-slow;position:absolute}.tech-item{background:linear-gradient(135deg, var(--navy-800), var(--navy-700));border:2px solid var(--border-accent);width:70px;height:70px;color:var(--accent-primary);border-radius:20px;justify-content:center;align-items:center;font-size:1.75rem;transition:all .3s;display:flex;position:absolute;box-shadow:0 10px 40px #0006,0 0 20px #2dd4bf33}.tech-item:hover{border-color:var(--accent-primary);transform:scale(1.2);box-shadow:0 15px 50px #00000080,0 0 30px #2dd4bf80}.tech-item:first-child{top:0;left:50%;transform:translate(-50%)translateY(-50%)}.tech-item:nth-child(2){top:50%;right:0;transform:translate(50%)translateY(-50%)}.tech-item:nth-child(3){bottom:0;left:50%;transform:translate(-50%)translateY(50%)}.tech-item:nth-child(4){top:50%;left:0;transform:translate(-50%)translateY(-50%)}.hero-scroll{color:var(--text-muted);text-transform:uppercase;letter-spacing:3px;z-index:10;flex-direction:column;align-items:center;gap:16px;font-size:.8rem;font-weight:600;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator{opacity:0;animation:1s 1s forwards fadeInUp}.scroll-mouse{border:2px solid var(--accent-primary);border-radius:20px;justify-content:center;width:28px;height:44px;padding-top:8px;display:flex;position:relative}.scroll-wheel{background:var(--accent-primary);border-radius:4px;width:4px;height:10px;animation:2s ease-in-out infinite scroll-wheel}@keyframes scroll-wheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(18px)}}.section{padding:140px 48px;position:relative;overflow:hidden}.section-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.section-orb{filter:blur(60px);border-radius:50%;position:absolute}.section-particle{background:var(--accent-primary);border-radius:50%;width:6px;height:6px;position:absolute}.react-atom{width:80px;height:80px;position:absolute}.react-atom-core{background:var(--accent-primary);width:20px;height:20px;box-shadow:0 0 20px var(--accent-primary);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.react-atom-orbit{border:2px solid #2dd4bf66;border-radius:50%;animation:8s linear infinite atomRotate;position:absolute;inset:0}.react-atom-orbit:nth-child(2){animation-name:atomOrbit1;animation-duration:6s}.react-atom-orbit:nth-child(3){animation-name:atomOrbit2;animation-duration:8s}.react-atom-orbit:nth-child(4){animation-name:atomOrbit3;animation-duration:10s}.react-atom-electron{background:var(--accent-primary);width:10px;height:10px;box-shadow:0 0 15px var(--accent-primary);border-radius:50%;position:absolute}.code-symbol{color:var(--accent-primary);opacity:.2;font-family:monospace;font-size:2.5rem;animation:10s ease-in-out infinite codeFloat;position:absolute}.diamond-symbol{background:var(--accent-primary);opacity:.15;width:30px;height:30px;animation:15s ease-in-out infinite diamondSpin;position:absolute;transform:rotate(45deg)}.bracket-symbol{color:var(--accent-primary);opacity:.15;font-family:monospace;font-size:3rem;animation:5s ease-in-out infinite bracketPulse;position:absolute}.section-about{background:var(--bg-secondary)}.section-about .section-bg .section-orb:first-child{background:radial-gradient(circle,#2dd4bf26 0%,#0000 70%);width:600px;height:600px;animation:22s ease-in-out infinite orb-float-1;top:-200px;right:-150px}.section-about .section-bg .section-orb:nth-child(2){background:radial-gradient(circle,#1a3a6b66 0%,#0000 70%);width:500px;height:500px;animation:28s ease-in-out infinite orb-float-2;bottom:-150px;left:-100px}.section-about .section-bg .section-particle:nth-child(3){animation:14s ease-in-out infinite particle-float;top:30%;left:15%}.section-about .section-bg .section-particle:nth-child(4){animation:16s ease-in-out 2s infinite particle-float;top:60%;left:80%}.section-about .section-bg .section-particle:nth-child(5){animation:12s ease-in-out 1s infinite particle-float;top:20%;left:60%}.section-about .section-bg .section-particle:nth-child(6){animation:18s ease-in-out 3s infinite particle-float;top:70%;left:30%}.section-about .section-bg .react-atom:nth-child(7){animation:15s ease-in-out infinite floatSlow;top:15%;left:10%}.section-about .section-bg .react-atom:nth-child(8){animation:12s ease-in-out 2s infinite float;bottom:20%;right:15%}.section-about .section-bg .code-symbol:nth-child(9){animation-delay:1s;top:40%;right:8%}.section-about .section-bg .diamond-symbol:nth-child(10){animation-delay:.5s;top:60%;left:5%}.section-stack{background:var(--bg-primary)}.section-stack .section-bg .section-orb:first-child{background:radial-gradient(circle,#1a3a6b59 0%,#0000 70%);width:700px;height:700px;animation:30s ease-in-out infinite orb-float-2;bottom:-250px;left:-250px}.section-stack .section-bg .section-orb:nth-child(2){background:radial-gradient(circle,#2dd4bf1f 0%,#0000 70%);width:550px;height:550px;animation:25s ease-in-out infinite orb-float-3;top:-150px;right:-150px}.section-stack .section-bg .section-particle:nth-child(3){animation:15s ease-in-out infinite particle-float;top:40%;left:20%}.section-stack .section-bg .section-particle:nth-child(4){animation:13s ease-in-out 1.5s infinite particle-float;top:25%;left:70%}.section-stack .section-bg .section-particle:nth-child(5){animation:17s ease-in-out 3s infinite particle-float;top:70%;left:45%}.section-stack .section-bg .section-particle:nth-child(6){animation:14s ease-in-out 2s infinite particle-float;top:55%;left:85%}.section-stack .section-bg .section-particle:nth-child(7){animation:16s ease-in-out 4s infinite particle-float;top:80%;left:5%}.section-stack .section-bg .react-atom:nth-child(8){animation:14s ease-in-out infinite float;top:10%;right:20%}.section-stack .section-bg .react-atom:nth-child(9){animation:16s ease-in-out 2s infinite floatSlow;bottom:15%;left:25%}.section-stack .section-bg .react-atom:nth-child(10){animation:12s ease-in-out 1s infinite float;top:50%;left:5%}.section-stack .section-bg .code-symbol:nth-child(11){animation-delay:2s;top:30%;left:15%}.section-stack .section-bg .code-symbol:nth-child(12){animation-delay:.5s;bottom:30%;right:10%}.section-stack .section-bg .bracket-symbol:nth-child(13){animation-delay:1s;top:20%;right:5%}.section-stack .section-bg .diamond-symbol:nth-child(14){animation-delay:1.5s;bottom:40%;right:25%}.section-experience{background:var(--bg-secondary)}.section-experience .section-bg .section-orb:first-child{background:radial-gradient(circle,#2dd4bf1a 0%,#0000 70%);width:550px;height:550px;animation:24s ease-in-out infinite orb-float-1;top:20%;right:-150px}.section-experience .section-bg .section-orb:nth-child(2){background:radial-gradient(circle,#1a3a6b4d 0%,#0000 70%);width:450px;height:450px;animation:20s ease-in-out infinite orb-float-4;bottom:10%;left:-120px}.section-experience .section-bg .section-particle:nth-child(3){animation:18s ease-in-out infinite particle-float;top:50%;left:10%}.section-experience .section-bg .section-particle:nth-child(4){animation:14s ease-in-out 2s infinite particle-float;top:30%;left:90%}.section-experience .section-bg .section-particle:nth-child(5){animation:16s ease-in-out 1s infinite particle-float;top:80%;left:55%}.section-experience .section-bg .section-particle:nth-child(6){animation:20s ease-in-out 3s infinite particle-float;top:15%;left:25%}.section-experience .section-bg .react-atom:nth-child(7){animation:18s ease-in-out infinite floatSlow;top:20%;left:8%}.section-experience .section-bg .react-atom:nth-child(8){animation:15s ease-in-out 2s infinite float;bottom:25%;right:12%}.section-experience .section-bg .code-symbol:nth-child(9){animation-delay:1.5s;top:60%;right:5%}.section-experience .section-bg .diamond-symbol:nth-child(10){animation-delay:.8s;top:10%;right:20%}.section-projects{background:var(--bg-primary)}.section-projects .section-bg .section-orb:first-child{background:radial-gradient(circle,#2dd4bf1f 0%,#0000 70%);width:650px;height:650px;animation:8s ease-in-out infinite pulse-glow;top:-200px;left:50%;transform:translate(-50%)}.section-projects .section-bg .section-orb:nth-child(2){background:radial-gradient(circle,#1a3a6b40 0%,#0000 70%);width:500px;height:500px;animation:26s ease-in-out infinite orb-float-2;bottom:-150px;right:10%}.section-projects .section-bg .section-particle:nth-child(3){animation:15s ease-in-out infinite particle-float;top:35%;left:25%}.section-projects .section-bg .section-particle:nth-child(4){animation:13s ease-in-out 2s infinite particle-float;top:45%;left:75%}.section-projects .section-bg .section-particle:nth-child(5){animation:17s ease-in-out 1s infinite particle-float;top:15%;left:50%}.section-projects .section-bg .section-particle:nth-child(6){animation:14s ease-in-out 3s infinite particle-float;top:75%;left:40%}.section-projects .section-bg .section-particle:nth-child(7){animation:16s ease-in-out .5s infinite particle-float;top:55%;left:15%}.section-projects .section-bg .react-atom:nth-child(8){animation:14s ease-in-out infinite floatSlow;top:15%;left:10%}.section-projects .section-bg .react-atom:nth-child(9){animation:12s ease-in-out 1s infinite float;bottom:20%;right:20%}.section-projects .section-bg .react-atom:nth-child(10){animation:16s ease-in-out 2s infinite floatSlow;top:40%;left:5%}.section-projects .section-bg .code-symbol:nth-child(11){animation-delay:.3s;top:25%;right:15%}.section-projects .section-bg .code-symbol:nth-child(12){animation-delay:1.2s;bottom:35%;left:8%}.section-projects .section-bg .bracket-symbol:nth-child(13){animation-delay:.8s;top:70%;right:8%}.section-projects .section-bg .diamond-symbol:nth-child(14){animation-delay:1.5s;bottom:15%;left:20%}.section-clients{background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-primary) 100%);padding:140px 48px;position:relative;overflow:hidden}.section-clients .section-bg .section-orb-glow{background:radial-gradient(circle,#2dd4bf26 0%,#0000 60%);width:800px;height:800px;animation:6s ease-in-out infinite pulse-glow;top:50%;left:50%;transform:translate(-50%,-50%)}.section-clients .section-bg .section-orb:nth-child(2){background:radial-gradient(circle,#1a3a6b66 0%,#0000 70%);width:500px;height:500px;animation:25s ease-in-out infinite orb-float-3;bottom:-100px;right:-100px}.section-clients .section-bg .react-atom:nth-child(3){animation:12s ease-in-out infinite floatSlow;top:10%;right:5%}.section-clients .section-bg .react-atom:nth-child(4){animation:14s ease-in-out 2s infinite float;bottom:10%;left:10%}.section-clients .section-bg .code-symbol:nth-child(5){animation-delay:0s;top:25%;left:5%}.section-clients .section-bg .code-symbol:nth-child(6){animation-delay:1s;bottom:30%;right:8%}.section-clients .section-bg .diamond-symbol:nth-child(7){animation-delay:.5s;top:40%;right:3%}.section-clients .section-bg .diamond-symbol:nth-child(8){animation-delay:1.5s;bottom:35%;left:3%}.globe-container{pointer-events:none;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.globe{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.globe-inner{width:200px;height:200px;position:relative}.globe-ring{border:2px solid #2dd4bf33;border-radius:50%;animation:20s linear infinite spin-slow;position:absolute;inset:0}.globe-ring:nth-child(2){border-color:#2dd4bf26;animation-duration:25s;animation-direction:reverse;inset:-30px}.globe-ring:nth-child(3){border-color:#2dd4bf1a;animation-duration:30s;inset:-60px}.globe-dot{background:var(--accent-primary);width:12px;height:12px;box-shadow:0 0 20px var(--accent-primary);border-radius:50%;animation:2s ease-in-out infinite pulse-dot;position:absolute}.globe-dot-1{animation-delay:0s;top:20%;left:50%;transform:translate(-50%)}.globe-dot-2{animation-delay:.3s;top:50%;right:10%}.globe-dot-3{animation-delay:.6s;top:70%;left:30%}.globe-dot-4{animation-delay:.9s;top:30%;left:20%}.globe-dot-5{animation-delay:1.2s;bottom:20%;right:30%}.globe-dot-6{animation-delay:1.5s;top:50%;left:15%}.pulse-ring{border:2px solid #2dd4bf4d;border-radius:50%;animation:4s ease-out infinite pulseRing;position:absolute}.pulse-ring-1{width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%)}.pulse-ring-2{width:600px;height:600px;animation-delay:1s;top:50%;left:50%;transform:translate(-50%,-50%)}.pulse-ring-3{width:800px;height:800px;animation-delay:2s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseRing{0%{opacity:.6;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}.clients-header{text-align:center;z-index:2;margin-bottom:60px;position:relative}.clients-header .section-label{text-transform:uppercase;letter-spacing:4px;color:var(--accent-primary);margin-bottom:16px;font-size:.875rem;font-weight:700;display:inline-block;position:relative}.clients-header .section-label:before,.clients-header .section-label:after{content:"";background:var(--accent-primary);width:60px;height:1px;position:absolute;top:50%}.clients-header .section-label:before{right:calc(100% + 20px)}.clients-header .section-label:after{left:calc(100% + 20px)}.clients-header .section-title{letter-spacing:-1px;margin-bottom:16px;font-size:3.5rem;font-weight:800}.clients-header .section-title .gold{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.clients-header .section-desc{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.2rem}.clients-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto 60px;display:grid;position:relative}.client-card{background:var(--bg-card);border:1px solid var(--border-accent);cursor:pointer;border-radius:20px;align-items:center;gap:16px;padding:24px 28px;transition:all .4s;display:flex;position:relative;overflow:hidden}.client-card:before{content:"";opacity:0;background:linear-gradient(135deg,#2dd4bf1a 0%,#0000 100%);transition:opacity .4s;position:absolute;inset:0}.client-card:hover{border-color:var(--accent-primary);box-shadow:0 20px 60px #2dd4bf33}.client-card:hover:before{opacity:1}.client-glow{opacity:0;background:radial-gradient(circle at 0%,#2dd4bf4d 0%,#0000 50%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.client-card:hover .client-glow{opacity:1}.client-flag{filter:drop-shadow(0 4px 8px #0000004d);z-index:1;font-size:2.5rem;position:relative}.client-info{z-index:1;position:relative}.client-country{color:var(--text-primary);margin-bottom:4px;font-size:1.2rem;font-weight:700}.client-region{color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:600}.clients-stats{background:var(--bg-card);border:1px solid var(--border-accent);z-index:2;border-radius:24px;justify-content:center;align-items:center;gap:60px;max-width:700px;margin:0 auto;padding:40px 60px;display:flex;position:relative}.clients-stats:before{content:"";background:linear-gradient(135deg,#2dd4bf0d 0%,#0000 100%);border-radius:24px;position:absolute;inset:0}.client-stat{text-align:center;z-index:1;position:relative}.client-stat-num{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.5rem;font-weight:800;line-height:1}.client-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.85rem;font-weight:600}.client-stat-divider{background:linear-gradient(to bottom, transparent, var(--border-accent), transparent);z-index:1;width:2px;height:50px;position:relative}.section-content{z-index:2;max-width:1400px;margin:0 auto;position:relative}.section-header{text-align:center;margin-bottom:80px}.section-label{text-transform:uppercase;letter-spacing:4px;color:var(--accent-primary);margin-bottom:16px;font-size:.875rem;font-weight:700;display:inline-block;position:relative}.section-label:before,.section-label:after{content:"";background:var(--accent-primary);width:60px;height:1px;position:absolute;top:50%}.section-label:before{right:calc(100% + 20px)}.section-label:after{left:calc(100% + 20px)}.section-title{letter-spacing:-1px;margin-bottom:20px;font-size:3.5rem;font-weight:800}.section-title .gold{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-desc{color:var(--text-secondary);max-width:650px;margin:0 auto;font-size:1.2rem;line-height:1.8}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-image-wrap{position:relative}.about-img{border:2px solid var(--border-accent);border-radius:24px;transition:all .4s;overflow:hidden;box-shadow:0 30px 80px #00000080}.about-img:hover{transform:scale(1.02);box-shadow:0 40px 100px #0009,0 0 40px #2dd4bf26}.about-img img{width:100%;display:block}.exp-badge{background:var(--gradient-accent);text-align:center;border-radius:20px;padding:30px 40px;animation:3s ease-in-out infinite glow-border;position:absolute;bottom:-30px;right:-30px;box-shadow:0 20px 60px #2dd4bf80}.exp-badge-num{color:var(--navy-900);font-size:3.5rem;font-weight:800;line-height:1}.exp-badge-text{color:var(--navy-900);text-transform:uppercase;letter-spacing:2px;font-size:.875rem;font-weight:700}.about-text h2{margin-bottom:24px;font-size:2.5rem;font-weight:800;line-height:1.2}.about-text p{color:var(--text-secondary);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.about-text strong{color:var(--accent-primary)}.about-highlights{grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;display:grid}.highlight-item{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:16px;align-items:flex-start;gap:16px;padding:24px;transition:all .4s;display:flex}.highlight-item:hover{border-color:var(--accent-primary);background:#2dd4bf1a;transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.highlight-icon{background:var(--gradient-accent);width:50px;height:50px;color:var(--navy-900);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.highlight-text h4{margin-bottom:4px;font-size:1.1rem;font-weight:700}.highlight-text p{color:var(--text-muted);margin:0;font-size:.9rem}.stack-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.stack-card{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:24px;padding:40px;transition:all .4s;position:relative;overflow:hidden}.stack-card:before{content:"";background:var(--gradient-accent);transform-origin:0;height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stack-card:hover{border-color:var(--accent-primary);transform:translateY(-15px);box-shadow:0 30px 60px #2dd4bf26}.stack-card:hover:before{transform:scaleX(1)}.stack-icon{background:var(--gradient-accent);width:70px;height:70px;color:var(--navy-900);border-radius:20px;justify-content:center;align-items:center;margin-bottom:24px;font-size:2rem;display:flex;box-shadow:0 10px 30px #2dd4bf4d}.stack-title{margin-bottom:12px;font-size:1.5rem;font-weight:700}.stack-desc{color:var(--text-secondary);margin-bottom:24px;font-size:1rem;line-height:1.7}.stack-tags{flex-wrap:wrap;gap:10px;display:flex}.stack-tag{border:1px solid var(--border-accent);color:var(--accent-light);background:#2dd4bf1a;border-radius:20px;padding:8px 16px;font-size:.85rem;transition:all .3s}.stack-tag:hover{background:var(--accent-primary);color:var(--navy-900);transform:translateY(-3px)}.tech-logos{text-align:center;margin-top:80px}.tech-logos-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:3px;margin-bottom:40px;font-size:1rem;font-weight:600}.tech-logos-grid{grid-template-columns:repeat(5,1fr);gap:20px;max-width:1000px;margin:0 auto;display:grid}.tech-logo{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:24px 32px;transition:all .4s;display:flex}.tech-logo:hover{border-color:var(--accent-primary);transform:translateY(-10px);box-shadow:0 20px 50px #2dd4bf26}.tech-logo-icon{color:var(--accent-primary);font-size:2.5rem}.tech-logo-name{color:var(--text-muted);font-size:.85rem;font-weight:600}.exp-timeline{max-width:900px;margin:0 auto;position:relative}.exp-timeline:before{content:"";background:linear-gradient(to bottom, var(--accent-primary), var(--border-accent), transparent);width:3px;position:absolute;top:0;bottom:0;left:0}.exp-item{padding-bottom:50px;padding-left:50px;position:relative}.exp-item:last-child{padding-bottom:0}.exp-dot{background:var(--accent-primary);border:5px solid var(--bg-secondary);border-radius:50%;width:24px;height:24px;position:absolute;top:0;left:-11px;box-shadow:0 0 25px #2dd4bf99}.exp-card{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:20px;padding:36px;transition:all .4s}.exp-card:hover{border-color:var(--accent-primary);transform:translate(25px);box-shadow:0 25px 60px #0006}.exp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.exp-role{margin-bottom:6px;font-size:1.5rem;font-weight:700}.exp-company{color:var(--accent-primary);font-size:1.1rem;font-weight:600}.exp-date{border:1px solid var(--border-accent);color:var(--accent-primary);white-space:nowrap;background:#2dd4bf26;border-radius:20px;padding:8px 18px;font-size:.875rem;font-weight:600}.exp-desc{color:var(--text-secondary);margin-bottom:20px;font-size:1rem;line-height:1.8}.exp-skills{flex-wrap:wrap;gap:10px;display:flex}.exp-skill{color:var(--text-secondary);border:1px solid var(--border-accent);background:#2dd4bf1a;border-radius:15px;padding:6px 14px;font-size:.85rem}.projects-grid{perspective:1000px;grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border-accent);transform-style:preserve-3d;border-radius:20px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent-primary);transform:translateY(-8px);box-shadow:0 25px 60px #2dd4bf26}.project-card-glow{pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 30%,#2dd4bf14 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.project-card-content{z-index:1;flex-direction:column;height:100%;min-height:320px;padding:28px;display:flex;position:relative}.project-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.project-card-icon{width:52px;height:52px;color:var(--accent-primary);background:#2dd4bf1a;border:1px solid #2dd4bf33;border-radius:14px;justify-content:center;align-items:center;transition:all .4s;display:flex}.project-card:hover .project-card-icon{background:var(--accent-primary);color:var(--navy-900);box-shadow:0 8px 30px #2dd4bf66}.project-card-number{color:var(--text-muted);opacity:.15;font-size:2.5rem;font-weight:800;line-height:1}.project-card-body{flex:1}.project-card-category{text-transform:uppercase;letter-spacing:2px;color:var(--accent-primary);margin-bottom:10px;font-size:.7rem;font-weight:600;display:inline-block}.project-card-title{color:var(--text-primary);margin-bottom:10px;font-size:1.4rem;font-weight:700}.project-card-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.875rem;line-height:1.65}.project-card-footer{margin-top:auto}.project-card-tags{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.project-card-tags span{color:var(--text-secondary);background:#2dd4bf14;border:1px solid #2dd4bf26;border-radius:8px;padding:5px 12px;font-size:.7rem;font-weight:500;transition:all .3s}.project-card:hover .project-card-tags span{color:var(--accent-primary);border-color:#2dd4bf66}.project-card-link{color:var(--text-primary);background:#2dd4bf1a;border:1px solid #2dd4bf33;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex}.project-card-link:hover{background:var(--accent-primary);color:var(--navy-900);transform:translate(5px)}.project-card-border{border:1px solid var(--accent-primary);pointer-events:none;opacity:0;border-radius:20px;position:absolute;inset:0}.clients-content{text-align:center;z-index:2;max-width:1400px;margin:0 auto;position:relative}.clients-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:3px;margin-bottom:50px;font-size:1rem;font-weight:600}.clients-grid{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.client-item{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-accent);border-radius:16px;padding:24px 48px;font-size:1.25rem;font-weight:700;transition:all .4s}.client-item:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-8px);box-shadow:0 20px 50px #2dd4bf26}.section-contact{background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);padding:140px 48px;position:relative;overflow:hidden}.section-contact .section-bg .section-orb-main{background:radial-gradient(circle,#2dd4bf1f 0%,#0000 60%);width:800px;height:800px;animation:25s ease-in-out infinite orb-float-1;top:-200px;right:-200px}.section-contact .section-bg .section-orb:nth-child(2){background:radial-gradient(circle,#1a3a6b66 0%,#0000 70%);width:500px;height:500px;animation:30s ease-in-out infinite orb-float-2;bottom:-100px;left:-150px}.section-contact .section-bg .section-particle:nth-child(3){animation:15s ease-in-out infinite particle-float;top:30%;left:20%}.section-contact .section-bg .section-particle:nth-child(4){animation:18s ease-in-out 2s infinite particle-float;top:50%;left:80%}.section-contact .section-bg .section-particle:nth-child(5){animation:14s ease-in-out 1s infinite particle-float;top:70%;left:50%}.contact-bg-element{pointer-events:none;border:1px solid #2dd4bf26;border-radius:50%;position:absolute}.contact-bg-1{width:300px;height:300px;animation:40s linear infinite spin-slow;top:10%;left:5%}.contact-bg-2{border-color:#2dd4bf1a;width:200px;height:200px;animation:30s linear infinite reverse spin-slow;bottom:15%;right:10%}.contact-bg-3{border-color:#2dd4bf14;width:150px;height:150px;animation:8s ease-in-out infinite pulse-glow;top:60%;left:15%}.contact-container{z-index:2;grid-template-columns:1fr 1.2fr;gap:60px;max-width:1200px;margin:0 auto;display:grid;position:relative}.contact-info{flex-direction:column;gap:24px;display:flex}.contact-info-card{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:20px;padding:28px 32px;transition:all .4s;position:relative;overflow:hidden}.contact-info-card:before{content:"";background:var(--gradient-accent);opacity:0;width:4px;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.contact-info-card:hover{border-color:var(--accent-primary);transform:translate(12px);box-shadow:0 20px 50px #2dd4bf26}.contact-info-card:hover:before{opacity:1}.contact-info-header{align-items:center;gap:20px;margin-bottom:16px;display:flex}.contact-info-icon{border:1px solid var(--border-accent);width:56px;height:56px;color:var(--accent-primary);background:linear-gradient(135deg,#2dd4bf33 0%,#2dd4bf0d 100%);border-radius:16px;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.contact-info-header h3{margin-bottom:4px;font-size:1.2rem;font-weight:700}.contact-info-header p{color:var(--text-muted);font-size:.85rem}.contact-info-link{color:var(--accent-primary);font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-block}.contact-info-link:hover{color:var(--accent-secondary);transform:translate(8px)}.contact-info-text{color:var(--text-secondary);font-size:1.1rem}.contact-social-section{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:20px;margin-top:16px;padding:28px 32px}.contact-social-section h4{color:var(--text-secondary);margin-bottom:20px;font-size:1rem;font-weight:700}.social-links{gap:16px;display:flex}.social-link{border:1px solid var(--border-accent);width:56px;height:56px;color:var(--text-secondary);background:#0a162899;border-radius:16px;justify-content:center;align-items:center;font-size:1.4rem;transition:all .4s;display:flex}.social-link:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#2dd4bf1a;transform:translateY(-8px);box-shadow:0 15px 40px #2dd4bf40}.contact-availability{border:1px solid var(--border-accent);background:linear-gradient(135deg,#2dd4bf1a 0%,#2dd4bf05 100%);border-radius:20px;padding:24px 32px}.availability-indicator{align-items:center;gap:12px;margin-bottom:8px;display:flex}.availability-dot{background:#22c55e;border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 15px #22c55e}.availability-indicator span{color:var(--accent-primary);font-size:1rem;font-weight:700}.contact-availability p{color:var(--text-muted);margin:0;font-size:.9rem}.contact-form{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:28px;padding:48px;position:relative;overflow:hidden}.contact-form:before{content:"";background:var(--gradient-accent);height:4px;position:absolute;top:0;left:0;right:0}.form-header{margin-bottom:36px}.form-header h3{margin-bottom:8px;font-size:1.75rem;font-weight:800}.form-header p{color:var(--text-muted);margin:0;font-size:1rem}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{margin-bottom:24px}.form-group label{color:var(--text-secondary);margin-bottom:10px;font-size:.9rem;font-weight:600;display:block}.input-wrapper{position:relative}.form-group input,.form-group textarea{border:1px solid var(--border-accent);width:100%;color:var(--text-primary);background:#0a1628b3;border-radius:14px;padding:18px 20px;font-family:inherit;font-size:1rem;transition:all .4s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);background:#0a1628e6;outline:none;box-shadow:0 0 0 4px #2dd4bf1a,0 0 30px #2dd4bf1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.textarea-wrapper textarea{resize:vertical;min-height:160px}.form-submit{justify-content:center;align-items:center;gap:12px;width:100%;margin-top:12px;padding:20px 40px;font-size:1.1rem;display:flex}.form-submit.submitted{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.footer{background:var(--bg-primary);border-top:1px solid var(--border-accent);padding:60px 48px 30px;position:relative}.footer:before{content:"";background:var(--gradient-accent);width:200px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:0 auto;display:flex}.footer-text{color:var(--text-muted);font-size:.95rem}.footer-text span{color:var(--accent-primary)}.footer-links{gap:30px;display:flex}.footer-links a{color:var(--text-muted);font-size:.95rem;transition:color .3s}.footer-links a:hover{color:var(--accent-primary)}.mobile-nav{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:9998;background:#0a1628fc;flex-direction:column;gap:20px;padding:100px 40px 40px;display:none;position:fixed;inset:0}.mobile-nav.active{display:flex}.mobile-nav a{color:var(--text-primary);border-bottom:1px solid var(--border-accent);padding:20px 0;font-size:1.5rem;font-weight:600;transition:all .3s}.mobile-nav a:hover{color:var(--accent-primary);padding-left:20px}.mobile-nav-close{color:var(--text-primary);z-index:9999;background:0 0;font-size:2rem;position:absolute;top:30px;right:40px}@media (width<=1200px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-left{order:1}.hero-right{order:0;margin-bottom:60px}.hero-subtitle{margin:0 auto 40px}.hero-buttons,.hero-stats{justify-content:center}.hero-title{font-size:3rem}.profile-container{width:300px;height:300px}.about-grid{grid-template-columns:1fr}.contact-container{grid-template-columns:1fr;gap:40px}.stack-grid,.projects-grid{grid-template-columns:1fr}.stack-grid{grid-template-columns:repeat(2,1fr)}.tech-logos-grid{grid-template-columns:repeat(5,1fr);gap:15px}.clients-grid{grid-template-columns:repeat(2,1fr)}.globe-container{display:none}.clients-stats{gap:40px;padding:30px 40px}.react-atom,.code-symbol,.diamond-symbol,.bracket-symbol,.contact-bg-element{display:none}}@media (width<=768px){.section,.section-clients{padding:80px 20px}.navbar-content{padding:0 20px}.nav-links{display:none}.mobile-menu-btn{display:block}.theme-toggle{display:none}.theme-toggle-mobile,.theme-toggle-mobile-nav{display:flex}.hero{padding:100px 20px 60px}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column;align-items:center}.hero-stats{flex-direction:column;gap:30px}.hero-right{display:none}.section-title{font-size:2rem}.section-label:before,.section-label:after{display:none}.section-desc{font-size:1rem}.stack-grid{grid-template-columns:1fr}.about-highlights,.about-text h2{grid-template-columns:1fr;font-size:2rem}.exp-header{flex-direction:column}.exp-card:hover{transform:translate(10px)}.footer-content{text-align:center;flex-direction:column;gap:20px}.tech-logos-grid{grid-template-columns:repeat(3,1fr);gap:15px}.tech-logo{padding:16px 12px}.tech-logo-icon{font-size:1.75rem}.clients-grid{grid-template-columns:1fr;gap:16px}.client-card{padding:20px}.client-flag{font-size:2rem}.client-country{font-size:1rem}.clients-stats{flex-direction:column;gap:30px;padding:30px}.client-stat-divider{width:50px;height:2px}.client-stat-num{font-size:2rem}.pulse-ring{display:none}.contact-form{padding:30px 24px}.form-row{grid-template-columns:1fr;gap:0}.contact-info-card,.contact-social-section,.contact-availability{padding:20px 24px}.react-atom,.code-symbol,.diamond-symbol,.bracket-symbol{display:none}}@media (width<=480px){.hero-title{font-size:1.8rem}.hero-badge{padding:10px 16px;font-size:.75rem}.btn-primary,.btn-outline{padding:14px 28px;font-size:.9rem}.stat-number{font-size:2.5rem}.tech-logos-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tech-logo{padding:12px 8px}.tech-logo-icon{font-size:1.5rem}.tech-logo-name{font-size:.75rem}.contact-form{padding:24px 20px}.form-header h3{font-size:1.4rem}}[data-theme=light] .nav-cta:hover{box-shadow:0 15px 40px #0d948866!important}[data-theme=light] .btn-primary:hover{box-shadow:0 25px 50px #0d948859}[data-theme=light] .btn-outline:hover{color:#fff;background:#0d9488;box-shadow:0 15px 40px #0d94884d}[data-theme=light] .exp-badge{box-shadow:0 20px 60px #0d948866}[data-theme=light] .highlight-icon{color:#fff}[data-theme=light] .highlight-item:hover{background:#0d94881a;box-shadow:0 20px 40px #0d948833}[data-theme=light] .stack-icon{color:#fff;box-shadow:0 10px 30px #0d94884d}[data-theme=light] .stack-tag:hover{color:#fff}[data-theme=light] .stack-card:hover{box-shadow:0 30px 60px #0d948833}[data-theme=light] .tech-logo:hover{box-shadow:0 20px 50px #0d948833}[data-theme=light] .about-img:hover{box-shadow:0 40px 100px #0d948833}[data-theme=light] .client-card:hover{box-shadow:0 20px 60px #0d948833}[data-theme=light] .client-item:hover{box-shadow:0 20px 50px #0d948833}[data-theme=light] .project-card:hover{box-shadow:0 25px 60px #0d948833}[data-theme=light] .project-card:hover .project-card-icon{color:#fff;background:#0d9488;box-shadow:0 8px 30px #0d94884d}[data-theme=light] .project-card-link:hover{color:#fff;background:#0d9488}[data-theme=light] .exp-card:hover{box-shadow:0 25px 60px #0d948833}[data-theme=light] .contact-info-card:hover{box-shadow:0 20px 50px #0d948833}[data-theme=light] .social-link{background:#0d948814}[data-theme=light] .social-link:hover{color:#0d9488;background:#0d948826;box-shadow:0 15px 40px #0d948840}[data-theme=light] .form-group input,[data-theme=light] .form-group textarea{background:#f0fdfae6}[data-theme=light] .form-group input:focus,[data-theme=light] .form-group textarea:focus{background:#f0fdfa;border-color:#0d9488;box-shadow:0 0 0 4px #0d948826}[data-theme=light] .tech-item{background:linear-gradient(135deg,#e0f7f5,#ccfbf1);box-shadow:0 10px 40px #0d948826}[data-theme=light] .tech-item:hover{box-shadow:0 15px 50px #0d948840}[data-theme=light] .navbar{background:#f0fdfaf2!important;box-shadow:0 4px 30px #0d94881a!important}[data-theme=light] .mobile-nav{background:#f0fdfafc}[data-theme=light] .exp-badge-num,[data-theme=light] .exp-badge-text{color:#fff}[data-theme=light] .theme-toggle{background:#0d948814}[data-theme=light] .theme-toggle:hover{color:#0d9488;background:#0d948826;border-color:#0d9488}[data-theme=light] body:before{opacity:.015}[data-theme=light] .hero-bg{background:linear-gradient(#f8fffe 0%,#e6faf8 50%,#f0fdfa 100%)}[data-theme=light] .nav-links a:hover{color:#0d9488}[data-theme=light] .nav-links a:after{background:linear-gradient(135deg,#0d9488 0%,#14b8a6 50%,#0d9488 100%)}[data-theme=light] .section-label{color:#0d9488}[data-theme=light] .section-label:before,[data-theme=light] .section-label:after{background:#0d9488}