:root{--primary-color:#00BCD4;--primary-dark:#0097A7;--primary-light:#B2EBF2;--text-primary:#2C3E50;--text-secondary:#546E7A;--bg-light:#FFF;--bg-gray:#F8F9FA;--sidebar-width:280px;--transition:all .3s ease}[data-theme=dark]{--text-primary:#ECEFF1;--text-secondary:#B0BEC5;--bg-light:#0e1117;--bg-gray:#1a1d24}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Muli,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;min-height:100vh;transition:var(--transition)}html{scroll-behavior:smooth}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background:var(--primary-color);color:#fff;overflow-y:auto;z-index:1000;transition:var(--transition)}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:2rem 0}.profile-section{display:flex;justify-content:center;padding:1.5rem}.profile-image{width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.3);transition:var(--transition)}.profile-image:hover{transform:scale(1.05);border-color:rgba(255,255,255,.5)}.initials{font-size:3rem;font-weight:700;color:#fff;font-family:Saira Extra Condensed,sans-serif}.nav-links{flex:1;display:flex;flex-direction:column;padding:2rem 0}.nav-link{padding:1rem 2rem;color:rgba(255,255,255,.85);text-decoration:none;font-size:1.1rem;font-weight:500;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px;font-family:Saira Extra Condensed,sans-serif}.nav-link:hover{background:rgba(255,255,255,.15);color:#fff;padding-left:2.5rem}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.social-icons{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.social-icon{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:var(--transition)}.social-icon:hover{background:rgba(255,255,255,.3);transform:translateY(-3px)}.social-icon svg{stroke:#fff}.controls{display:flex;justify-content:center;gap:1rem}.control-btn{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:var(--transition)}.control-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.control-btn svg{stroke:#fff}.main-content{margin-left:var(--sidebar-width);flex:1;background:var(--bg-light);transition:var(--transition)}.section{min-height:100vh;padding:6rem 4rem;display:flex;align-items:center}.section-content{max-width:900px;width:100%}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in-visible{opacity:1;transform:translateY(0)}.name-title{font-size:4.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;font-family:Saira Extra Condensed,sans-serif;line-height:1.1}.text-primary{color:var(--primary-color)}.subtitle-container{margin-bottom:2rem}.subtitle{font-size:1.5rem;color:var(--text-secondary);font-weight:400}.description{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.8}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:.75rem}.contact-icon{color:var(--primary-color);stroke:var(--primary-color)}.contact-link{color:var(--text-primary);text-decoration:none;font-size:1.1rem;transition:var(--transition)}.contact-link:hover{color:var(--primary-color)}.section-title{font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:3rem;font-family:Saira Extra Condensed,sans-serif;text-transform:uppercase}.timeline{position:relative;padding-left:3rem}.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--primary-color)}.timeline-item{position:relative;margin-bottom:3rem;opacity:0;animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{to{opacity:1}}.timeline-icon{position:absolute;left:-3.7rem;width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff}.timeline-icon svg{stroke:#fff}.timeline-content{padding-left:1rem}.experience-position{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;font-family:Saira Extra Condensed,sans-serif}.experience-company{font-size:1.3rem;color:var(--primary-color);font-weight:600;margin-bottom:.5rem}.experience-period{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem}.experience-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.7}.certifications-grid{display:grid;gap:1.5rem}.certification-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-gray);border-radius:8px;transition:var(--transition);opacity:0;animation:fadeInUp .6s ease forwards}.certification-item:hover{transform:translateX(10px);background:var(--primary-light)}[data-theme=dark] .certification-item:hover{background:rgba(0,188,212,.15)}.cert-icon{color:var(--primary-color);stroke:var(--primary-color);flex-shrink:0}.cert-name{font-size:1.1rem;color:var(--text-primary);font-weight:500}.skills-container{display:flex;flex-direction:column;gap:3rem}.technical-skills{display:flex;flex-direction:column;gap:1.5rem}.skill-item{opacity:0;animation:fadeInUp .6s ease forwards}.skill-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-name{font-size:1.1rem;color:var(--text-primary);font-weight:600}.skill-percentage{font-size:1rem;color:var(--primary-color);font-weight:700}.skill-bar{width:100%;height:10px;background:var(--bg-gray);border-radius:5px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));transition:width 1s ease;border-radius:5px}.workflow-section{margin-top:2rem}.workflow-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;font-family:Saira Extra Condensed,sans-serif}.workflow-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.workflow-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-gray);border-radius:8px;opacity:0;animation:fadeInUp .6s ease forwards;transition:var(--transition)}.workflow-item:hover{background:var(--primary-light)}[data-theme=dark] .workflow-item:hover{background:rgba(0,188,212,.15)}.workflow-icon{color:var(--primary-color);stroke:var(--primary-color);flex-shrink:0}.placeholder-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.placeholder-icon{color:var(--primary-color);stroke:var(--primary-color);opacity:.5;margin-bottom:2rem}.placeholder-text{font-size:1.3rem;color:var(--text-secondary);font-style:italic}@media (max-width:992px){.sidebar{width:240px}.main-content{margin-left:240px}.section{padding:4rem 2rem}.name-title{font-size:3.5rem}}@media (max-width:768px){.sidebar{width:100%;height:auto;position:relative}.main-content{margin-left:0}.section{min-height:auto;padding:3rem 1.5rem}.name-title{font-size:2.5rem}.section-title{font-size:2.5rem}.timeline{padding-left:2rem}.timeline-icon{left:-2.7rem;width:32px;height:32px}}

/* Styles Updates */

.workflow-item,
.workflow-item span {
  color: var(--text-primary);
  transition: color 0.25s ease;
}

.flag-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid white;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  vertical-align: middle;
  transition: transform 0.2s ease;
}

.flag-icon:hover {
  transform: scale(1.05);
}