@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f3f2ef;color:#1a1a1a;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1120px;margin:0 auto;padding:0 20px}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes float-up{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #0a66c24d,0 20px 40px #375f9e1f}50%{box-shadow:0 0 30px #0a66c280,0 25px 50px #375f9e2e}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes progress-fill{0%{width:0%}to{width:var(--fill, 0%)}}.skill-bar{width:100%;height:8px;background:linear-gradient(90deg,#f0f0f0,#e8e8e8);border-radius:10px;overflow:hidden;margin-top:6px;box-shadow:inset 0 1px 3px #0000001a}.skill-bar-fill{height:100%;background:linear-gradient(90deg,#0a66c2,#004d99,#0a66c2);border-radius:10px;width:0%;transition:width 1.2s cubic-bezier(.25,.46,.45,.94);box-shadow:0 0 10px #0a66c280;position:relative}.skill-bar-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.skill-bar-fill.animate{width:var(--fill, 0%)}.animate-on-scroll{opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1)}.animate-on-scroll.visible{opacity:1}.animate-on-scroll.fade-up.visible{animation:fade-up .5s ease forwards}.animate-on-scroll.scale-in.visible{animation:scale-in .5s ease forwards}.animate-on-scroll.slide-down.visible{animation:slide-down .4s ease forwards}.animate-on-scroll.bounce-in.visible{animation:bounce-in .6s cubic-bezier(.34,1.56,.64,1) forwards}.animate-on-scroll.slide-left.visible{animation:slide-in-left .5s ease forwards}.animate-on-scroll.slide-right.visible{animation:slide-in-right .5s ease forwards}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(30,70,110,.08);padding:0 20px;box-shadow:0 2px 12px #0000000a;transition:all .3s ease}.nav-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}.logo{font-weight:800;font-size:1.3rem;color:#0a66c2;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;animation:fade-in .6s ease forwards}.logo:hover{transform:scale(1.05)}.logo-dot{display:inline-block;width:10px;height:10px;background:#0a66c2;border-radius:50%;animation:pulse-glow 2s ease-in-out infinite}.nav-links{display:flex;gap:2px}.nav-links a{color:#5e5e5e;font-weight:500;font-size:.85rem;padding:6px 14px;border-radius:24px;transition:all .2s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#0a66c2;transition:width .3s ease;border-radius:1px}.nav-links a:hover{background:#e8f0fe;color:#0a66c2;transform:translateY(-2px)}.nav-links a:hover:after{width:100%}.nav-links a.active{background:linear-gradient(135deg,#e8f0fe,#f0f7ff);color:#0a66c2;font-weight:600;box-shadow:0 4px 12px #0a66c21a}.menu-toggle{display:none;background:none;border:1px solid #ccc;border-radius:4px;color:#333;font-size:1.3rem;cursor:pointer;padding:4px 10px;transition:all .2s ease}.menu-toggle:hover{background:#f0f0f0}.hero{min-height:100vh;padding:90px 20px 40px;background:linear-gradient(135deg,#eef4f8,#fffffffa,#f0f7fff2);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(30,70,110,.08);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(10,102,194,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(10,102,194,.03) 0%,transparent 50%);pointer-events:none}.hero-inner{display:flex;align-items:center;gap:48px;max-width:960px;width:100%;position:relative;z-index:1}.hero-left{flex-shrink:0;animation:fade-up .8s ease-out .1s both}.hero-profile-pic{width:210px;height:210px;border-radius:50%;border:4px solid #fff;box-shadow:0 20px 40px #375f9e1f;object-fit:cover;display:block;animation:float-up 3s ease-in-out infinite,pulse-glow 3s ease-in-out infinite;transition:all .3s ease}.hero-profile-pic:hover{transform:scale(1.05)}.hero-right{flex:1}.hero-right h1{font-size:3rem;font-weight:800;color:#212121;margin-bottom:6px;line-height:1.1;animation:slide-in-left .7s ease-out .2s both;background:linear-gradient(135deg,#212121,#0a66c2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-headline{font-size:1.2rem;font-weight:500;color:#47515f;margin-bottom:10px;animation:slide-in-left .7s ease-out .3s both}.hero-location{font-size:.92rem;color:#47515f;margin-bottom:6px;display:flex;align-items:center;gap:8px;animation:slide-in-left .7s ease-out .4s both}.hero-connections{font-size:.9rem;color:#0a66c2;font-weight:600;margin-bottom:18px;cursor:pointer;animation:slide-in-left .7s ease-out .5s both;transition:all .2s ease}.hero-connections:hover{text-decoration:underline;transform:translate(4px)}.hero-bio{font-size:.98rem;color:#333;line-height:1.7;margin-bottom:24px;max-width:620px;animation:slide-in-left .7s ease-out .6s both}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;animation:slide-in-left .7s ease-out .7s both}.btn{font-family:Inter,sans-serif;font-weight:600;font-size:.95rem;padding:10px 24px;border-radius:24px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,#0a66c2,#004d99);color:#fff;box-shadow:0 4px 12px #0a66c24d}.btn-primary:hover{background:linear-gradient(135deg,#004d99,#036);box-shadow:0 8px 24px #0a66c266;transform:translateY(-2px)}.btn-secondary{background:#fff;color:#0a66c2;border:2px solid #0a66c2;box-shadow:0 4px 12px #0a66c21a}.btn-secondary:hover{background:#e8f0fe;border-color:#0a66c2;box-shadow:0 8px 24px #0a66c233;transform:translateY(-2px)}.btn-outline{background:#fff;color:#333;border:2px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #0000000d}.btn-outline:hover{border-color:#0a66c2;color:#0a66c2;box-shadow:0 8px 24px #0a66c226;transform:translateY(-2px);background:#0a66c205}.section{padding:48px 0;max-width:820px;margin:0 auto}.section-card{background:#fff;border:1px solid rgba(30,70,110,.08);border-radius:16px;padding:28px;margin-bottom:18px;box-shadow:0 18px 40px #22508c14;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.section-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.section-card:hover{box-shadow:0 24px 48px #22508c26;transform:translateY(-4px);border-color:#0a66c226}.section-card:hover:before{left:100%}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:22px;padding-bottom:14px;border-bottom:2px solid rgba(30,70,110,.09);animation:fade-up .6s ease-out}.section-title{font-size:1.8rem;font-weight:800;color:#1f2732;margin-bottom:32px;text-align:left;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:4px;background:linear-gradient(90deg,#0a66c2,#004d99);transition:width .5s ease}.section:hover .section-title:after{width:40px}.section-header-icon{font-size:1.35rem;transition:all .3s ease}.section-card:hover .section-header-icon{animation:rotate-icon .6s ease-out}#about{padding-top:72px}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.about-card{background:#fff;border:1px solid rgba(30,70,110,.08);border-radius:16px;padding:28px;box-shadow:0 18px 40px #22508c14;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.about-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0a66c2,#004d99);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.about-card:hover{box-shadow:0 24px 48px #22508c26;transform:translateY(-4px);border-color:#0a66c226}.about-card:hover:before{transform:scaleX(1)}.about-card p{font-size:.95rem;color:#333;margin-bottom:16px;line-height:1.7;animation:fade-up .6s ease-out;transition:all .3s ease}.about-card p:hover{color:#0a66c2;padding-left:8px}.about-card strong{color:#0a66c2;font-weight:700}.about-card ul{list-style:none;padding:0}.about-card li{font-size:.95rem;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:10px;transition:all .2s ease}.about-card li:hover{color:#0a66c2;padding-left:4px}.badge{display:inline-block;background:linear-gradient(135deg,#0a66c2,#004d99);color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;box-shadow:0 4px 12px #0a66c233}.linkedin-link{display:inline-flex;align-items:center;gap:6px;color:#0a66c2;font-weight:600;transition:all .3s ease;position:relative}.linkedin-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#0a66c2,#004d99);transition:width .3s ease}.linkedin-link:hover{transform:translate(4px)}.linkedin-link:hover:after{width:100%}.about-text p{font-size:.95rem;color:#333;margin-bottom:16px;line-height:1.7;animation:fade-up .6s ease-out;transition:all .3s ease}.about-text p:hover{color:#0a66c2;padding-left:8px}.about-text strong{color:#0a66c2;font-weight:700}#experience{padding-top:8px}.timeline{display:flex;flex-direction:column;gap:16px;position:relative;padding:0}.timeline:before{content:"";position:absolute;left:24px;top:40px;bottom:0;width:2px;background:linear-gradient(180deg,#0a66c2,#0a66c21a)}.timeline-item{display:flex;gap:28px;padding:20px 0;transition:all .3s ease;animation:fade-up .6s ease-out;position:relative;z-index:1}.timeline-item:last-child{padding-bottom:0}.timeline-item.current{background:#0a66c20a;border-radius:12px;margin-left:-20px;margin-right:-20px;padding:20px}.timeline-item:hover{padding-left:8px}.tl-marker{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:#fff;border:3px solid #0a66c2;position:relative;z-index:2;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0a66c240;overflow:hidden;padding:0}.tl-marker-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.timeline-item.current .tl-marker{border-color:#004d99;box-shadow:0 8px 24px #0a66c266;animation:pulse-glow 2s ease-in-out infinite}.timeline-item:hover .tl-marker{transform:scale(1.15);box-shadow:0 8px 24px #0a66c266}.tl-content{flex:1;padding-top:8px}.tl-content h3{font-size:1.05rem;font-weight:700;color:#1a1a1a;transition:all .2s ease;margin-bottom:4px}.timeline-item:hover .tl-content h3{color:#0a66c2}.tl-org{font-size:.92rem;font-weight:600;color:#0a66c2;display:block;margin-bottom:2px}.tl-date{font-size:.8rem;color:#5e5e5e;display:block;margin-bottom:8px;font-weight:500}.tl-content p{font-size:.88rem;color:#555;line-height:1.6;transition:all .2s ease}.timeline-item:hover .tl-content p{color:#333}.freelance-section{margin-top:32px;padding-top:24px;border-top:2px solid rgba(30,70,110,.08);animation:fade-up .6s ease-out}.freelance-section h3{font-size:1.1rem;font-weight:700;color:#1f2732;margin-bottom:20px}.freelance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.freelance-card{background:linear-gradient(135deg,#fff,#eef4f880);border:2px solid rgba(10,102,194,.15);border-radius:12px;padding:16px;text-align:center;font-weight:600;color:#333;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;gap:10px;cursor:default}.freelance-card:hover{background:linear-gradient(135deg,#0a66c2,#004d99);color:#fff;border-color:#0a66c2;box-shadow:0 12px 28px #0a66c24d;transform:translateY(-4px)}.freelance-icon{font-size:1.8rem;transition:all .3s ease}.freelance-card:hover .freelance-icon{animation:rotate-icon .6s ease-out;transform:scale(1.2)}#skills{padding-top:8px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.skill-category{background:#fff;border:1px solid rgba(30,70,110,.08);border-radius:16px;padding:28px;box-shadow:0 18px 40px #22508c14;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.skill-category:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0a66c2,#004d99)}.skill-category:hover{box-shadow:0 24px 48px #22508c26;transform:translateY(-8px);border-color:#0a66c226}.skill-category h3{font-size:1.1rem;font-weight:700;color:#1f2732;margin-bottom:20px;display:flex;align-items:center;gap:10px;transition:all .2s ease}.skill-category:hover h3{color:#0a66c2}.skill-icon{font-size:1.4rem;transition:all .3s ease}.skill-category:hover .skill-icon{animation:rotate-icon .6s ease-out;transform:scale(1.2)}.skill-category ul{list-style:none;display:flex;flex-direction:column;gap:18px}.skill-category li{transition:all .3s ease}.skill-category li:hover{padding-left:6px}.skill-category li span:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.skill-category li span:last-child{color:#0a66c2;font-weight:700;font-size:.85rem;background:#0a66c214;padding:2px 8px;border-radius:6px}#education{padding-top:8px}.edu-item{background:#fff;border:1px solid rgba(30,70,110,.08);border-radius:16px;padding:24px;margin-bottom:16px;transition:all .3s cubic-bezier(.16,1,.3,1);animation:fade-up .6s ease-out;position:relative;overflow:hidden;display:block}.edu-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0a66c2,#004d99)}.edu-item:hover{box-shadow:0 24px 48px #22508c26;transform:translateY(-4px);border-color:#0a66c226}.edu-icon{flex-shrink:0;width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,#f3f2ef,#e8f0fe);border:1px solid #e0dfdc;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;transition:all .3s ease;margin-bottom:12px}.edu-item:hover .edu-icon{background:linear-gradient(135deg,#0a66c2,#004d99);box-shadow:0 6px 18px #0a66c24d;transform:scale(1.1);color:#fff}.edu-content h3{font-size:1.05rem;font-weight:700;color:#1a1a1a;transition:all .2s ease;margin-bottom:4px}.edu-item:hover .edu-content h3{color:#0a66c2}.edu-inst{font-size:.92rem;font-weight:600;color:#0a66c2;display:block;margin-bottom:4px}.edu-year{font-size:.8rem;color:#5e5e5e;margin-top:2px}#contact{padding-top:8px;padding-bottom:0;max-width:none}.contact-wrapper{position:relative;padding:56px 0 64px;overflow:hidden;background:linear-gradient(160deg,#0a66c20f,#ffffffe6 38%,#f3f2ef);border-top:1px solid rgba(10,102,194,.1)}.contact-glow{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(10,102,194,.12) 0%,transparent 70%);pointer-events:none}.contact-header{text-align:center;margin-bottom:40px}.contact-header .section-title{display:inline-block;margin-bottom:16px}.contact-header .section-title:after{left:50%;transform:translate(-50%)}.section.contact:hover .section-title:after{width:48px}.contact-subtitle{max-width:520px;margin:0 auto;font-size:1rem;color:#5e6b7c;line-height:1.7}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-card{background:#fff;border:1px solid rgba(30,70,110,.08);border-radius:16px;padding:28px 24px;box-shadow:0 18px 40px #22508c14;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0a66c2,#004d99);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.contact-card:hover{box-shadow:0 24px 48px #22508c26;transform:translateY(-6px);border-color:#0a66c233}.contact-card:hover:before{transform:scaleX(1)}.contact-card--featured{background:linear-gradient(145deg,#fff,#e8f0fe99);border-color:#0a66c233;box-shadow:0 20px 48px #0a66c21f}.contact-card--featured:before{transform:scaleX(1)}.contact-card--featured:hover{box-shadow:0 28px 56px #0a66c238;animation:pulse-glow 3s ease-in-out infinite}.contact-badge{position:absolute;top:16px;right:16px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#0a66c2;background:#0a66c21a;padding:4px 10px;border-radius:20px}.contact-icon{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,#f3f2ef,#e8f0fe);border:1px solid rgba(10,102,194,.12);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:16px;transition:all .3s ease}.contact-card:hover .contact-icon{background:linear-gradient(135deg,#0a66c2,#004d99);box-shadow:0 6px 18px #0a66c24d;transform:scale(1.08)}.contact-card h3{font-size:1.15rem;font-weight:700;color:#1f2732;margin-bottom:4px;transition:color .2s ease}.contact-card:hover h3{color:#0a66c2}.contact-role{font-size:.88rem;font-weight:600;color:#0a66c2;margin-bottom:10px}.contact-desc{font-size:.88rem;color:#5e6b7c;line-height:1.65;flex:1;margin-bottom:16px}.contact-cta{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#0a66c2,#004d99);padding:10px 18px;border-radius:24px;box-shadow:0 4px 14px #0a66c24d;transition:all .3s ease;margin-top:auto}.contact-cta:hover{background:linear-gradient(135deg,#004d99,#036);box-shadow:0 8px 24px #0a66c266;transform:translateY(-2px)}.contact-cta-arrow{transition:transform .3s ease}.contact-cta:hover .contact-cta-arrow{transform:translate(4px)}.contact-bar{background:linear-gradient(135deg,#f7f9fb,#0a66c205);border-top:1px solid rgba(30,70,110,.08);border-bottom:1px solid rgba(30,70,110,.08);padding:24px 0;margin-top:8px;transition:all .3s ease}.contact-inner{max-width:820px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.contact-link{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;color:#4e5a6b;transition:all .3s ease;position:relative}.contact-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#0a66c2,#004d99);transition:width .3s ease}.contact-link:hover{color:#0a66c2;transform:translateY(-2px)}.contact-link:hover:after{width:100%}.footer{background:linear-gradient(180deg,#fff,#eef4f880);padding:28px 0;text-align:center;font-size:.88rem;color:#5e6b7c;border-top:1px solid rgba(30,70,110,.08);animation:fade-in .6s ease-out}.footer-seo{margin-top:8px;font-size:.8rem;color:#7a8796;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.6}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#f3f2ef,#eef4f880)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0a66c2,#004d99);border-radius:5px;box-shadow:0 0 6px #0a66c24d;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#004d99,#036);box-shadow:0 0 12px #0a66c280}@media(max-width:768px){.nav-links{display:none}.menu-toggle{display:block}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:56px;left:0;right:0;background:#fff;padding:12px 20px;border-bottom:1px solid #e0dfdc;box-shadow:0 8px 16px #00000014}.nav-links.open a{padding:10px 14px}.hero-inner{flex-direction:column;text-align:center;gap:24px}.hero-profile-pic{width:140px;height:140px}.hero-right h1{font-size:2rem}.hero-bio{margin-left:auto;margin-right:auto}.hero-actions,.hero-location{justify-content:center}.contact-inner{flex-direction:column;align-items:flex-start}.contact-grid{grid-template-columns:1fr}.contact-wrapper{padding:40px 0 48px}}@media(max-width:900px)and (min-width:769px){.contact-grid{grid-template-columns:repeat(2,1fr)}.contact-card--featured{grid-column:1 / -1}}