*,:after,:before{box-sizing:border-box}html{scroll-padding-top:80px}body{margin:0;font-family:-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;line-height:1.6;color:#333;background-color:#fff}:focus{outline:2px solid #007bff;outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:#000;color:#fff;padding:8px 16px;text-decoration:none;z-index:10000;border-radius:4px;font-weight:600;transition:top .3s ease}.skip-link:focus{top:6px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;background-color:#f8f9fa;padding:.2em .4em;border-radius:3px;font-size:.875em}.btn{transition:all .2s ease-in-out;border:none;border-radius:6px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn:active{transform:translateY(0)}.loading{opacity:.7;pointer-events:none}.transition-all{transition:all .3s ease}.shadow-soft{box-shadow:0 2px 15px rgba(0,0,0,.08)}.shadow-hover{transition:box-shadow .3s ease}.shadow-hover:hover{box-shadow:0 8px 30px rgba(0,0,0,.12)}@media (max-width:768px){html{font-size:14px}}@media (max-width:480px){html{font-size:13px}}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--success-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--warning-gradient:linear-gradient(135deg,#43e97b,#38f9d7);--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#f093fb;--success-color:#4facfe;--warning-color:#43e97b;--text-primary:#2d3748;--text-secondary:#4a5568;--text-muted:#718096;--text-light:#a0aec0;--bg-primary:#fff;--bg-secondary:#f7fafc;--bg-tertiary:#edf2f7;--bg-dark:#1a202c;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-heading:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out}.modern-heading{font-family:var(--font-family-heading);font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--text-primary)}.modern-text{font-family:var(--font-family-primary);line-height:1.6;color:var(--text-secondary)}.gradient-text{background:var(--primary-gradient);font-weight:700}.modern-card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base)}.modern-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.modern-card:before{left:0;right:0;height:4px;background:var(--primary-gradient)}.modern-btn{display:inline-flex;align-items:center;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-family:var(--font-family-primary);font-weight:600;font-size:var(--font-size-sm);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.modern-btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md)}.modern-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);color:#fff}.modern-btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.modern-btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.modern-hero{min-height:100vh;display:flex;align-items:center;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.modern-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");opacity:.3}.modern-hero-content{position:relative;z-index:2;text-align:center;color:#fff}.modern-hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;margin-bottom:var(--spacing-lg);line-height:1.1}.modern-hero-subtitle{font-size:clamp(1.125rem,3vw,1.5rem);margin-bottom:var(--spacing-2xl);opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.modern-section-header{text-align:center;margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl) 0}.modern-section-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);position:relative;display:inline-block}.modern-section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--primary-gradient);border-radius:var(--radius-full)}.modern-section-subtitle{font-size:var(--font-size-lg);color:var(--text-muted);max-width:600px;margin:0 auto}.modern-grid{display:grid;grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.modern-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.modern-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.modern-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in-left{animation:fadeInLeft .6s ease-out forwards}.animate-fade-in-right{animation:fadeInRight .6s ease-out forwards}.animate-scale-in{animation:scaleIn .6s ease-out forwards}.animate-stagger>*{opacity:0;animation:fadeInUp .6s ease-out forwards}.animate-stagger>:first-child{animation-delay:.1s}.animate-stagger>:nth-child(2){animation-delay:.2s}.animate-stagger>:nth-child(3){animation-delay:.3s}.animate-stagger>:nth-child(4){animation-delay:.4s}.animate-stagger>:nth-child(5){animation-delay:.5s}.animate-stagger>:nth-child(6){animation-delay:.6s}.glass-effect{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.text-gradient-primary{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-secondary{background:var(--secondary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:768px){.modern-grid-2,.modern-grid-3,.modern-grid-4{grid-template-columns:1fr}.modern-section-header{padding:var(--spacing-xl) 0}.modern-section-title{font-size:var(--font-size-3xl)}}@media (prefers-color-scheme:dark){:root{--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-muted:#a0aec0;--text-light:#718096;--bg-primary:#1a202c;--bg-secondary:#2d3748;--bg-tertiary:#4a5568}.modern-card{background:rgba(45,55,72,.8);border:1px solid hsla(0,0%,100%,.1)}}.project-showcase{background:var(--bg-secondary)}.project-card{transition:all var(--transition-base)}.project-card.featured{border:2px solid var(--primary-color);position:relative}.project-image{position:relative;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:200px}.project-image img{height:100%;object-fit:cover;transition:transform var(--transition-base)}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.project-card:hover .project-overlay{opacity:1}.project-actions{grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.featured-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--warning-gradient);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;display:flex;align-items:center;grid-gap:var(--spacing-xs);gap:var(--spacing-xs)}.project-content{flex:1 1;display:flex;flex-direction:column}.project-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.project-description{flex:1 1;font-size:var(--font-size-sm)}.project-technologies{margin-top:auto}.tech-tag{background:var(--primary-gradient);border-radius:var(--radius-full)}.category-badge,.tech-tag{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.category-badge{background:var(--bg-tertiary);color:var(--text-muted);border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-filters{display:flex;justify-content:center}.filter-tabs{background:#fff;padding:var(--spacing-sm);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.filter-tab{border:none;background:transparent;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.filter-tab:hover{background:var(--bg-tertiary)}.filter-tab.modern-btn-primary{background:var(--primary-gradient);color:#fff}.hero-stats .stat-item{transition:transform var(--transition-base)}.hero-stats .stat-item:hover{transform:translateY(-5px)}.social-links{grid-gap:var(--spacing-md);gap:var(--spacing-md);margin:var(--spacing-xl) 0}.social-icon{width:60px;height:60px;display:flex;border-radius:var(--radius-full);transition:all var(--transition-base)}.social-icon:hover{transform:translateY(-5px) scale(1.1);background:hsla(0,0%,100%,.2)!important}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:#fff;opacity:.7}.scroll-arrow{animation:bounce 2s infinite}.hero-badge{display:inline-block;margin-bottom:var(--spacing-lg)}.hero-badge span{font-size:var(--font-size-sm);font-weight:500}.hero-actions{grid-gap:var(--spacing-md);gap:var(--spacing-md)}@media (max-width:768px){.hero-actions{flex-direction:column;align-items:center}.modern-btn{width:200px;justify-content:center}.filter-tabs{flex-direction:column;align-items:stretch}.social-links{grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.social-icon{width:50px;height:50px}.hero-stats .row>div{margin-bottom:var(--spacing-md)}}.about-intro{padding:var(--spacing-xl)}.nav-tabs-modern{justify-content:center;background:#fff;padding:var(--spacing-sm);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-wrap:wrap}.nav-tab-modern,.nav-tabs-modern{display:flex;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.nav-tab-modern{align-items:center;padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;border-radius:var(--radius-lg);font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer}.nav-tab-modern:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-tab-modern.active{background:var(--primary-gradient);color:#fff}.tab-content-modern{min-height:400px}.skill-item{height:100%;transition:transform var(--transition-base)}.skill-item:hover{transform:translateY(-5px)}.skill-icon{width:50px;height:50px;background:var(--primary-gradient);border-radius:var(--radius-lg);font-size:var(--font-size-lg)}.skill-progress{height:8px;background:var(--bg-tertiary)}.progress-fill,.skill-progress{border-radius:var(--radius-full)}.progress-fill{background:var(--primary-gradient)}.skill-level-text{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500}.achievement-item{height:100%;text-align:center;transition:transform var(--transition-base)}.achievement-item:hover{transform:translateY(-5px)}.achievement-year{display:inline-block;background:var(--warning-gradient);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--spacing-md)}.timeline-container:before{left:50%;width:2px;background:var(--primary-gradient);transform:translateX(-50%)}.timeline-item{margin-bottom:var(--spacing-2xl);display:flex;align-items:center}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-dot{width:20px;height:20px;background:var(--primary-gradient);box-shadow:var(--shadow-md)}.timeline-item.current .timeline-dot{background:var(--warning-gradient);animation:pulse 2s infinite}.timeline-content-card{width:calc(50% - 40px);margin:0 40px}.timeline-item:nth-child(odd) .timeline-content-card{margin-right:40px;margin-left:0}.timeline-item:nth-child(2n) .timeline-content-card{margin-left:40px;margin-right:0}.timeline-year{background:var(--primary-gradient);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.current-badge,.timeline-year{border-radius:var(--radius-full)}.current-badge{display:inline-block;background:var(--success-gradient);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;margin-top:var(--spacing-md)}.story-content .modern-card{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05))}.modern-blockquote{background:var(--primary-gradient);color:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);font-style:italic;font-size:var(--font-size-lg);margin:var(--spacing-xl) 0;position:relative}.modern-blockquote:before{content:'"';font-size:4rem;position:absolute;top:-10px;left:var(--spacing-lg);opacity:.3}@media (max-width:768px){.profile-image{width:200px;height:200px}.about-intro{padding:var(--spacing-lg);text-align:center}.about-actions{justify-content:center}.nav-tabs-modern{flex-direction:column}.timeline-container:before{left:20px}.timeline-item{flex-direction:row!important}.timeline-marker{left:20px;transform:none}.timeline-content-card{width:calc(100% - 60px);margin-left:60px!important;margin-right:0!important}}.modern-loading-container{display:flex;justify-content:center;align-items:center;min-height:300px;padding:var(--spacing-2xl)}.modern-spinner{position:relative;display:flex;flex-direction:column;align-items:center;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.spinner-ring{position:absolute;width:60px;height:60px;border:3px solid transparent;border-radius:50%;animation:spin 2s linear infinite}.spinner-ring:first-child{border-top-color:var(--primary-color);animation-delay:0s}.spinner-ring:nth-child(2){border-right-color:var(--secondary-color);animation-delay:.3s;width:50px;height:50px}.spinner-ring:nth-child(3){border-bottom-color:var(--accent-color);animation-delay:.6s;width:40px;height:40px}.spinner-text{margin-top:80px;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:500;animation:pulse-text 1.5s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{transition:opacity .3s,transform .3s}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s}.contact-section{background:var(--bg-secondary)}.contact-method{transition:all var(--transition-base);border:1px solid transparent;color:inherit}.contact-method:hover{transform:translateY(-3px);border-color:var(--primary-color);color:inherit}.contact-icon{width:50px;height:50px;background:var(--primary-gradient);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-lg)}.contact-value{font-weight:600;color:var(--primary-color)}.contact-stats{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05))}.contact-form-container{background:#fff;box-shadow:var(--shadow-xl)}.modern-input{border:2px solid var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);transition:all var(--transition-fast);background:#fff}.modern-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem rgba(102,126,234,.25);outline:none}.modern-input::placeholder{color:var(--text-light)}.form-label{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.contact-additional{background:var(--primary-gradient);color:#fff}.contact-additional .modern-heading{color:#fff}.contact-additional .modern-text{color:hsla(0,0%,100%,.9)}.contact-alternatives{display:flex;justify-content:center;grid-gap:var(--spacing-md);gap:var(--spacing-md);flex-wrap:wrap}.contact-alternatives .modern-btn-secondary{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3);color:#fff}.contact-alternatives .modern-btn-secondary:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5);color:#fff}.contact-alternatives .modern-btn-primary{background:#fff;color:var(--primary-color)}.contact-alternatives .modern-btn-primary:hover{background:hsla(0,0%,100%,.9);color:var(--primary-color)}.modern-input:invalid{border-color:#dc3545}.modern-input:valid{border-color:#28a745}.alert{border-radius:var(--radius-lg);border:none;padding:var(--spacing-md) var(--spacing-lg)}.alert-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full)}.bg-success{background:var(--success-gradient)!important}.bg-primary{background:var(--primary-gradient)!important}.bg-warning{background:var(--warning-gradient)!important}@media (max-width:768px){.contact-alternatives{flex-direction:column;align-items:center}.contact-alternatives .modern-btn{width:200px;justify-content:center}.contact-form-container{padding:var(--spacing-xl)!important}}.story-section{background:var(--bg-primary)}.story-timeline-nav{display:flex;justify-content:center;margin-bottom:var(--spacing-3xl)}.timeline-nav-container{display:flex;align-items:center;grid-gap:var(--spacing-md);gap:var(--spacing-md);background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);flex-wrap:wrap;justify-content:center}.timeline-nav-item{display:flex;align-items:center;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative}.timeline-nav-item:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.timeline-nav-item.active{background:var(--primary-gradient);color:#fff}.nav-icon{width:40px;height:40px;background:var(--bg-tertiary);font-size:var(--font-size-lg)}.timeline-nav-item.active .nav-icon{background:hsla(0,0%,100%,.2);color:#fff}.nav-content{display:flex;flex-direction:column;align-items:flex-start}.nav-year{font-size:var(--font-size-sm);font-weight:600;opacity:.8}.nav-title{font-size:var(--font-size-base);font-weight:500}.nav-connector{width:30px;height:2px;background:var(--bg-tertiary);position:absolute;right:-22px;top:50%;transform:translateY(-50%)}.story-content{min-height:400px}.chapter-badge{display:inline-flex;align-items:center;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);background:var(--primary-gradient);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-lg)}.story-highlights{list-style:none;padding:0;margin:var(--spacing-xl) 0}.highlight-item{align-items:flex-start;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0}.highlight-item i{color:var(--success-color);margin-top:2px;flex-shrink:0}.story-quote{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-left:4px solid var(--primary-color);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0;position:relative}.story-quote i{color:var(--primary-color);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.story-quote p{font-style:italic;font-size:var(--font-size-lg);margin:0;color:var(--text-primary)}.story-visual{height:400px}.story-visual,.visual-container{display:flex;justify-content:center;align-items:center}.visual-container{position:relative;width:300px;height:300px;background:var(--primary-gradient);border-radius:50%;flex-direction:column;color:#fff;text-align:center;box-shadow:var(--shadow-2xl)}.visual-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.visual-year{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-sm)}.visual-title{font-size:var(--font-size-lg);font-weight:500;opacity:.9}.achievement-card{height:100%;transition:all var(--transition-base)}.achievement-card:hover{transform:translateY(-8px)}.achievement-icon{width:80px;height:80px;background:var(--success-gradient);border-radius:50%;margin:0 auto;font-size:var(--font-size-2xl)}.achievement-number{font-size:var(--font-size-3xl);font-weight:800;color:var(--primary-color);margin:var(--spacing-md) 0 var(--spacing-sm)}.achievement-label{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.achievement-description{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.value-card{transition:all var(--transition-base)}.value-icon{background:var(--accent-gradient);border-radius:var(--radius-lg);margin:0 auto;font-size:var(--font-size-xl)}.value-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.value-description{font-size:var(--font-size-sm)}.story-cta .modern-card{background:var(--primary-gradient);color:#fff}.story-cta .modern-heading{color:#fff}.story-cta .modern-text{color:hsla(0,0%,100%,.9)}.cta-actions{display:flex;justify-content:center;grid-gap:var(--spacing-md);gap:var(--spacing-md);flex-wrap:wrap}.cta-actions .modern-btn-primary{background:#fff;color:var(--primary-color)}.cta-actions .modern-btn-primary:hover{background:hsla(0,0%,100%,.9);color:var(--primary-color)}.cta-actions .modern-btn-secondary{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3);color:#fff}.cta-actions .modern-btn-secondary:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5);color:#fff}@media (max-width:992px){.timeline-nav-container{flex-direction:column;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.nav-connector{display:none}.visual-container{width:250px;height:250px}.visual-icon{font-size:3rem}}@media (max-width:768px){.timeline-nav-item{width:100%;justify-content:center}.story-content{text-align:center}.story-visual{height:300px}.visual-container{width:200px;height:200px}.visual-icon{font-size:2.5rem}.cta-actions{flex-direction:column;align-items:center}.cta-actions .modern-btn{width:200px;justify-content:center}}/ * Home Page Navigation Cards / .home-navigation{background:var(--bg-secondary)}.nav-card{display:block;text-align:center;transition:all var(--transition-base);color:inherit;height:100%;border:2px solid transparent}.nav-card:hover{transform:translateY(-8px);border-color:var(--primary-color);color:inherit;text-decoration:none}.nav-icon{width:80px;height:80px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff;font-size:var(--font-size-2xl);transition:all var(--transition-base)}.nav-card:hover .nav-icon{transform:scale(1.1);box-shadow:var(--shadow-xl)}.nav-card h4{color:var(--text-primary);font-size:var(--font-size-lg)}.nav-card p{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.nav-card:hover h4{color:var(--primary-color)}.home-page .page-content{padding:0}.hero-section{min-height:100vh;display:flex;align-items:center}@media (max-width:768px){.nav-icon{width:60px;height:60px;font-size:var(--font-size-xl)}.nav-card h4{font-size:var(--font-size-base)}.nav-card p{font-size:var(--font-size-xs)}}.about-section{background:var(--bg-primary)}.about-hero .hero-content{text-align:center;margin-bottom:var(--spacing-2xl)}.about-hero .hero-badge{display:inline-block;margin-bottom:var(--spacing-lg)}.about-hero .hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:var(--spacing-lg);line-height:1.1}.about-hero .hero-description{font-size:clamp(1rem,2.5vw,1.25rem);margin-bottom:var(--spacing-2xl);opacity:.9;max-width:800px;margin-left:auto;margin-right:auto}.profile-image{width:250px;height:250px;border:4px solid #fff;box-shadow:var(--shadow-xl);transition:transform var(--transition-base)}.profile-overlay{bottom:-10px;right:-10px;background:var(--primary-gradient);border-radius:var(--radius-xl);padding:var(--spacing-md);color:#fff;box-shadow:var(--shadow-lg)}.profile-stats{grid-gap:var(--spacing-md);gap:var(--spacing-md)}.profile-stats .stat h4{margin:0;font-size:var(--font-size-lg);font-weight:700}.profile-stats .stat p{margin:0;font-size:var(--font-size-xs);opacity:.9}.intro-stats{display:flex;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.stat-item{grid-gap:var(--spacing-sm);gap:var(--spacing-sm);background:rgba(102,126,234,.1);padding:var(--spacing-md);border-radius:var(--radius-lg);flex:1 1;min-width:150px}.stat-icon{width:40px;height:40px;background:var(--primary-gradient);border-radius:50%;font-size:var(--font-size-base)}.stat-content{flex:1 1}.stat-number{font-size:var(--font-size-lg);color:var(--primary-color)}.stat-label{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.about-actions{display:flex;grid-gap:var(--spacing-md);gap:var(--spacing-md);flex-wrap:wrap}.highlight-quote{background:var(--primary-gradient);color:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0;position:relative}.highlight-quote i{font-size:2rem;opacity:.3;margin-bottom:var(--spacing-sm)}.highlight-quote p{font-style:italic;font-size:var(--font-size-lg);margin:0}.project-showcase{background:var(--bg-primary)}.projects-hero .hero-content{text-align:center;margin-bottom:var(--spacing-3xl)}.projects-hero .hero-badge{display:inline-block;margin-bottom:var(--spacing-lg)}.projects-hero .hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin-bottom:var(--spacing-lg);line-height:1.1}.projects-hero .hero-description{font-size:clamp(1rem,2.5vw,1.25rem);margin-bottom:var(--spacing-2xl);opacity:.9;max-width:800px;margin-left:auto;margin-right:auto}.project-skill-card{height:auto;min-height:300px}.project-image-small{width:60px;height:40px;border-radius:var(--radius-sm);overflow:hidden}.project-technologies{display:flex;flex-wrap:wrap;grid-gap:var(--spacing-xs);gap:var(--spacing-xs)}.project-actions{grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-top:auto}.project-link{display:flex;grid-gap:var(--spacing-xs);gap:var(--spacing-xs);color:var(--primary-color);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.project-link:hover{color:var(--secondary-color)}@media (max-width:768px){.profile-image{width:200px;height:200px}.intro-stats{flex-direction:column;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.stat-item{min-width:auto}.about-actions{justify-content:center}.project-actions{flex-direction:column;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}}.profile-image,.project-image-small img{transition:opacity .3s ease}.profile-image:not([src]),.profile-image[src=""],.project-image-small img:not([src]),.project-image-small img[src=""]{opacity:0}.project-image-small{background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;position:relative}.project-image-small:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid var(--primary-color);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;opacity:0;transition:opacity .3s ease}.project-image-small:empty:before{opacity:1}.project-image-small img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}.image-fallback{background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;text-align:center;border-radius:inherit}/ * About Profile Image Specific Styles / .about-profile-container{position:relative!important;display:inline-block!important;width:250px!important;height:250px!important;border-radius:50%!important;overflow:hidden!important;border:4px solid #fff!important;box-shadow:var(--shadow-xl)!important;background:var(--bg-tertiary)!important}.about-profile-container .profile-image{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;transition:transform var(--transition-base)!important;display:block!important;border:none!important;box-shadow:none!important}.about-profile-container:hover .profile-image{transform:scale(1.05)!important}.about-profile-container .profile-overlay{position:absolute;bottom:-10px;right:-10px;background:var(--primary-gradient);border-radius:var(--radius-xl);padding:var(--spacing-md);color:#fff;box-shadow:var(--shadow-lg);z-index:2}@media (max-width:768px){.about-profile-container{width:200px!important;height:200px!important}}@media (max-width:480px){.about-profile-container{width:180px!important;height:180px!important}}.experience-highlights{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.experience-stat{height:100%;transition:all var(--transition-base);border:2px solid transparent;position:relative;overflow:hidden}.experience-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--transition-base)}.experience-stat:hover{transform:translateY(-8px);border-color:var(--primary-color)}.experience-stat:hover:before{transform:scaleX(1)}.experience-stat .stat-icon{width:80px;height:80px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff;font-size:var(--font-size-2xl);transition:all var(--transition-base)}.experience-stat:hover .stat-icon{transform:scale(1.1);box-shadow:var(--shadow-xl)}.experience-stat .stat-number{font-size:var(--font-size-3xl);font-weight:800;color:var(--primary-color);margin:var(--spacing-md) 0 var(--spacing-sm);line-height:1}.experience-stat .stat-label{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.experience-stat small{font-size:var(--font-size-sm);color:var(--text-muted)}.hero-stats .stat-item{transition:all var(--transition-base);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.2)}.hero-stats .stat-item:hover{transform:translateY(-5px) scale(1.05);background:hsla(0,0%,100%,.15)}.hero-stats .stat-item h3{font-size:var(--font-size-2xl);font-weight:800}.hero-stats .stat-item small{font-size:var(--font-size-xs);opacity:.8}.page-title:after{bottom:-8px;width:60px}.page-subtitle{margin-bottom:0}.experience-stat .stat-number{animation:countUp .8s ease-out}@media (max-width:768px){.experience-stat{margin-bottom:var(--spacing-lg)}.experience-stat .stat-icon{width:60px;height:60px;font-size:var(--font-size-xl)}.experience-stat .stat-number{font-size:var(--font-size-2xl)}.hero-stats .row>div{margin-bottom:var(--spacing-md)}}/ * Enhanced Page Headers / .page-header{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));padding:var(--spacing-3xl) 0;position:relative;overflow:hidden}.page-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='rgba(102,126,234,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");opacity:.5}.page-title{font-size:clamp(2rem,5vw,3.5rem);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.page-title:after{content:"";position:absolute;bottom:-12px;left:0;width:80px;height:4px;background:var(--primary-gradient);border-radius:var(--radius-full);animation:slideIn .8s ease-out}.page-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);max-width:800px}@keyframes slideIn{0%{width:0;opacity:0}to{width:80px;opacity:1}}.experience-timeline{padding:var(--spacing-xl) 0}.experience-timeline:before{content:"2010 ────────────────────────── 2024";font-size:var(--font-size-sm);color:var(--text-muted);font-weight:600;letter-spacing:2px}.section-content{padding:var(--spacing-2xl) 0;position:relative}.floating-element:first-child{top:10%;left:5%}.floating-element:nth-child(2){top:60%;right:10%}.floating-element:nth-child(3){bottom:20%;left:15%}.modern-card{position:relative}.modern-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.modern-card:hover:before{left:100%}@media (max-width:768px){.page-header{padding:var(--spacing-2xl) 0}.page-title:after{width:60px}.experience-timeline:before{font-size:var(--font-size-xs);letter-spacing:1px}}.about-section-clean{padding:var(--spacing-3xl) 0;min-height:100vh}.about-section-clean .container{max-width:1200px}.profile-section{position:-webkit-sticky;position:sticky;top:100px;background:#fff;border-radius:16px;padding:var(--spacing-2xl);box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #f0f0f0}.profile-image-wrapper{text-align:center;margin-bottom:var(--spacing-xl)}.profile-img{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 8px 32px rgba(0,0,0,.12);transition:transform .3s ease}.profile-img:hover{transform:scale(1.05)}.profile-info{text-align:center}.profile-name{font-size:2rem;color:#1a1a1a}.profile-location{color:#666;font-size:.95rem;margin-bottom:var(--spacing-xl)}.profile-location i{margin-right:.5rem;color:#667eea}.profile-stats{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.profile-stats .stat{flex:1 1}.stat-label{display:block;font-size:.8rem;color:#666;margin-top:.25rem}.profile-actions{grid-gap:var(--spacing-md);gap:var(--spacing-md)}.btn-primary,.btn-secondary{display:flex;justify-content:center}.about-content-main{padding-left:var(--spacing-2xl)}.content-block{margin-bottom:var(--spacing-3xl)}.content-block h2{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:var(--spacing-lg);position:relative;padding-bottom:.5rem}.content-block h2:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:#667eea;border-radius:2px}.content-block .lead{font-size:1.1rem;line-height:1.7;color:#333;margin-bottom:var(--spacing-lg);font-weight:500}.content-block p{font-size:1rem;line-height:1.7;color:#555;margin-bottom:var(--spacing-md)}.expertise-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.expertise-item{padding:var(--spacing-lg);border-radius:12px;background:#f8f9ff;border:1px solid #e8ebff;transition:all .3s ease}.expertise-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(102,126,234,.15);border-color:#667eea}.expertise-icon{width:50px;height:50px;background:#667eea;border-radius:12px;margin-bottom:var(--spacing-md);font-size:1.25rem}.expertise-item h4{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.expertise-item p{font-size:.9rem;color:#666;margin:0;line-height:1.6}.values-list{margin-top:var(--spacing-lg)}.value-item{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid #f0f0f0}.value-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.value-item h4{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.value-item h4 i{color:#667eea;font-size:1rem}.value-item p{margin:0;font-size:.95rem;color:#666;line-height:1.6}@media (max-width:992px){.about-content-main{padding-left:0;margin-top:var(--spacing-2xl)}.profile-section{position:static;margin-bottom:var(--spacing-2xl)}.expertise-grid{grid-template-columns:1fr}}@media (max-width:768px){.about-section-clean{padding:var(--spacing-2xl) 0}.profile-section{padding:var(--spacing-xl)}.profile-img{width:150px;height:150px}.profile-name{font-size:1.75rem}.content-block h2{font-size:1.5rem}.profile-stats{flex-direction:column;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.profile-stats .stat{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.stat-number{font-size:1.25rem}.stat-label{font-size:.9rem;margin-top:0}}@media (max-width:576px){.profile-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.profile-loading{width:200px;height:200px;border-radius:50%;background:#f8f9ff;border:4px solid #fff;box-shadow:0 8px 32px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center}.profile-loading i{animation:spin 1s linear infinite}/ * Clean Portfolio Section Styles / .portfolio-section-clean{padding:var(--spacing-3xl) 0;background:#fff;min-height:100vh}.portfolio-section-clean .container{max-width:1200px}.portfolio-header{text-align:center;margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid #f0f0f0}.header-content h1{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-bottom:var(--spacing-md)}.header-content p{font-size:1.1rem;color:#666;margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.github-link a{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;color:#667eea;text-decoration:none;font-weight:600;padding:.75rem 1.5rem;border:2px solid #667eea;border-radius:8px;transition:all .3s ease}.github-link a:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.portfolio-stats{display:flex;justify-content:center;grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);margin-top:var(--spacing-xl)}.portfolio-stats .stat{text-align:center}.portfolio-stats .stat-number{display:block;font-size:2rem;font-weight:700;color:#667eea;line-height:1}.portfolio-stats .stat-label{display:block;font-size:.9rem;color:#666;margin-top:.25rem;font-weight:500}.filter-tabs{display:flex;flex-wrap:wrap;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-3xl);padding:var(--spacing-lg);background:#f8f9ff;border-radius:12px;border:1px solid #e8ebff}.filter-tab{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem 1rem;border:1px solid #e0e0e0;background:#fff;border-radius:6px;font-size:.9rem;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease}.filter-tab:hover{border-color:#667eea;color:#667eea}.filter-tab.active{background:#667eea;border-color:#667eea;color:#fff}.language-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.project-card{border:1px solid #e8ebff;padding:var(--spacing-xl);animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(102,126,234,.15);border-color:#667eea}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.project-title h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0 0 .25rem}.project-visibility{display:flex;align-items:center;grid-gap:.25rem;gap:.25rem;font-size:.75rem;color:#666;text-transform:capitalize}.project-actions{grid-gap:.5rem;gap:.5rem}.project-actions a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#666;border:1px solid #e0e0e0;border-radius:6px;text-decoration:none;transition:all .3s ease}.project-actions a:hover{color:#667eea;border-color:#667eea;background:#f8f9ff}.project-description{margin-bottom:var(--spacing-md)}.project-description p{color:#555;line-height:1.6;margin:0;font-size:.95rem}.project-topics{grid-gap:.5rem;gap:.5rem;margin-bottom:var(--spacing-md)}.topic-tag{background:#f0f0f0;color:#666}.topic-more,.topic-tag{padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.topic-more{background:#e8ebff;color:#667eea;font-weight:500}.project-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid #f0f0f0}.project-meta{grid-gap:var(--spacing-md);gap:var(--spacing-md)}.language-info{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;font-size:.85rem;color:#666;font-weight:500}.project-stats{display:flex;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.stat-item{grid-gap:.25rem;gap:.25rem;font-size:.8rem;color:#666}.project-date{font-size:.8rem;color:#999}.error-state,.loading-state,.no-projects{text-align:center;padding:var(--spacing-3xl)}.loading-spinner i{font-size:2rem;color:#667eea;animation:spin 1s linear infinite}.error-icon i,.no-projects-icon i{font-size:3rem;color:#ff6b6b;margin-bottom:var(--spacing-md)}.no-projects-icon i{color:#999}.retry-btn{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;background:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:var(--spacing-md)}.retry-btn:hover{background:#5a6fd8;transform:translateY(-2px)}.portfolio-footer{background:#f8f9ff;border-radius:16px;padding:var(--spacing-3xl);text-align:center;border:1px solid #e8ebff}.footer-content h3{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:var(--spacing-md)}.footer-content p{font-size:1.1rem;color:#666;margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.footer-actions{display:flex;justify-content:center;grid-gap:var(--spacing-md);gap:var(--spacing-md);flex-wrap:wrap}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;border:2px solid transparent}.btn-primary{background:#667eea}.btn-primary:hover{background:#5a6fd8;box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-secondary{border-color:#667eea}@media (max-width:768px){.portfolio-header h1{font-size:2rem}.portfolio-stats{flex-direction:column;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.filter-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:var(--spacing-lg)}.projects-grid{grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.project-footer{flex-direction:column;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);align-items:flex-start}.footer-actions{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{justify-content:center}}@media (max-width:576px){.project-header{flex-direction:column;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.project-actions{align-self:flex-end}}.portfolio-section-modern{background:var(--bg-primary);padding:var(--spacing-2xl) 0}.portfolio-badge{display:inline-flex;align-items:center;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);background:var(--primary-gradient);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md)}.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.page-header{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,rgba(102,126,234,.02),rgba(118,75,162,.02))}.page-title{font-size:var(--font-size-5xl);font-weight:800;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.page-subtitle{font-size:var(--font-size-lg);color:var(--text-muted);max-width:700px;margin:0 auto}.portfolio-filter-tabs{justify-content:center;margin-bottom:var(--spacing-3xl);flex-wrap:wrap;padding:0 var(--spacing-md)}.portfolio-filter-tab,.portfolio-filter-tabs{display:flex;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.portfolio-filter-tab{align-items:center;padding:var(--spacing-md) var(--spacing-lg);border:2px solid #e2e8f0;background:#fff;border-radius:var(--radius-lg);font-weight:500;color:var(--text-secondary);transition:all var(--transition-base);cursor:pointer;font-size:var(--font-size-sm)}.portfolio-filter-tab:hover{color:var(--primary-color);box-shadow:var(--shadow-md)}.portfolio-filter-tab.active,.portfolio-filter-tab:hover{border-color:var(--primary-color);transform:translateY(-2px)}.portfolio-filter-tab.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-lg)}.portfolio-filter-tab i{font-size:var(--font-size-base)}.portfolio-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);padding:0 var(--spacing-md)}.portfolio-project-card{background:var(--primary-gradient);border-radius:var(--radius-xl);padding:var(--spacing-xl);color:#fff;transition:all var(--transition-base);position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column;animation:fadeInUp .6s ease-out forwards;opacity:0}.portfolio-project-card:first-child{animation-delay:.1s}.portfolio-project-card:nth-child(2){animation-delay:.2s;background:var(--secondary-gradient)}.portfolio-project-card:nth-child(3){animation-delay:.3s;background:var(--success-gradient)}.portfolio-project-card:nth-child(4){animation-delay:.4s;background:var(--warning-gradient)}.portfolio-project-card:nth-child(5){animation-delay:.5s;background:var(--primary-gradient)}.portfolio-project-card:nth-child(6){animation-delay:.6s;background:var(--secondary-gradient)}.portfolio-project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(102,126,234,.3)}.portfolio-project-card:nth-child(2):hover{box-shadow:0 20px 40px rgba(240,147,251,.3)}.portfolio-project-card:nth-child(3):hover{box-shadow:0 20px 40px rgba(79,172,254,.3)}.portfolio-project-card:nth-child(4):hover{box-shadow:0 20px 40px rgba(67,233,123,.3)}.portfolio-project-card:nth-child(5):hover{box-shadow:0 20px 40px rgba(102,126,234,.3)}.portfolio-project-card:nth-child(6):hover{box-shadow:0 20px 40px rgba(240,147,251,.3)}.portfolio-project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border-radius:var(--radius-xl)}.portfolio-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);position:relative;z-index:2}.portfolio-card-icon{width:40px;height:40px;border-radius:var(--radius-lg);justify-content:center;font-size:var(--font-size-lg)}.portfolio-card-icon,.portfolio-card-stars{background:hsla(0,0%,100%,.2);display:flex;align-items:center}.portfolio-card-stars{grid-gap:var(--spacing-xs);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.portfolio-card-content{flex:1 1;position:relative;z-index:2}.portfolio-card-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-md);color:#fff}.portfolio-card-description{font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-lg);color:hsla(0,0%,100%,.9)}.portfolio-card-tech{display:flex;align-items:center;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);font-size:var(--font-size-sm);color:hsla(0,0%,100%,.8);margin-bottom:var(--spacing-lg)}.portfolio-card-footer{position:relative;z-index:2}.portfolio-card-link{display:inline-flex;align-items:center;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);color:#fff;text-decoration:none;font-weight:600;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);background:hsla(0,0%,100%,.2);border-radius:var(--radius-lg);transition:all var(--transition-base)}.portfolio-card-link:hover{background:hsla(0,0%,100%,.3);color:#fff;transform:translateX(5px)}.portfolio-no-projects{text-align:center;padding:var(--spacing-3xl);color:var(--text-muted)}.portfolio-no-projects-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);opacity:.5}.portfolio-no-projects h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.portfolio-no-projects p{font-size:var(--font-size-base);margin:0}@media (max-width:768px){.portfolio-projects-grid{grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.portfolio-filter-tabs{flex-direction:column;align-items:center;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.portfolio-filter-tab{width:100%;max-width:300px;justify-content:center}.page-title{font-size:var(--font-size-4xl)}.page-subtitle{font-size:var(--font-size-base);padding:0 var(--spacing-md)}.portfolio-project-card{min-height:180px}}@media (max-width:480px){.portfolio-projects-grid{padding:0 var(--spacing-sm)}.portfolio-project-card{padding:var(--spacing-lg)}.page-header{padding:var(--spacing-2xl) 0}}.bgstyle{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background-size:400% 400%;animation:gradientShift 15s ease infinite;min-height:100vh;position:relative}.fade-in{animation:fadeIn .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn .4s ease-out}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.bounce{animation:bounce 1s ease-in-out}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.typing-animation{overflow:hidden;border-right:2px solid #007bff;white-space:nowrap;animation:typing 3s steps(40),blink .75s step-end infinite}.float{animation:float 3s ease-in-out infinite}.rotate{animation:rotate 2s linear infinite}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.shake{animation:shake .5s ease-in-out}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bgstyle{animation:none;background:linear-gradient(135deg,#667eea,#764ba2)}}.social-icons{display:flex;grid-gap:1rem;gap:1rem;justify-content:center;flex-wrap:wrap}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease;font-size:1.2rem;position:relative;overflow:hidden}.social-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.1);border-radius:50%;transform:scale(0);transition:transform .3s ease}.social-icon:hover:before{transform:scale(1)}.social-icon:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.social-icon.github{background:linear-gradient(135deg,#333,#24292e)}.social-icon.linkedin{background:linear-gradient(135deg,#0077b5,#005885)}.social-icon.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.social-icon.facebook{background:linear-gradient(135deg,#1877f2,#166fe5)}.social-icon.instagram{background:linear-gradient(135deg,#e4405f,#c13584,#833ab4)}.social-icon.email{background:linear-gradient(135deg,#ea4335,#d33b2c)}.modern-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid rgba(0,0,0,.05);overflow:hidden}.modern-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.card-header{border-bottom:1px solid rgba(0,0,0,.05);background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.card-body,.card-header{padding:1.5rem}.card-footer{padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid rgba(0,0,0,.05)}.project-card{position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease;height:100%}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.15)}.project-card-image{height:200px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;position:relative;overflow:hidden}.project-card-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);transition:background .3s ease}.project-card:hover .project-card-image:before{background:rgba(0,0,0,.2)}.project-card-content{padding:1.5rem}.project-card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#333}.project-card-description{color:#666;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.project-card-tech{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.tech-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.75rem}.project-card-links{display:flex;grid-gap:.75rem;gap:.75rem}.project-link{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.project-link.primary{background:#007bff;color:#fff}.project-link.secondary{background:#f8f9fa;color:#333;border:1px solid #dee2e6}.project-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.skill-item{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:all .3s ease}.skill-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.skill-icon{border-radius:8px;font-size:1.5rem;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.skill-content{flex:1 1}.skill-name{margin-bottom:.25rem;color:#333}.skill-level{font-size:.875rem;color:#666}.skill-progress{width:100%;height:4px;background:#e9ecef;border-radius:2px;overflow:hidden;margin-top:.5rem}.skill-progress-bar{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;transition:width 1s ease}.navbar-modern{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-bottom:1px solid rgba(0,0,0,.05)}.navbar-brand-modern{font-weight:700;font-size:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-link-modern{position:relative;font-weight:500;color:#333!important;transition:color .3s ease}.nav-link-modern:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:all .3s ease;transform:translateX(-50%)}.nav-link-modern.active:after,.nav-link-modern:hover:after{width:100%}.section-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.125rem;color:#666}.spinner-modern{width:40px;height:40px;border:3px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}@media (max-width:768px){.section-title{font-size:2rem}.project-card-image{height:150px;font-size:2rem}.social-icon{width:40px;height:40px;font-size:1rem}}.responsibilities-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:3rem}.responsibility-card{background:#fff;border-radius:20px;padding:0;box-shadow:0 10px 40px rgba(0,0,0,.1);transition:all .3s ease;overflow:hidden;border:2px solid transparent}.responsibility-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,.15);border-color:var(--accent-color)}.responsibility-card .card-header{background:linear-gradient(135deg,var(--accent-color),rgba(var(--accent-color),.8));padding:2rem;color:#fff;display:flex;align-items:center;grid-gap:1rem;gap:1rem}.category-icon{width:60px;height:60px;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.5rem}.category-title{margin:0}.responsibility-card .card-content{padding:2rem}.responsibility-list{list-style:none;padding:0;margin:0}.responsibility-item{display:flex;align-items:flex-start;grid-gap:1rem;gap:1rem;margin-bottom:1rem;padding:.5rem 0}.item-bullet{width:8px;height:8px;border-radius:50%;margin-top:.5rem;flex-shrink:0}.responsibility-item span{color:#495057;line-height:1.6;font-size:1rem}.skills-summary{padding:2rem;margin-top:3rem}.summary-stat{padding:1rem;text-align:center;transition:transform .3s ease}.summary-stat:hover{transform:translateY(-5px)}.summary-stat .stat-icon{font-size:2.5rem;color:#667eea;margin-bottom:1rem}.summary-stat .stat-number{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.summary-stat .stat-label{font-size:1rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:1px}.leadership-philosophy{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;margin-bottom:4rem}.philosophy-content{padding:1rem}.philosophy-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:1.5rem}.philosophy-text{font-size:1.2rem;line-height:1.8;color:#495057;margin-bottom:2rem}.philosophy-stats{display:flex;grid-gap:2rem;gap:2rem;flex-wrap:wrap}.philosophy-stats .stat-item{text-align:center}.philosophy-stats .stat-number{font-size:2rem;font-weight:700;color:#667eea;display:block}.philosophy-stats .stat-label{font-size:.9rem;color:#6c757d;text-transform:uppercase;letter-spacing:1px}.leadership-visual{height:100%}.leadership-circle,.leadership-visual{display:flex;justify-content:center;align-items:center}.leadership-circle{width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 20px 60px rgba(102,126,234,.3);animation:float 6s ease-in-out infinite}.circle-content{text-align:center;color:#fff}.circle-content i{font-size:4rem;margin-bottom:1rem;display:block}.circle-content span{font-size:1.2rem;font-weight:600}.leadership-areas{margin-bottom:4rem}.leadership-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 40px rgba(0,0,0,.1);transition:all .3s ease;height:100%;border:2px solid transparent}.leadership-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,.15);border-color:var(--accent-color)}.leadership-card .card-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin-bottom:1.5rem}.leadership-card .card-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:1rem}.leadership-card .card-description{color:#6c757d;line-height:1.6;margin-bottom:1.5rem}.achievement-list{list-style:none;padding:0;margin:0}.achievement-item{grid-gap:.75rem;gap:.75rem;margin-bottom:.75rem;font-size:.95rem;color:#495057}.leadership-timeline{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem}.timeline-title{color:#2c3e50;margin-bottom:3rem}.timeline-container:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eea,#764ba2 50%,#f093fb);border-radius:2px}.timeline-item{margin-bottom:3rem;padding-left:80px}.timeline-marker{top:0;background:#667eea;border:4px solid #fff;box-shadow:0 4px 20px rgba(0,0,0,.2)}.timeline-year{font-weight:700;text-align:center}.timeline-content{border-radius:15px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.1)}.timeline-company{font-size:1.3rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.timeline-role{font-size:1.1rem;color:#667eea;margin-bottom:1rem}.timeline-highlights{list-style:none;padding:0;margin:0}.timeline-highlights li{margin-bottom:.5rem;padding-left:1.5rem;position:relative;color:#495057}.timeline-highlights li:before{content:"▸";position:absolute;left:0;color:#667eea;font-weight:700}.projects-loading{padding:4rem 0}.loading-spinner{color:#667eea;margin-bottom:1rem}.projects-notice{background:rgba(102,126,234,.1);border:1px solid #667eea;border-radius:10px;padding:1rem;margin-bottom:2rem;display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;color:#667eea}.projects-grid{margin-bottom:4rem}.project-categories{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;margin-bottom:3rem}.categories-title{text-align:center;font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:3rem}.category-item{text-align:center;padding:1.5rem;transition:transform .3s ease}.category-item:hover{transform:translateY(-5px)}.category-item .category-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin:0 auto 1rem}.category-item h4{font-size:1.2rem;font-weight:700;color:#2c3e50;margin-bottom:.75rem}.category-item p{color:#6c757d;font-size:.95rem;line-height:1.5}.projects-cta{background:linear-gradient(135deg,#667eea,#764ba2);padding:3rem;color:#fff}.cta-content h3{font-size:2rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.cta-buttons{grid-gap:1rem;gap:1rem}.cta-buttons .btn{padding:.75rem 2rem;font-weight:600;border-radius:50px;transition:all .3s ease}.cta-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.skills-nav{display:flex;justify-content:center;grid-gap:1rem;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.nav-btn{background:#fff;border:2px solid #e9ecef;border-radius:50px;padding:1rem 2rem;font-size:1rem;font-weight:600;color:#6c757d;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.nav-btn.active,.nav-btn:hover{background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.3)}.skills-content{margin-bottom:3rem}.skill-category{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 40px rgba(0,0,0,.1);height:100%}.category-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:2rem;text-align:center}.skills-list{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.skill-item{margin-bottom:1rem}.skill-header{margin-bottom:.5rem}.skill-name{font-weight:600;color:#2c3e50}.skill-percentage{font-weight:600;color:#6c757d;font-size:.9rem}.skill-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.skill-progress{height:100%;border-radius:4px;transition:width 1s ease-in-out}.skill-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2s infinite}.soft-skill-card{padding:2rem;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.1);height:100%}.soft-skill-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,.15)}.soft-skill-card .skill-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin:0 auto 1.5rem}.soft-skill-card .skill-title{font-size:1.3rem;font-weight:700;color:#2c3e50;margin-bottom:1rem}.soft-skill-card .skill-description{color:#6c757d;line-height:1.6}.certification-card{border-radius:20px;padding:2rem;box-shadow:0 10px 40px rgba(0,0,0,.1);display:flex;align-items:center;grid-gap:1.5rem;gap:1.5rem;height:100%}.certification-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,.15)}.cert-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#667eea,#764ba2);font-size:2rem;color:#fff;flex-shrink:0}.cert-content{flex:1 1}.cert-name{font-size:1.2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.cert-issuer{color:#6c757d;margin-bottom:.5rem}.cert-year{background:#667eea;padding:.25rem .75rem;border-radius:15px;font-size:.85rem}.skills-summary{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem}.summary-item{text-align:center;padding:1rem;transition:transform .3s ease}.summary-item:hover{transform:translateY(-5px)}.summary-item .summary-icon{font-size:2.5rem;color:#667eea;margin-bottom:1rem}.summary-item .summary-number{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.summary-item .summary-label{font-size:1rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:1px}.interests-grid{margin-bottom:4rem}.interest-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.1);transition:all .3s ease;overflow:hidden;height:100%;border:2px solid transparent}.interest-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,.15);border-color:var(--accent-color)}.interest-card .card-header{background:linear-gradient(135deg,var(--accent-color),rgba(var(--accent-color),.8));padding:2rem;color:#fff;display:flex;align-items:center;grid-gap:1rem;gap:1rem}.interest-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.5rem;flex-shrink:0}.header-content{flex:1 1}.interest-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.interest-stats{font-size:.9rem;font-weight:600;opacity:.9}.interest-card .card-content{padding:2rem}.interest-description{color:#495057;line-height:1.6;margin-bottom:1.5rem}.interest-details{list-style:none;margin:0 0 1.5rem}.detail-item{display:flex;align-items:flex-start;grid-gap:.75rem;gap:.75rem;margin-bottom:.75rem;font-size:.95rem;color:#495057}.interest-link{margin-top:1rem}.external-link{text-decoration:none;font-weight:600;display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;transition:all .3s ease}.external-link:hover{text-decoration:underline;transform:translateX(5px)}.personal-values{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;margin-bottom:3rem}.values-title{font-size:2rem;color:#2c3e50;margin-bottom:3rem}.value-card{border-radius:15px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.1);height:100%}.value-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.value-icon{font-size:1.5rem;margin:0 auto 1rem}.value-name{font-size:1.2rem;font-weight:700;color:#2c3e50;margin-bottom:.75rem}.value-description{color:#6c757d;line-height:1.5;font-size:.95rem}.inspiration-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:3rem;margin-bottom:3rem;color:#fff}.quote-icon{font-size:3rem;opacity:.3;margin-bottom:1rem}.inspiration-quote{font-size:1.3rem;line-height:1.8;margin:0 0 1.5rem;border:none}.quote-author{opacity:.8}.interests-stats{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem}.interests-stats .stat-item{text-align:center;padding:1rem;transition:transform .3s ease}.interests-stats .stat-item:hover{transform:translateY(-5px)}.interests-stats .stat-icon{font-size:2.5rem;color:#667eea;margin-bottom:1rem}.interests-stats .stat-number{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.interests-stats .stat-label{font-size:1rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:1px}@media (max-width:768px){.responsibilities-grid{grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}.responsibility-card .card-header{padding:1.5rem;flex-direction:column;text-align:center;grid-gap:1rem;gap:1rem}.category-icon{width:50px;height:50px;font-size:1.2rem}.category-title{font-size:1.3rem}.responsibility-card .card-content{padding:1.5rem}.philosophy-stats{justify-content:center;grid-gap:1rem;gap:1rem}.leadership-circle{width:250px;height:250px}.circle-content i{font-size:3rem}.circle-content span{font-size:1rem}.timeline-container:before{left:20px}.timeline-item{padding-left:60px}.timeline-marker{width:40px;height:40px;left:0}.timeline-year{font-size:.7rem}.skills-nav{flex-direction:column;align-items:center}.nav-btn{width:100%;max-width:300px;justify-content:center}.certification-card{flex-direction:column;text-align:center}.cert-icon{width:60px;height:60px;font-size:1.5rem}.interest-card .card-header{flex-direction:column;text-align:center;grid-gap:1rem;gap:1rem}.interest-icon{width:50px;height:50px;font-size:1.2rem}.interest-title{font-size:1.3rem}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:300px}}@media (max-width:576px){.section-header{margin-bottom:2rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.interest-card .card-content,.leadership-card,.responsibility-card .card-content{padding:1rem}.inspiration-section,.interests-stats,.leadership-philosophy,.personal-values,.project-categories,.skills-summary{padding:2rem 1rem}.categories-title,.philosophy-title,.values-title{font-size:1.5rem}.timeline-content{padding:1.5rem}.interests-stats .stat-number,.summary-item .summary-number,.summary-stat .stat-number{font-size:2rem}.inspiration-quote{font-size:1.1rem}}#aboutme{background:transparent;position:relative;overflow:hidden;text-align:center}#aboutme:before{top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(102,126,234,.1) 0,transparent 70%);animation:float 8s ease-in-out infinite}.about-highlights{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;border:1px solid hsla(0,0%,100%,.2)}.highlight-item{font-weight:600;color:#2c3e50;font-size:1rem}.highlight-item i{font-size:1.2rem}.about-content .btn{border-radius:50px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.about-content .btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.about-content .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.about-content .btn-outline-primary{border:2px solid #667eea;color:#667eea;background:transparent}.about-content .btn-outline-primary:hover{background:#667eea;border-color:#667eea;color:#fff}.profile-image-container:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#4facfe);border-radius:50%;z-index:-1;animation:rotate 4s linear infinite;opacity:.7}.profile-image{position:relative;z-index:1;border:4px solid #fff!important}@media (max-width:768px){.about-highlights{margin-bottom:2rem}.highlight-item{justify-content:center;text-align:center}.about-content .btn{width:100%;max-width:300px;margin:0 auto 1rem;display:block}.profile-image-container:before{top:-5px;left:-5px;right:-5px;bottom:-5px}}@media (max-width:576px){.about-highlights{padding:1rem}.highlight-item{font-size:.9rem;margin-bottom:.5rem}.about-content .section-title{font-size:2rem}.about-content .lead{font-size:1rem}}.modern-navbar{transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-navbar.scrolled{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 8px 32px rgba(0,0,0,.1)}.navbar-container{max-width:1400px;position:relative}.navbar-brand-container{display:flex;align-items:center;z-index:1001}.navbar-brand{transition:all .3s ease}.navbar-brand:hover{transform:translateY(-2px)}.brand-logo{color:#2c3e50;margin-bottom:-2px}.brand-bracket{margin:0 2px}.brand-name{color:#2c3e50}.brand-subtitle{font-size:.75rem;color:#6c757d;letter-spacing:1px;margin-left:8px}.nav-link{flex-direction:column;padding:.75rem 1rem;color:#495057;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease;border-radius:12px}.nav-link.active:before,.nav-link:hover:before{opacity:.1}.nav-link:hover{transform:translateY(-2px)}.nav-link.active{color:#667eea;font-weight:600}.nav-text{z-index:1}.nav-indicator{border-radius:1px;transition:width .3s cubic-bezier(.4,0,.2,1);margin-top:4px}.nav-link.active .nav-indicator,.nav-link:hover .nav-indicator{width:100%}.navbar-cta{margin-left:1rem}.cta-button{grid-gap:.5rem;gap:.5rem;padding:.75rem 1.5rem;border-radius:50px;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(102,126,234,.3)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.cta-button i{transition:transform .3s ease}.cta-button:hover i{transform:translateX(3px)}.mobile-menu-toggle{padding:.5rem;position:relative}.hamburger{justify-content:space-between}.hamburger span{background:#2c3e50;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-open .hamburger span:first-child{transform:rotate(45deg) translate(6px,6px)}.menu-open .hamburger span:nth-child(2){opacity:0;transform:translateX(20px)}.menu-open .hamburger span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-nav{width:100%;max-width:400px;background:hsla(0,0%,100%,.98);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);transition:right .4s cubic-bezier(.4,0,.2,1)}.mobile-nav-content{padding:2rem}.mobile-nav-header{margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.mobile-brand{font-size:1.25rem;color:#2c3e50}.mobile-close{background:none;font-size:1.5rem;color:#6c757d;padding:.5rem}.mobile-close:hover{background:rgba(0,0,0,.05);color:#2c3e50}.mobile-nav-list{padding:0}.mobile-nav-item{margin-bottom:.5rem;transform:translateX(30px);animation:slideInMobile .4s ease forwards;animation-delay:var(--delay,0s)}@keyframes slideInMobile{to{opacity:1;transform:translateX(0)}}.mobile-nav-link{padding:1rem;color:#495057;border-radius:15px;position:relative;overflow:hidden}.mobile-nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.1;transition:left .3s ease}.mobile-nav-link.active:before,.mobile-nav-link:hover:before{left:0}.mobile-nav-link.active,.mobile-nav-link:hover{color:#667eea;transform:translateX(5px)}.mobile-nav-icon{width:40px;height:40px;border-radius:12px;background:rgba(102,126,234,.1);margin-right:1rem;color:#667eea;transition:all .3s ease}.mobile-nav-link.active .mobile-nav-icon,.mobile-nav-link:hover .mobile-nav-icon{background:#667eea;color:#fff;transform:scale(1.1)}.mobile-nav-text{font-weight:500;font-size:1rem;position:relative;z-index:1}.mobile-nav-arrow{color:#6c757d;position:relative;z-index:1}.mobile-nav-link.active .mobile-nav-arrow,.mobile-nav-link:hover .mobile-nav-arrow{color:#667eea;transform:translateX(3px)}.mobile-nav-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.1)}.mobile-cta-button{grid-gap:.75rem;gap:.75rem;padding:1rem 1.5rem;border-radius:15px;font-size:1rem;box-shadow:0 4px 15px rgba(102,126,234,.3)}.mobile-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.mobile-overlay{height:100vh;animation:fadeInOverlay .3s ease forwards}@keyframes fadeInOverlay{to{opacity:1}}@media (max-width:1024px){.navbar-container{padding:0 1.5rem}.nav-list{grid-gap:.25rem;gap:.25rem}.nav-link{padding:.5rem .75rem;font-size:.9rem}.cta-button{padding:.5rem 1rem;font-size:.85rem}}@media (max-width:768px){.navbar-container{height:70px;padding:0 1rem}.navbar-nav-desktop{display:none}.mobile-menu-toggle{display:block}.brand-logo{font-size:1.25rem}.brand-subtitle{font-size:.7rem}}@media (max-width:480px){.navbar-container{padding:0 .75rem}.mobile-nav{max-width:100%}.mobile-nav-content{padding:1.5rem}.brand-logo{font-size:1.1rem}.brand-subtitle{display:none}}@media (prefers-color-scheme:dark){.modern-navbar{background:rgba(26,26,26,.95);border-bottom-color:hsla(0,0%,100%,.1)}.modern-navbar.scrolled{background:rgba(26,26,26,.98);border-bottom-color:hsla(0,0%,100%,.05);box-shadow:0 8px 32px rgba(0,0,0,.3)}.brand-name,.mobile-brand{color:#fff}.brand-subtitle{color:#9ca3af}.nav-link{color:#d1d5db}.nav-link.active,.nav-link:hover{color:#667eea}.hamburger span{background:#fff}.mobile-nav{background:rgba(26,26,26,.98)}.mobile-nav-link{color:#d1d5db}.mobile-nav-header{border-bottom-color:hsla(0,0%,100%,.1)}.mobile-nav-footer{border-top-color:hsla(0,0%,100%,.1)}}html{scroll-behavior:smooth}.cta-button:focus,.mobile-cta-button:focus,.mobile-nav-link:focus,.nav-link:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-reduced-motion:reduce){.cta-button,.hamburger span,.mobile-nav,.mobile-nav-item,.modern-navbar,.nav-link{transition:none}.mobile-nav-item{animation:none;opacity:1;transform:none}}.navbar-container{padding-left:1rem!important}.navbar-brand-container{margin-left:-.5rem!important}@media (max-width:1024px){.navbar-container{padding-left:.75rem!important;padding-right:1.5rem!important}.navbar-brand-container{margin-left:-.25rem!important}}@media (max-width:768px){.navbar-container{padding-left:.5rem!important;padding-right:1rem!important}.navbar-brand-container{margin-left:0!important}}@media (max-width:480px){.navbar-container{padding-left:.25rem!important;padding-right:.75rem!important}}.navbar-container{padding-left:.5rem!important;padding-right:2rem!important}.navbar-brand-container{margin-left:-1rem!important;position:relative!important}.navbar-brand{padding-left:0!important;margin-left:-.5rem!important}.brand-logo{margin-left:-.25rem!important}@media (max-width:768px){.navbar-container{padding-left:.25rem!important}.navbar-brand-container{margin-left:-.5rem!important}.navbar-brand{margin-left:-.25rem!important}}@media (max-width:480px){.navbar-container{padding-left:.125rem!important}.navbar-brand-container{margin-left:-.25rem!important}.brand-logo,.navbar-brand{margin-left:0!important}}.navbar-brand{min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important;z-index:1001!important}.modern-navbar .navbar-container{padding-left:0!important;padding-right:2rem!important;position:relative!important}.modern-navbar .navbar-brand-container{position:absolute!important;left:.125rem!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;z-index:1002!important}.modern-navbar .navbar-brand{position:relative!important}.modern-navbar .brand-logo,.modern-navbar .navbar-brand{margin:0!important;padding:0!important}.modern-navbar .navbar-nav-desktop{margin-left:200px!important}@media (max-width:768px){.modern-navbar .navbar-brand-container{left:.0625rem!important;position:relative!important;transform:none!important;top:auto!important}.modern-navbar .navbar-nav-desktop{margin-left:0!important}}@media (max-width:480px){.modern-navbar .navbar-brand-container{left:.0625rem!important}}.modern-navbar .mobile-menu-toggle{position:absolute!important;right:1rem!important;top:50%!important;transform:translateY(-50%)!important}:root{--pastel-lavender:#e6e6fa;--pastel-blue:#b8d4f0;--pastel-mint:#b8f2e6;--pastel-peach:#ffd3a5;--pastel-pink:pink;--pastel-yellow:#fff2cc;--pastel-purple:#d8bfd8;--pastel-coral:#ffb3ba;--pastel-sage:#c7d2cc;--pastel-cream:linen;--gradient-1:linear-gradient(135deg,#667eea,#764ba2);--gradient-2:linear-gradient(135deg,#f093fb,#f5576c);--gradient-3:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-4:linear-gradient(135deg,#43e97b,#38f9d7);--gradient-5:linear-gradient(135deg,#fa709a,#fee140);--gradient-6:linear-gradient(135deg,#a8edea,#fed6e3);--gradient-7:linear-gradient(135deg,#ffecd2,#fcb69f);--gradient-8:linear-gradient(135deg,#e0c3fc,#9bb5ff);--soft-lavender:#f3f0ff;--soft-mint:#f0fff4;--soft-peach:#fff5ee;--soft-pink:#fff0f5;--soft-blue:#f0f8ff;--soft-yellow:#fffacd;--text-primary:#4a5568;--text-secondary:#718096;--text-muted:#a0aec0;--white:#fff}#aboutme{color:var(--text-primary)!important}.about-highlights{background:hsla(0,0%,100%,.9)!important;border:1px solid rgba(224,195,252,.3)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important}.about-content .btn-primary{background:var(--gradient-1)!important;border:none!important;box-shadow:0 8px 25px rgba(102,126,234,.3)!important}.about-content .btn-outline-primary{border:2px solid #667eea!important;color:#667eea!important;background:hsla(0,0%,100%,.8)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.profile-image-container:before{background:conic-gradient(from 0deg,#667eea,#764ba2,#f093fb,#4facfe,#667eea)!important;opacity:.4!important}#responsibilities{background:var(--gradient-6)!important}.responsibility-card .card-header{background:var(--gradient-2)!important}.responsibility-card{background:hsla(0,0%,100%,.95)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:1px solid hsla(0,0%,100%,.3)!important}.responsibility-card:hover{border-color:rgba(240,147,251,.5)!important;transform:translateY(-8px)!important;box-shadow:0 20px 40px rgba(240,147,251,.2)!important}.item-bullet{border-radius:50%!important}.item-bullet,.summary-stat .stat-icon{background:var(--gradient-2)!important}.summary-stat .stat-icon{-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}#leadership{background:var(--gradient-3)!important}.leadership-philosophy{background:hsla(0,0%,100%,.9)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid hsla(0,0%,100%,.3)!important}.leadership-circle{background:var(--gradient-4)!important;box-shadow:0 25px 50px rgba(67,233,123,.3)!important}.leadership-card{background:hsla(0,0%,100%,.95)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:1px solid hsla(0,0%,100%,.3)!important}.leadership-card:hover{border-color:rgba(79,172,254,.5)!important;transform:translateY(-8px)!important;box-shadow:0 20px 40px rgba(79,172,254,.2)!important}.achievement-item i{background:var(--gradient-3)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.timeline-container:before{background:var(--gradient-3)!important}#projects,.timeline-marker{background:var(--gradient-4)!important}.projects-notice{border:1px solid rgba(67,233,123,.3)!important;color:var(--text-primary)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important}.project-categories,.projects-notice{background:hsla(0,0%,100%,.9)!important}.project-categories{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid hsla(0,0%,100%,.3)!important}.category-item .category-icon{background:var(--gradient-5)!important}.category-item:hover .category-icon{transform:scale(1.1) rotate(5deg)!important}.projects-cta{background:var(--gradient-1)!important;box-shadow:0 20px 40px rgba(102,126,234,.3)!important}#skills{background:var(--gradient-5)!important}.nav-btn{background:hsla(0,0%,100%,.9)!important;border:1px solid hsla(0,0%,100%,.3)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important}.nav-btn.active,.nav-btn:hover{background:var(--gradient-2)!important;border-color:transparent!important;color:#fff!important;transform:translateY(-3px)!important;box-shadow:0 15px 30px rgba(240,147,251,.4)!important}.skill-category{background:hsla(0,0%,100%,.95)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:1px solid hsla(0,0%,100%,.3)!important}.soft-skill-card .skill-icon{background:var(--gradient-6)!important}.cert-icon{background:var(--gradient-7)!important}.cert-year{background:var(--gradient-8)!important}.summary-item .summary-icon{background:var(--gradient-5)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}#interests{background:var(--gradient-6)!important}.interest-card{background:hsla(0,0%,100%,.95)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:1px solid hsla(0,0%,100%,.3)!important}.interest-card:hover{border-color:rgba(168,237,234,.5)!important;transform:translateY(-8px)!important;box-shadow:0 20px 40px rgba(168,237,234,.3)!important}.detail-item i,.external-link{background:var(--gradient-6)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.value-icon{background:var(--gradient-7)!important}.inspiration-section{background:var(--gradient-8)!important;box-shadow:0 20px 40px rgba(224,195,252,.3)!important}.interests-stats,.personal-values{background:hsla(0,0%,100%,.9)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid hsla(0,0%,100%,.3)!important}.interests-stats .stat-icon{background:var(--gradient-6)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}#experience{background:var(--gradient-7)!important}.experience-timeline:before{background:var(--gradient-1)!important}.timeline-dot{background:var(--gradient-2)!important;box-shadow:0 8px 25px rgba(240,147,251,.4)!important}.experience-card{background:hsla(0,0%,100%,.95)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:1px solid hsla(0,0%,100%,.3)!important}.experience-card:hover{transform:translateY(-12px)!important;box-shadow:0 25px 50px rgba(255,211,165,.3)!important}.career-stats{background:hsla(0,0%,100%,.9)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid hsla(0,0%,100%,.3)!important}.stat-number{background:var(--gradient-7)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:none!important}.stat-label{color:var(--text-secondary)!important}.portfolio-section{color:var(--text-primary)!important;overflow:hidden!important}.portfolio-section:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0,transparent 50%)!important;pointer-events:none!important;z-index:0!important}.portfolio-section>*{position:relative!important;z-index:1!important}.section-title{color:var(--text-primary)!important;text-shadow:0 2px 4px hsla(0,0%,100%,.5)!important}.section-title:after{background:var(--gradient-1)!important;box-shadow:0 2px 8px rgba(102,126,234,.3)!important}.section-subtitle{color:var(--text-secondary)!important}.certification-card,.experience-card,.interest-card,.leadership-card,.responsibility-card,.skill-category,.soft-skill-card,.value-card{background:hsla(0,0%,100%,.9)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid hsla(0,0%,100%,.4)!important;box-shadow:0 8px 32px rgba(0,0,0,.08)!important}.certification-card:hover,.experience-card:hover,.interest-card:hover,.leadership-card:hover,.responsibility-card:hover,.soft-skill-card:hover,.value-card:hover{transform:translateY(-10px)!important;box-shadow:0 25px 50px rgba(0,0,0,.12)!important;border-color:hsla(0,0%,100%,.6)!important}.card-title,.categories-title,.category-title,.cert-name,.interest-title,.philosophy-title,.skill-title,.timeline-company,.value-name,.values-title{color:var(--dark-gray)!important}.card-description,.cert-issuer,.interest-description,.philosophy-text,.skill-description,.timeline-role,.value-description{color:var(--medium-gray)!important}.cta-button,.mobile-cta-button{background:var(--gradient-1)!important;box-shadow:0 8px 25px rgba(102,126,234,.3)!important;border:none!important}.cta-button:hover,.mobile-cta-button:hover{transform:translateY(-3px)!important;box-shadow:0 15px 35px rgba(102,126,234,.4)!important}.btn-primary{background:var(--gradient-1)!important;border:none!important;box-shadow:0 8px 25px rgba(102,126,234,.3)!important}.btn-outline-primary{border:2px solid transparent!important;background:hsla(0,0%,100%,.9)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;color:#667eea!important;position:relative!important}.btn-outline-primary:before{content:""!important;position:absolute!important;inset:0!important;padding:2px!important;background:var(--gradient-1)!important;border-radius:inherit!important;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important}.btn-outline-primary:hover{background:var(--gradient-1)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 10px 25px rgba(102,126,234,.3)!important}.brand-name{color:var(--text-primary)!important;font-weight:700!important}.brand-bracket{background:var(--gradient-1)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-weight:800!important}.brand-subtitle{color:var(--text-secondary)!important;font-weight:500!important}.nav-link{color:var(--text-primary)!important;font-weight:500!important}.nav-link:hover{color:#667eea!important;background:rgba(102,126,234,.05)!important}.nav-link:before{opacity:.1!important}.nav-indicator,.nav-link:before{background:var(--gradient-1)!important}.nav-indicator{box-shadow:0 2px 8px rgba(102,126,234,.3)!important}.cta-button{background:var(--gradient-1)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 15px rgba(102,126,234,.3)!important}.cta-button:hover{color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(102,126,234,.4)!important}.mobile-nav{background:hsla(0,0%,100%,.98)!important;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;border-left:1px solid rgba(102,126,234,.1)!important}.mobile-brand{color:var(--text-primary)!important;font-weight:700!important}.mobile-brand .brand-bracket{background:var(--gradient-1)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.mobile-close{color:var(--text-secondary)!important}.mobile-close:hover{background:rgba(102,126,234,.1)!important}.mobile-close:hover,.mobile-nav-link,.mobile-nav-text{color:var(--text-primary)!important}.mobile-nav-text{font-weight:500!important}.mobile-nav-icon{background:rgba(102,126,234,.1)!important;color:#667eea!important}.mobile-nav-arrow{color:var(--text-secondary)!important}.mobile-nav-link:before{background:var(--gradient-1)!important;opacity:.1!important}.mobile-nav-link.active,.mobile-nav-link:hover{color:#667eea!important}.mobile-nav-link.active .mobile-nav-text,.mobile-nav-link:hover .mobile-nav-text{color:#667eea!important;font-weight:600!important}.mobile-nav-link.active .mobile-nav-icon,.mobile-nav-link:hover .mobile-nav-icon{background:var(--gradient-1)!important;color:#fff!important;transform:scale(1.1) rotate(5deg)!important}.mobile-nav-link.active .mobile-nav-arrow,.mobile-nav-link:hover .mobile-nav-arrow{color:#667eea!important}.mobile-cta-button{background:var(--gradient-1)!important;font-weight:600!important;box-shadow:0 8px 25px rgba(102,126,234,.3)!important}.mobile-cta-button,.mobile-cta-button:hover{color:#fff!important}@media (max-width:768px){.section-title{font-size:2.2rem!important}.section-subtitle{font-size:1rem!important}}@media (max-width:576px){.section-title{font-size:1.8rem!important}.section-subtitle{font-size:.9rem!important}}.portfolio-section:after{content:""!important;position:absolute!important;width:300px!important;height:300px!important;background:var(--gradient-8)!important;border-radius:50%!important;opacity:.1!important;top:-150px!important;right:-150px!important;animation:floatOrb 20s ease-in-out infinite!important;pointer-events:none!important;z-index:0!important}@keyframes floatOrb{0%,to{transform:translate(0) rotate(0deg)!important}33%{transform:translate(-50px,-30px) rotate(120deg)!important}66%{transform:translate(30px,-50px) rotate(240deg)!important}}.skill-progress{background:var(--gradient-1)!important;overflow:hidden!important}.skill-progress:before{left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent)!important;animation:shimmer 2s infinite!important}.tech-tag{background:hsla(0,0%,100%,.9)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:2px solid transparent!important;background-clip:padding-box!important;position:relative!important}.tech-tag:before{content:""!important;position:absolute!important;inset:0!important;padding:2px!important;border-radius:inherit!important;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;z-index:-1!important}.tech-tag:before,.tech-tag:hover{background:var(--gradient-2)!important}.tech-tag:hover{color:#fff!important;transform:translateY(-2px) scale(1.05)!important;box-shadow:0 8px 20px rgba(240,147,251,.3)!important}.duration-badge{background:var(--gradient-3)!important;box-shadow:0 4px 15px rgba(79,172,254,.3)!important}.company-logo:hover{transform:scale(1.1) rotate(5deg)!important;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))!important}.interest-card .card-header{background:var(--gradient-6)!important;position:relative!important;overflow:hidden!important}.interest-card .card-header:before{content:""!important;position:absolute!important;top:-50%!important;left:-50%!important;width:200%!important;height:200%!important;background:conic-gradient(from 0deg,transparent,hsla(0,0%,100%,.2),transparent)!important;animation:rotate 10s linear infinite!important}.responsibility-card .card-header{position:relative!important;overflow:hidden!important}.responsibility-card .card-header:after{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent)!important;animation:slideShine 3s infinite!important}@keyframes slideShine{0%{left:-100%}50%{left:100%}to{left:100%}}.leadership-card .card-icon{position:relative!important;overflow:hidden!important}.leadership-card .card-icon:before{content:""!important;position:absolute!important;inset:-2px!important;background:conic-gradient(from 0deg,var(--gradient-3),var(--gradient-4),var(--gradient-3))!important;border-radius:inherit!important;z-index:-1!important;animation:rotateGlow 4s linear infinite!important}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.value-card:hover{box-shadow:0 20px 40px rgba(255,211,165,.3)!important}.stat-number,.summary-number{background:var(--gradient-1)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-weight:800!important}.section-header:before{content:""!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:200px!important;height:200px!important;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%)!important;border-radius:50%!important;z-index:-1!important}.certification-card,.experience-card,.interest-card,.leadership-card,.responsibility-card,.soft-skill-card,.value-card{position:relative!important}.certification-card:before,.experience-card:before,.interest-card:before,.leadership-card:before,.responsibility-card:before,.soft-skill-card:before,.value-card:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05))!important;border-radius:inherit!important;pointer-events:none!important;z-index:-1!important}*{transition:all .3s cubic-bezier(.4,0,.2,1)!important}::-webkit-scrollbar{width:8px!important}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)!important}::-webkit-scrollbar-thumb{background:var(--gradient-1)!important;border-radius:4px!important}::-webkit-scrollbar-thumb:hover{background:var(--gradient-2)!important}@media (max-width:768px){.portfolio-section:after{width:200px!important;height:200px!important;top:-100px!important;right:-100px!important}.section-header:before{width:150px!important;height:150px!important}}@media (max-width:576px){.portfolio-section:after{width:150px!important;height:150px!important;top:-75px!important;right:-75px!important}.section-header:before{width:100px!important;height:100px!important}}.responsibility-card .category-icon{background:var(--gradient-2)!important;box-shadow:0 4px 15px rgba(240,147,251,.3)!important}.responsibility-card .category-title{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.2)!important}.responsibility-item span{color:var(--text-primary)!important}.leadership-card .card-icon{box-shadow:0 4px 15px rgba(79,172,254,.3)!important}.leadership-card .card-title{color:var(--text-primary)!important;font-weight:700!important}.leadership-card .card-description{color:var(--text-secondary)!important}.experience-card .company-name{color:var(--text-primary)!important;font-weight:700!important}.experience-card .description,.experience-card .position-title{color:var(--text-secondary)!important}.experience-card .duration{color:var(--text-muted)!important}.skill-category .category-title{color:var(--text-primary)!important;font-weight:700!important}.skill-percentage{color:var(--text-secondary)!important}.soft-skill-card .skill-title{color:var(--text-primary)!important;font-weight:700!important}.soft-skill-card .skill-description{color:var(--text-secondary)!important}.cert-name{color:var(--text-primary)!important;font-weight:700!important}.cert-issuer{color:var(--text-secondary)!important}.interest-card .interest-title{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.2)!important}.interest-card .interest-stats{color:hsla(0,0%,100%,.9)!important}.interest-description{color:var(--text-secondary)!important}.value-card .value-name{color:var(--text-primary)!important;font-weight:700!important}.value-card .value-description{color:var(--text-secondary)!important}.project-card .card-title{color:var(--text-primary)!important;font-weight:700!important}.project-card .card-text{color:var(--text-secondary)!important}.project-card .badge{background:var(--gradient-1)!important;color:#fff!important}.timeline-company{color:var(--text-primary)!important;font-weight:700!important}.timeline-role{color:#667eea!important;font-weight:600!important}.timeline-highlights li{color:var(--text-secondary)!important}.philosophy-title{color:var(--text-primary)!important;font-weight:700!important}.philosophy-text{color:var(--text-secondary)!important}.philosophy-stats .stat-number{background:var(--gradient-1)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.philosophy-stats .stat-label{color:var(--text-muted)!important}.categories-title,.timeline-title,.values-title{color:var(--text-primary)!important;font-weight:700!important}.interest-card .card-header,.responsibility-card .card-header{position:relative!important;overflow:hidden!important}.interest-card .card-header:before,.responsibility-card .card-header:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:linear-gradient(45deg,hsla(0,0%,100%,.1),transparent 50%,hsla(0,0%,100%,.1))!important;animation:shimmerHeader 3s ease-in-out infinite!important}@keyframes shimmerHeader{0%,to{opacity:0}50%{opacity:1}}.btn,.cta-button,.mobile-cta-button,.nav-btn{font-weight:600!important;letter-spacing:.5px!important;text-transform:none!important}.external-link{color:#667eea!important;font-weight:600!important}.external-link:hover{color:#4facfe!important}.about-content,.card-content,.experience-content,.mobile-nav-content{position:relative!important;z-index:2!important}h1,h2,h3,h4,h5,h6{color:var(--text-primary)!important}.lead,div,p,span{color:var(--text-secondary)!important}.lead{font-weight:400!important}.highlight-item{color:var(--text-primary)!important;font-weight:600!important}.highlight-item i{color:#667eea!important}.stat-item .stat-number,.summary-item .summary-number,.summary-stat .stat-number{background:var(--gradient-1)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-weight:800!important}.stat-item .stat-label,.summary-item .summary-label,.summary-stat .stat-label{color:var(--text-muted)!important;font-weight:500!important}.btn,.cta-button,.mobile-nav-link,.nav-link{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.mobile-brand,.mobile-brand:hover,.navbar-brand,.navbar-brand:hover{color:var(--text-primary)!important}.project-card-wrapper{margin-bottom:2rem}.project-card{background:hsla(0,0%,100%,.9)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid hsla(0,0%,100%,.4)!important;border-radius:20px!important;box-shadow:0 8px 32px rgba(0,0,0,.08)!important;overflow:hidden!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;height:100%!important;display:flex!important;flex-direction:column!important}.project-card:hover{transform:translateY(-10px)!important;box-shadow:0 25px 50px rgba(0,0,0,.12)!important;border-color:rgba(102,126,234,.3)!important}.project-card-header{background:var(--gradient-4)!important;padding:1.5rem!important;display:flex!important;justify-content:space-between!important;align-items:center!important;position:relative!important;overflow:hidden!important}.project-card-header:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent)!important;animation:slideShine 3s infinite!important}.project-icon{width:50px!important;height:50px!important;background:hsla(0,0%,100%,.2)!important;border-radius:12px!important;justify-content:center!important;font-size:1.5rem!important;color:#fff!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.project-icon,.project-stats{display:flex!important;align-items:center!important}.project-stats{grid-gap:1rem!important;gap:1rem!important}.stars-count{background:hsla(0,0%,100%,.2)!important;color:#fff!important;padding:.5rem 1rem!important;border-radius:20px!important;font-size:.9rem!important;font-weight:600!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;display:flex!important;align-items:center!important;grid-gap:.5rem!important;gap:.5rem!important}.project-card-body{padding:2rem!important;flex:1 1!important;display:flex!important;flex-direction:column!important}.project-title{color:var(--text-primary)!important;font-weight:700!important;font-size:1.3rem!important;margin-bottom:1rem!important;line-height:1.3!important}.project-description{color:var(--text-secondary)!important;line-height:1.6!important;flex:1 1!important}.languages-container,.project-description{margin-bottom:1.5rem!important}.languages-label{color:var(--text-primary)!important;font-weight:600!important;font-size:.9rem!important;margin-bottom:.75rem!important;display:flex!important;align-items:center!important}.languages-list{display:flex!important;flex-wrap:wrap!important;grid-gap:.5rem!important;gap:.5rem!important}.language-tag{background:rgba(102,126,234,.1)!important;color:#667eea!important;padding:.25rem .75rem!important;border-radius:15px!important;font-size:.8rem!important;font-weight:500!important;border:1px solid rgba(102,126,234,.2)!important;transition:all .3s ease!important}.language-tag:hover{background:var(--gradient-1)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(102,126,234,.3)!important}.project-actions{display:flex!important;grid-gap:.75rem!important;gap:.75rem!important;margin-bottom:1rem!important;flex-wrap:wrap!important}.project-actions .btn{border-radius:25px!important;font-weight:600!important;font-size:.85rem!important;padding:.5rem 1.25rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.project-actions .btn:hover{transform:translateY(-2px)!important}.project-footer{border-top:1px solid rgba(0,0,0,.05)!important;padding-top:1rem!important;margin-top:auto!important}.update-time{color:var(--text-muted)!important;font-size:.8rem!important;display:flex!important;align-items:center!important}@media (max-width:768px){.project-card-header{padding:1rem!important}.project-card-body{padding:1.5rem!important}.project-icon{width:40px!important;height:40px!important;font-size:1.2rem!important}.project-title{font-size:1.1rem!important}.project-actions{flex-direction:column!important}.project-actions .btn{width:100%!important;justify-content:center!important}}@media (max-width:576px){.project-card-header{flex-direction:column!important;grid-gap:1rem!important;gap:1rem!important;text-align:center!important}.languages-list{justify-content:center!important}}.section-divider{z-index:1!important}.gradient-divider{position:relative!important;overflow:hidden!important}.wave-divider svg{animation:waveFloat 8s ease-in-out infinite!important}@keyframes waveFloat{0%,to{transform:translateX(0)!important}50%{transform:translateX(-20px)!important}}.diagonal-divider svg{animation:diagonalShift 6s ease-in-out infinite!important}@keyframes diagonalShift{0%,to{transform:skewX(0deg)!important}50%{transform:skewX(2deg)!important}}.curve-divider svg{animation:curveFloat 10s ease-in-out infinite!important}@keyframes curveFloat{0%,to{transform:scaleY(1)!important}50%{transform:scaleY(1.1)!important}}.zigzag-divider svg{animation:zigzagPulse 4s ease-in-out infinite!important}@keyframes zigzagPulse{0%,to{transform:scaleX(1)!important}50%{transform:scaleX(1.05)!important}}.floating-dot{animation:floatDot 3s ease-in-out infinite!important}@keyframes floatDot{0%,to{transform:translateY(0) scale(1)!important}50%{transform:translateY(-10px) scale(1.2)!important}}.pure-gradient{position:relative!important}.gradient-overlay{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:linear-gradient(45deg,hsla(0,0%,100%,.1),transparent 25%,hsla(0,0%,100%,.1) 50%,transparent 75%,hsla(0,0%,100%,.1))!important;animation:gradientShine 4s ease-in-out infinite!important}@keyframes gradientShine{0%,to{transform:translateX(-100%)!important}50%{transform:translateX(100%)!important}}.morphing-path{animation:morphWave 8s ease-in-out infinite!important;transform-origin:center!important}@keyframes morphWave{0%,to{d:path("M0,0V60c100,40 200,-40 300,20c100,60 200,-20 300,40c100,60 200,-40 300,20c100,60 200,-20 300,40V0Z")!important}25%{d:path("M0,0V40c100,60 200,-20 300,40c100,40 200,-60 300,20c100,80 200,-20 300,40c100,40 200,-60 300,20V0Z")!important}50%{d:path("M0,0V80c100,20 200,-60 300,40c100,80 200,-40 300,60c100,40 200,-80 300,60c100,80 200,-40 300,20V0Z")!important}75%{d:path("M0,0V50c100,80 200,-10 300,60c100,20 200,-80 300,40c100,100 200,-10 300,20c100,60 200,-80 300,60V0Z")!important}}.portfolio-section{position:relative!important;padding:6rem 0!important}.portfolio-section:last-child{padding-bottom:4rem!important}.section-transition{position:relative!important;z-index:2!important}.section-transition:before{content:""!important;position:absolute!important;top:-50px!important;left:0!important;right:0!important;height:100px!important;background:linear-gradient(180deg,transparent 0,hsla(0,0%,100%,.1) 50%,transparent)!important;pointer-events:none!important}@media (max-width:768px){.gradient-divider>div,.section-divider svg{height:80px!important}.portfolio-section{padding:4rem 0!important}}@media (max-width:576px){.gradient-divider>div,.section-divider svg{height:60px!important}.portfolio-section{padding:3rem 0!important}.floating-dot{width:12px!important;height:12px!important}}.section-divider:hover .wave-divider svg{animation-duration:4s!important}.section-divider:hover .diagonal-divider svg{animation-duration:3s!important}.section-divider:hover .curve-divider svg{animation-duration:5s!important}.section-divider:hover .zigzag-divider svg{animation-duration:2s!important}.section-divider:hover .floating-dot{animation-duration:1.5s!important}.section-enter{opacity:0!important;transform:translateY(30px)!important}.section-enter-active{transition:all .8s cubic-bezier(.4,0,.2,1)!important}.section-enter-active,.section-exit{opacity:1!important;transform:translateY(0)!important}.section-exit-active{opacity:0!important;transform:translateY(-30px)!important;transition:all .8s cubic-bezier(.4,0,.2,1)!important}.divider-gradient-1{background:linear-gradient(135deg,#e0c3fc,#9bb5ff)!important}.divider-gradient-2{background:linear-gradient(135deg,#ffecd2,#fcb69f)!important}.divider-gradient-3{background:linear-gradient(135deg,#a8edea,#fed6e3)!important}.divider-gradient-4{background:linear-gradient(135deg,#4facfe,#00f2fe)!important}.divider-gradient-5{background:linear-gradient(135deg,#43e97b,#38f9d7)!important}.divider-gradient-6{background:linear-gradient(135deg,#fa709a,#fee140)!important}.divider-gradient-7{background:linear-gradient(135deg,#667eea,#764ba2)!important}.divider-gradient-8{background:linear-gradient(135deg,#f093fb,#f5576c)!important}/ * Enhanced Section Separation and Alignment / .portfolio-section{position:relative!important;padding:8rem 0!important;min-height:auto!important;overflow:hidden!important}#aboutme,#experience,#interests,#leadership,#projects,#responsibilities,#skills{background:transparent!important}.section-header{text-align:center!important;margin-bottom:4rem!important;position:relative!important;z-index:2!important}.section-title{font-size:3.5rem!important;font-weight:800!important;margin-bottom:1.5rem!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:none!important;position:relative!important}.section-title:before{content:""!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:120%!important;height:120%!important;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%)!important;border-radius:50%!important;z-index:-1!important;animation:titleGlow 4s ease-in-out infinite!important}@keyframes titleGlow{0%,to{opacity:.3!important;transform:translate(-50%,-50%) scale(1)!important}50%{opacity:.6!important;transform:translate(-50%,-50%) scale(1.1)!important}}.section-subtitle{font-size:1.3rem!important;color:rgba(74,85,104,.8)!important;max-width:700px!important;margin:0 auto!important;line-height:1.7!important;font-weight:400!important}.floating-element{position:absolute!important;opacity:.08!important;pointer-events:none!important;z-index:1!important;color:rgba(102,126,234,.3)!important}.floating-element:first-child{animation:floatElement1 12s ease-in-out infinite!important}.floating-element:nth-child(2){animation:floatElement2 15s ease-in-out infinite!important}.floating-element:nth-child(3){animation:floatElement3 18s ease-in-out infinite!important}@keyframes floatElement1{0%,to{transform:translate(0) rotate(0deg)!important}25%{transform:translate(20px,-30px) rotate(90deg)!important}50%{transform:translate(-10px,-50px) rotate(180deg)!important}75%{transform:translate(-30px,-20px) rotate(270deg)!important}}@keyframes floatElement2{0%,to{transform:translate(0) rotate(0deg) scale(1)!important}33%{transform:translate(-25px,40px) rotate(120deg) scale(1.2)!important}66%{transform:translate(35px,20px) rotate(240deg) scale(.8)!important}}@keyframes floatElement3{0%,to{transform:translate(0) rotate(0deg)!important}20%{transform:translate(15px,-25px) rotate(72deg)!important}40%{transform:translate(-20px,-40px) rotate(144deg)!important}60%{transform:translate(-35px,10px) rotate(216deg)!important}80%{transform:translate(10px,35px) rotate(288deg)!important}}.container{position:relative!important;z-index:2!important}.section-animate{opacity:0!important;transform:translateY(50px)!important;transition:all 1s cubic-bezier(.4,0,.2,1)!important}.section-animate.in-view{opacity:1!important;transform:translateY(0)!important}.section-animate.in-view .section-header{animation:slideInUp .8s ease-out .2s both!important}.section-animate.in-view .experience-card,.section-animate.in-view .interest-card,.section-animate.in-view .leadership-card,.section-animate.in-view .project-card,.section-animate.in-view .responsibility-card,.section-animate.in-view .skill-category{animation:slideInUp .8s ease-out both!important}.section-animate.in-view .responsibility-card:first-child{animation-delay:.3s!important}.section-animate.in-view .responsibility-card:nth-child(2){animation-delay:.4s!important}.section-animate.in-view .responsibility-card:nth-child(3){animation-delay:.5s!important}.section-animate.in-view .responsibility-card:nth-child(4){animation-delay:.6s!important}.section-animate.in-view .responsibility-card:nth-child(5){animation-delay:.7s!important}.portfolio-section:first-child{padding-top:0!important}.portfolio-section:last-child{padding-bottom:6rem!important}.section-divider{position:relative!important;z-index:3!important;margin:0!important}@media (max-width:1200px){.section-title{font-size:3rem!important}.portfolio-section{padding:6rem 0!important}}@media (max-width:768px){.section-title{font-size:2.5rem!important}.section-subtitle{font-size:1.1rem!important}.portfolio-section{padding:4rem 0!important}.section-header{margin-bottom:3rem!important}}@media (max-width:576px){.section-title{font-size:2rem!important}.section-subtitle{font-size:1rem!important}.portfolio-section{padding:3rem 0!important}.section-header{margin-bottom:2rem!important}.floating-element{display:none!important}}.section-nav-dot{background:rgba(102,126,234,.3)!important;border:2px solid hsla(0,0%,100%,.8)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.section-nav-dot.active,.section-nav-dot:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;transform:scale(1.3)!important;box-shadow:0 4px 15px rgba(102,126,234,.4)!important}.portfolio-section:after{opacity:.03!important;animation:patternFloat 25s ease-in-out infinite!important}@keyframes patternFloat{0%,to{transform:translate(0) rotate(0deg)!important}25%{transform:translate(30px,-20px) rotate(90deg)!important}50%{transform:translate(-20px,-40px) rotate(180deg)!important}75%{transform:translate(-40px,20px) rotate(270deg)!important}}.main-content{min-height:100vh!important;padding-top:80px!important;position:relative!important}.page-container{overflow:hidden!important}.page-container,.page-content{min-height:calc(100vh - 80px)!important;position:relative!important}.page-content{padding:0!important;display:flex!important;flex-direction:column!important}.page-header{padding:4rem 0 2rem!important;text-align:center!important;z-index:2!important}.page-header,.page-title{position:relative!important}.page-title{font-size:4rem!important;font-weight:800!important;margin-bottom:1.5rem!important;background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.7))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:0 4px 8px rgba(0,0,0,.1)!important}.page-title:before{content:""!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:120%!important;height:120%!important;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%)!important;border-radius:50%!important;z-index:-1!important;animation:titleGlow 4s ease-in-out infinite!important}.page-subtitle{font-size:1.4rem!important;color:hsla(0,0%,100%,.9)!important;max-width:700px!important;margin:0 auto!important;line-height:1.7!important;font-weight:400!important;text-shadow:0 2px 4px rgba(0,0,0,.1)!important}.section-content{flex:1 1!important;padding:2rem 0 4rem!important;position:relative!important;z-index:2!important}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2)!important}.hero-section:before{content:""!important;position:absolute!important;bottom:0!important;background:radial-gradient(circle at 30% 70%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 70% 30%,hsla(0,0%,100%,.1) 0,transparent 50%)!important;pointer-events:none!important;z-index:1!important}.hero-section:before,.modern-navbar{top:0!important;left:0!important;right:0!important}.modern-navbar{position:fixed!important;z-index:1000!important;background:hsla(0,0%,100%,.98)!important;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;border-bottom:1px solid rgba(102,126,234,.1)!important;box-shadow:0 4px 20px rgba(0,0,0,.08)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.modern-navbar.scrolled{background:hsla(0,0%,100%,.99)!important;box-shadow:0 8px 32px rgba(0,0,0,.12)!important}.page-container{animation:pageEnter .6s ease-out!important}@keyframes pageEnter{0%{opacity:0!important;transform:translateY(20px)!important}to{opacity:1!important;transform:translateY(0)!important}}.page-content:after{width:400px!important;height:400px!important;background:radial-gradient(circle,hsla(0,0%,100%,.05) 0,transparent 70%)!important;top:20%!important;right:-200px!important;animation:floatBackground 20s ease-in-out infinite!important}.page-content:after,.page-content:before{content:""!important;position:absolute!important;border-radius:50%!important;pointer-events:none!important;z-index:1!important}.page-content:before{width:300px!important;height:300px!important;background:radial-gradient(circle,hsla(0,0%,100%,.03) 0,transparent 70%)!important;bottom:30%!important;left:-150px!important;animation:floatBackground 25s ease-in-out infinite reverse!important}@keyframes floatBackground{0%,to{transform:translate(0) rotate(0deg)!important}25%{transform:translate(30px,-40px) rotate(90deg)!important}50%{transform:translate(-20px,-60px) rotate(180deg)!important}75%{transform:translate(-50px,20px) rotate(270deg)!important}}@media (max-width:1200px){.page-title{font-size:3.5rem!important}.page-subtitle{font-size:1.2rem!important}}@media (max-width:768px){.main-content{padding-top:70px!important}.page-container,.page-content{min-height:calc(100vh - 70px)!important}.page-header{padding:3rem 0 1.5rem!important}.page-title{font-size:2.5rem!important}.page-subtitle{font-size:1.1rem!important}.section-content{padding:1rem 0 3rem!important}}@media (max-width:576px){.page-header{padding:2rem 0 1rem!important}.page-title{font-size:2rem!important}.page-subtitle{font-size:1rem!important}.page-content:after,.page-content:before{display:none!important}}.nav-link.active{font-weight:600!important}.mobile-nav-link.active,.nav-link.active{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))!important;color:#667eea!important}.mobile-nav-link.active .mobile-nav-text{color:#667eea!important;font-weight:600!important}.container{max-width:1400px!important;margin:0 auto!important;padding:0 2rem!important}@media (max-width:768px){.container{padding:0 1rem!important}}.page-container .section-divider{position:relative!important;z-index:3!important;margin-top:auto!important}.loading-spinner{display:flex!important;justify-content:center!important;align-items:center!important;min-height:50vh!important;font-size:2rem!important;color:#667eea!important}.page-container:nth-child(odd) .page-content{background:linear-gradient(135deg,var(--gradient-1))!important}.page-container:nth-child(2n) .page-content{background:linear-gradient(135deg,var(--gradient-2))!important}.home-content,.home-page{background:linear-gradient(135deg,#e0c3fc,#9bb5ff)!important}.hero-section{background:transparent!important;min-height:calc(100vh - 80px)!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important}.hero-section:before{background:radial-gradient(circle at 30% 70%,hsla(0,0%,100%,.05) 0,transparent 50%),radial-gradient(circle at 70% 30%,hsla(0,0%,100%,.05) 0,transparent 50%)!important}.home-page #home,.home-page .container-fluid{background:transparent!important}.home-page .display-4,.home-page .lead,.home-page h1,.home-page h2,.home-page h3,.home-page p{color:hsla(0,0%,100%,.95)!important;text-shadow:0 2px 4px rgba(0,0,0,.1)!important}.home-page .btn-primary{background:hsla(0,0%,100%,.2)!important;border:2px solid hsla(0,0%,100%,.3)!important;color:#fff!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;font-weight:600!important}.home-page .btn-primary:hover{background:hsla(0,0%,100%,.3)!important;border-color:hsla(0,0%,100%,.5)!important;transform:translateY(-3px)!important;box-shadow:0 8px 25px rgba(0,0,0,.2)!important}.home-page .btn-outline-primary{background:transparent!important;border:2px solid hsla(0,0%,100%,.4)!important;color:#fff!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.home-page .btn-outline-primary:hover{background:hsla(0,0%,100%,.2)!important;border-color:hsla(0,0%,100%,.6)!important;color:#fff!important}.home-page .sociali,.home-page .socialicons{background:hsla(0,0%,100%,.2)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid hsla(0,0%,100%,.3)!important}.home-page .sociali:hover,.home-page .socialicons:hover{background:hsla(0,0%,100%,.3)!important;transform:translateY(-3px)!important;box-shadow:0 8px 20px rgba(0,0,0,.15)!important}.home-page .profile-image-container:before{background:conic-gradient(from 0deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.1),hsla(0,0%,100%,.3))!important;opacity:.6!important}.home-page .profile-image{border:4px solid hsla(0,0%,100%,.4)!important;box-shadow:0 8px 32px rgba(0,0,0,.2)!important}.home-page .about-highlights{background:hsla(0,0%,100%,.15)!important;border:1px solid hsla(0,0%,100%,.2)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.home-page .highlight-item{color:hsla(0,0%,100%,.95)!important}.home-page .highlight-item i{color:hsla(0,0%,100%,.8)!important}.home-page .page-content:after,.home-page .page-content:before{display:none!important}.home-page *{background-color:initial!important}.home-page .col,.home-page .col-12,.home-page .col-lg-5,.home-page .col-lg-7,.home-page .col-md-6,.home-page .container,.home-page .row{background:transparent!important}.home-page .brand-name,.home-page .navbar-brand{color:rgba(74,85,104,.9)!important}@media (max-width:768px){.home-page .hero-section{min-height:calc(100vh - 70px)!important;padding:2rem 0!important}.home-page .display-4{font-size:2.5rem!important}.home-page .lead{font-size:1.1rem!important}}@media (max-width:576px){.home-page .hero-section{padding:1rem 0!important}.home-page .display-4{font-size:2rem!important}.home-page .lead{font-size:1rem!important}.home-page .btn{width:100%!important;max-width:300px!important;margin:0 auto 1rem!important;display:block!important}}.skill-header{display:flex!important;justify-content:flex-start!important;align-items:center!important;margin-bottom:.75rem!important}.skill-name{font-weight:600!important;color:var(--text-primary)!important;font-size:1rem!important}.skill-bar{height:12px!important;background:rgba(0,0,0,.05)!important;overflow:hidden!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)!important}.skill-bar,.skill-progress{border-radius:8px!important;position:relative!important}.skill-progress{height:100%!important;transition:width 1.5s cubic-bezier(.4,0,.2,1)!important;background:linear-gradient(90deg,var(--color),var(--color))!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}.skill-progress:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent)!important;animation:shimmer 2.5s infinite!important}.skill-progress:after,.skill-progress:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.skill-progress:before{background:linear-gradient(45deg,hsla(0,0%,100%,.1) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 75%,transparent 0)!important;background-size:20px 20px!important;animation:moveStripes 1s linear infinite!important}@keyframes moveStripes{0%{background-position:0 0}to{background-position:20px 0}}.skill-item{margin-bottom:2rem!important;padding:.5rem 0!important}.skill-item:last-child{margin-bottom:0!important}.skill-item:hover .skill-progress{transform:scaleY(1.1)!important;box-shadow:0 4px 15px rgba(0,0,0,.3)!important}.skill-item:hover .skill-name{color:var(--primary-blue)!important;transform:translateX(5px)!important}.skill-category{padding:2.5rem!important;border-radius:20px!important}.skills-list{display:flex!important;flex-direction:column!important;grid-gap:0!important;gap:0!important}.skill-item:first-child .skill-progress{animation-delay:.2s!important}.skill-item:nth-child(2) .skill-progress{animation-delay:.4s!important}.skill-item:nth-child(3) .skill-progress{animation-delay:.6s!important}.skill-item:nth-child(4) .skill-progress{animation-delay:.8s!important}@media (max-width:768px){.skill-category{padding:2rem!important}.skill-item{margin-bottom:1.5rem!important}.skill-bar{height:10px!important}.skill-name{font-size:.9rem!important}}@media (max-width:576px){.skill-category{padding:1.5rem!important}.skill-item{margin-bottom:1.25rem!important}.skill-bar{height:8px!important}.skill-name{font-size:.85rem!important}}html{scroll-behavior:smooth!important}.page-container{animation:pageSlideIn .5s ease-out!important}@keyframes pageSlideIn{0%{opacity:0!important;transform:translateY(30px)!important}to{opacity:1!important;transform:translateY(0)!important}}.highlights-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;grid-gap:1rem!important;gap:1rem!important;margin:2rem 0!important}.highlight-card{background:hsla(0,0%,100%,.9)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:2px solid rgba(102,126,234,.3)!important;border-radius:16px!important;padding:1.25rem .75rem!important;text-align:center!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;min-height:100px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 25px rgba(0,0,0,.1)!important}.highlight-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))!important;opacity:0!important;transition:opacity .3s ease!important}.highlight-card:hover{transform:translateY(-8px) scale(1.05)!important;box-shadow:0 20px 40px rgba(102,126,234,.2)!important;border-color:rgba(102,126,234,.6)!important;background:hsla(0,0%,100%,.95)!important}.highlight-card:hover:before{opacity:1!important}.highlight-icon{width:40px!important;height:40px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:.75rem!important;font-size:1.1rem!important;color:#fff!important;transition:all .3s ease!important;box-shadow:0 4px 15px rgba(102,126,234,.3)!important}.highlight-card:hover .highlight-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)!important;transform:scale(1.1) rotate(5deg)!important;box-shadow:0 6px 20px rgba(79,172,254,.4)!important}.highlight-content{display:flex!important;flex-direction:column!important;align-items:center!important}.highlight-number{font-size:1.5rem!important;font-weight:800!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;line-height:1!important;margin-bottom:.25rem!important;text-shadow:none!important}.highlight-label{font-size:.75rem!important;color:#4a5568!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;line-height:1.2!important}.highlight-card{animation:slideInUp .6s ease-out both!important}.highlight-card:first-child{animation-delay:.1s!important}.highlight-card:nth-child(2){animation-delay:.2s!important}.highlight-card:nth-child(3){animation-delay:.3s!important}.highlight-card:nth-child(4){animation-delay:.4s!important}@media (max-width:768px){.highlights-grid{grid-template-columns:repeat(2,1fr)!important;grid-gap:.75rem!important;gap:.75rem!important;margin:1.5rem 0!important}.highlight-card{padding:1rem .5rem!important;min-height:85px!important}.highlight-icon{width:35px!important;height:35px!important;font-size:1rem!important;margin-bottom:.5rem!important}.highlight-number{font-size:1.25rem!important}.highlight-label{font-size:.7rem!important}}@media (max-width:576px){.highlights-grid{grid-template-columns:repeat(2,1fr)!important;grid-gap:.5rem!important;gap:.5rem!important;margin:1rem 0!important}.highlight-card{padding:.75rem .5rem!important;min-height:75px!important;border-radius:12px!important}.highlight-icon{width:30px!important;height:30px!important;font-size:.9rem!important;margin-bottom:.5rem!important;border-radius:8px!important}.highlight-number{font-size:1.1rem!important}.highlight-label{font-size:.65rem!important}}.highlight-card:first-child:hover{border-color:rgba(102,126,234,.8)!important;box-shadow:0 20px 40px rgba(102,126,234,.3)!important}.highlight-card:nth-child(2):hover{border-color:rgba(118,75,162,.8)!important;box-shadow:0 20px 40px rgba(118,75,162,.3)!important}.highlight-card:nth-child(3):hover{border-color:rgba(79,172,254,.8)!important;box-shadow:0 20px 40px rgba(79,172,254,.3)!important}.highlight-card:nth-child(4):hover{border-color:rgba(67,233,123,.8)!important;box-shadow:0 20px 40px rgba(67,233,123,.3)!important}.about-highlights{background:transparent!important;border:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.about-content .highlight-item{display:none!important}.cta-button,.mobile-cta-button{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif!important;font-size:.95rem!important;font-weight:700!important;letter-spacing:.5px!important;text-transform:none!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:2px solid transparent!important;box-shadow:0 4px 15px rgba(102,126,234,.3)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.cta-button:hover,.mobile-cta-button:hover{color:#fff!important;background:linear-gradient(135deg,#4facfe,#00f2fe)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(79,172,254,.4)!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important}.cta-button:focus,.mobile-cta-button:focus{color:#fff!important;outline:3px solid rgba(102,126,234,.5)!important;outline-offset:2px!important}.cta-button span,.mobile-cta-button span{margin-right:.5rem!important;font-weight:700!important;display:inline-block!important}.cta-button i,.mobile-cta-button i{font-size:.9rem!important;opacity:.9!important;transition:all .3s ease!important}.cta-button:hover i,.mobile-cta-button:hover i{opacity:1!important;transform:scale(1.1)!important}.mobile-cta-button{font-size:1rem!important;padding:1rem 1.5rem!important;border-radius:12px!important;width:100%!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important}.cta-button{padding:.75rem 1.5rem!important;border-radius:25px!important;white-space:nowrap!important;min-width:140px!important;text-align:center!important}.navbar-cta .cta-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:2px solid hsla(0,0%,100%,.2)!important}.navbar-cta .cta-button:hover{background:linear-gradient(135deg,#4facfe,#00f2fe)!important;border-color:hsla(0,0%,100%,.4)!important}@media (prefers-contrast:high){.cta-button,.mobile-cta-button{background:#2563eb!important;border:2px solid #1d4ed8!important;font-weight:800!important;text-shadow:none!important}.cta-button:hover,.mobile-cta-button:hover{background:#1d4ed8!important;border-color:#1e40af!important}}@media (max-width:768px){.cta-button{font-size:.9rem!important;padding:.65rem 1.25rem!important;min-width:120px!important}}@media (max-width:576px){.cta-button{font-size:.85rem!important;padding:.6rem 1rem!important;min-width:110px!important}.mobile-cta-button{font-size:.95rem!important;padding:.9rem 1.25rem!important}}#projects{background:linear-gradient(135deg,#667eea,#764ba2)}#projects:before{background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0,transparent 50%)}.projects-search{margin-bottom:40px;animation:fadeInUp .6s ease-out .6s both}.hero-stats{grid-gap:2rem;gap:2rem;margin-bottom:40px;flex-wrap:wrap;animation:fadeInUp .6s ease-out .8s both}.stat-item{grid-gap:12px;gap:12px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);padding:16px 24px;border-radius:16px;color:#fff}.stat-icon{font-size:24px;opacity:.8}.stat-content{text-align:left}.stat-number{margin-bottom:2px}.stat-label{opacity:.8}.hero-actions{animation:fadeInUp .6s ease-out 1s both}.github-btn{display:inline-flex;align-items:center;grid-gap:12px;gap:12px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.3);color:#fff;padding:16px 32px;border-radius:50px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease}.github-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px);color:#fff}.floating-projects{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.project-bubble{position:absolute;display:flex;align-items:center;grid-gap:8px;gap:8px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);padding:12px 20px;border-radius:50px;color:#fff;font-size:14px;font-weight:500;animation:float 6s ease-in-out infinite}.project-bubble:first-child{top:10%;left:5%;animation-delay:0s}.project-bubble:nth-child(2){top:20%;right:10%;animation-delay:1s}.project-bubble:nth-child(3){top:40%;left:2%;animation-delay:2s}.project-bubble:nth-child(4){top:60%;right:5%;animation-delay:3s}.project-bubble:nth-child(5){top:80%;left:8%;animation-delay:4s}.project-bubble:nth-child(6){top:30%;right:2%;animation-delay:5s}.project-bubble:nth-child(7){top:70%;left:15%;animation-delay:6s}.project-bubble:nth-child(8){top:50%;right:15%;animation-delay:7s}.projects-navigation{background:#fff;border-radius:20px;padding:8px;margin:-40px auto 60px;max-width:800px;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative;z-index:3;animation:fadeInUp .6s ease-out .8s both}.projects-content{padding:60px 40px;position:relative;z-index:2}.featured-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:24px;gap:24px}.featured-project-card{background:#fff;border-radius:16px;padding:24px;border:2px solid #f7fafc;transition:all .3s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(20px)}.featured-project-card.animate{opacity:1;transform:translateY(0)}.featured-project-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.project-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.project-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(102,126,234,.1);border-radius:12px;color:#667eea}.project-stats-mini{display:flex;grid-gap:12px;gap:12px;font-size:.875rem;color:#718096}.project-card-body h3{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:8px}.project-description{color:#4a5568;line-height:1.6;margin-bottom:16px}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.875rem}.language-tag{color:#fff;padding:4px 12px;border-radius:12px;font-weight:500}.update-date{color:#718096}.project-topics{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;margin-bottom:16px}.topic-tag{background:#f7fafc;color:#4a5568;font-weight:500}.topic-more,.topic-tag{padding:4px 12px;border-radius:12px;font-size:.8rem}.topic-more{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.project-card-footer{margin-top:auto}.project-actions{display:flex;grid-gap:12px;gap:12px}.action-btn{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 16px;border:2px solid #667eea;border-radius:8px;color:#667eea;text-decoration:none;font-weight:500;font-size:.875rem;transition:all .3s ease;background:transparent}.action-btn:hover{background:#667eea;color:#fff}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.project-categories{display:flex;flex-direction:column;grid-gap:40px;gap:40px}.project-category{opacity:0;transform:translateY(30px);transition:all .6s ease}.project-category.animate{opacity:1;transform:translateY(0)}.category-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.category-project-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;transition:all .3s ease;opacity:0;transform:translateY(20px)}.category-project-card.animate{opacity:1;transform:translateY(0)}.category-project-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.category-project-card .project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.category-project-card .project-name{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0}.category-project-card .project-stats{font-size:.875rem;color:#718096}.category-project-card .project-description{color:#4a5568;line-height:1.5;margin-bottom:16px;font-size:.9rem}.category-project-card .project-footer{display:flex;justify-content:space-between;align-items:center}.view-link{color:#667eea;text-decoration:none;transition:color .3s ease}.view-link:hover{color:#764ba2}.projects-timeline{position:relative;max-width:800px;margin:0 auto}.projects-timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#667eea,#764ba2)}.timeline-item{transform:translateX(30px)}.timeline-item.animate{transform:translateX(0)}.timeline-marker{left:0}.timeline-dot{font-size:20px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.timeline-content{margin-left:100px}.timeline-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:all .3s ease}.timeline-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.timeline-header .project-name{font-size:1.3rem;font-weight:600;color:#2d3748;margin:0}.project-date{color:#718096;font-size:.875rem}.timeline-meta{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.timeline-actions{display:flex;grid-gap:12px;gap:12px;margin-top:16px}.timeline-btn{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 16px;border:2px solid #667eea;border-radius:8px;color:#667eea;text-decoration:none;font-weight:500;font-size:.875rem;transition:all .3s ease;background:transparent}.timeline-btn:hover{background:#667eea;color:#fff}.timeline-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.projects-summary{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:20px;padding:60px 40px;text-align:center;margin-top:40px}.impact-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:24px;gap:24px;max-width:800px;margin:0 auto}.metric-card{background:#fff;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:transform .3s ease}.metric-icon{width:60px;height:60px;border-radius:50%;margin:0 auto 16px;font-size:24px}.metric-number{font-size:2rem}.metric-label{font-size:1rem;margin-bottom:4px}.metric-description{font-size:.875rem}@media (max-width:768px){.projects-hero{padding:80px 0 60px}.hero-stats{flex-direction:column;align-items:center;grid-gap:1rem;gap:1rem}.stat-item{width:100%;max-width:300px;justify-content:center}.nav-wrapper{grid-template-columns:1fr;grid-gap:4px;gap:4px}.projects-content{padding:40px 20px}.category-projects-grid,.featured-projects-grid{grid-template-columns:1fr}.projects-timeline:before{left:20px}.timeline-marker{left:-10px}.timeline-dot{width:40px;height:40px;font-size:16px}.timeline-content{margin-left:60px}.impact-metrics{grid-template-columns:1fr}.floating-projects{display:none}}@media (max-width:480px){.projects-content{padding:30px 15px}.timeline-actions{flex-direction:column}.timeline-btn{justify-content:center}}/ * All Repositories Grid / .all-repos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:20px;gap:20px}.repo-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;transition:all .3s ease;opacity:0;transform:translateY(20px)}.repo-card.animate{opacity:1;transform:translateY(0)}.repo-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.1);border-color:#667eea}.repo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.repo-name{display:flex;align-items:center;grid-gap:12px;gap:12px;flex:1 1}.repo-name i{font-size:20px;color:#667eea}.repo-name h3{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0}.repo-stats{display:flex;grid-gap:12px;gap:12px;font-size:.875rem;color:#718096}.repo-description{color:#4a5568;line-height:1.5;margin-bottom:16px;font-size:.9rem}.repo-footer{justify-content:space-between;margin-bottom:12px}.repo-footer,.repo-meta{display:flex;align-items:center}.repo-meta{grid-gap:12px;gap:12px;font-size:.875rem}.repo-actions{display:flex;grid-gap:8px;gap:8px}.repo-link{width:32px;height:32px;background:#f7fafc;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#4a5568;text-decoration:none;transition:all .3s ease}.repo-link:hover{background:#667eea;color:#fff;transform:scale(1.1)}.repo-topics{display:flex;flex-wrap:wrap;grid-gap:6px;gap:6px}.repo-topics .topic-tag{background:#f7fafc;color:#4a5568;font-weight:500}.repo-topics .topic-more,.repo-topics .topic-tag{padding:2px 8px;border-radius:8px;font-size:.75rem}.repo-topics .topic-more{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}@media (max-width:768px){.nav-wrapper{grid-template-columns:repeat(2,1fr);grid-gap:4px;gap:4px}.all-repos-grid{grid-template-columns:1fr}}@media (max-width:480px){.nav-wrapper{grid-template-columns:1fr}}.about-section-clean{background:#fff;padding:4rem 0}.profile-hero{display:flex;align-items:center;grid-gap:4rem;gap:4rem;margin-bottom:4rem;padding:2rem 0}.profile-image-container{flex-shrink:0;text-align:center}.profile-image{width:300px;height:300px;border-radius:50%;border:4px solid #e2e8f0;box-shadow:0 10px 25px rgba(0,0,0,.1)}.profile-info{flex:1 1}.profile-name{font-size:2.5rem;margin-bottom:.5rem}.profile-title{font-size:1.5rem;margin-bottom:.5rem}.profile-location{grid-gap:.5rem;gap:.5rem;margin-bottom:2rem;font-size:1.1rem}.profile-stats{grid-gap:2rem;gap:2rem;margin-bottom:2rem}.profile-stats .stat{text-align:center;padding:1rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);min-width:120px;transition:transform .3s ease}.profile-stats .stat:hover{transform:translateY(-2px)}.stat-number{display:block;font-size:1.5rem;font-weight:800;color:#667eea;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#718096}.profile-actions{grid-gap:1rem;gap:1rem}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:1rem 2rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);color:#fff}.btn-secondary{background:transparent;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.about-story{margin-bottom:4rem;text-align:center}.about-story h2{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:2rem}.about-story .lead{font-size:1.2rem;font-weight:500;color:#4a5568;line-height:1.7;margin-bottom:1.5rem}.about-story p{font-size:1rem;color:#4a5568;line-height:1.6;margin-bottom:1rem}.key-highlights{margin-bottom:4rem}.key-highlights h2{font-size:2rem;font-weight:700;color:#2d3748;text-align:center;margin-bottom:3rem}.highlights-grid{grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;max-width:1200px;padding:0 2rem}.highlight-card{background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(248,250,252,.9));border-radius:1.5rem;padding:2rem 1.5rem;border:2px solid transparent;background-clip:padding-box;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:320px;flex-direction:column;justify-content:space-between}.highlight-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#43e97b,#38f9d7);background-size:300% 300%;border-radius:1.5rem;z-index:-1;opacity:0;transition:opacity .4s ease;animation:gradientShift 6s ease infinite}.highlight-card:hover:before{opacity:.1}.highlight-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15);border-color:rgba(102,126,234,.3)}.highlight-icon{border-radius:1.5rem;margin:0 auto 1.2rem;font-size:1.8rem;box-shadow:0 8px 32px rgba(102,126,234,.3);transition:all .3s ease}.highlight-card:hover .highlight-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 40px rgba(102,126,234,.4)}.highlight-content h4{font-size:1.2rem;font-weight:700;color:#2d3748;margin-bottom:1rem;text-align:center;line-height:1.3;min-height:2.6rem;display:flex;align-items:center;justify-content:center}.highlight-content p{color:#4a5568;line-height:1.6;margin-bottom:1.5rem;text-align:center;font-size:.95rem}.highlight-metric{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:.75rem 1.5rem;border:2px solid transparent;border-radius:2rem;display:inline-block;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#667eea,#764ba2);background-origin:border-box;background-clip:content-box,border-box;transition:all .3s ease}.highlight-card:hover .highlight-metric{background-image:linear-gradient(135deg,#667eea,#764ba2),linear-gradient(135deg,#667eea,#764ba2);color:#fff;-webkit-text-fill-color:#fff;transform:scale(1.05)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.core-competencies{margin-bottom:4rem}.core-competencies h2{font-size:2rem;font-weight:700;color:#2d3748;text-align:center;margin-bottom:3rem}.competencies-grid{grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;padding:0 2rem;justify-items:center}.competency-card{background:#fff;border-radius:1.5rem;box-shadow:0 8px 25px rgba(0,0,0,.08);border:1px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;max-width:380px}.competency-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15);border-color:rgba(102,126,234,.3)}.competency-header{padding:2.5rem 2rem 2rem;text-align:center;color:#fff;position:relative;overflow:hidden}.competency-icon{width:70px;height:70px;background:hsla(0,0%,100%,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;margin:0 auto 1.5rem;font-size:1.8rem;position:relative;z-index:2;transition:all .3s ease}.competency-card:hover .competency-icon{transform:scale(1.1) rotate(-5deg);background:hsla(0,0%,100%,.35)}.competency-header h4{font-size:1.3rem;font-weight:700;margin:0;position:relative;z-index:2}.competency-skills{padding:2rem;grid-gap:.75rem;gap:.75rem;justify-content:center;background:#fafbfc}.skill-tag{background:#fff;padding:.6rem 1.2rem;border-radius:1.5rem;font-size:.875rem;font-weight:600;border:2px solid #e2e8f0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.skill-tag:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px) scale(1.05);border-color:transparent;box-shadow:0 8px 16px rgba(102,126,234,.3)}.personal-philosophy{margin-bottom:4rem;text-align:center}.personal-philosophy h2{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:2rem}.philosophy-content{max-width:800px;margin:0 auto;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));padding:2rem;border-radius:1rem}.philosophy-content p{font-size:1rem;color:#4a5568;line-height:1.6;margin-bottom:1rem}.connect-section{text-align:center;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));padding:3rem;border-radius:1rem}.connect-section h2{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.connect-section p{font-size:1.1rem;color:#718096;margin-bottom:2rem}.connect-actions{grid-gap:1rem;gap:1rem}.hero-title{margin-bottom:16px}.hero-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:8px;opacity:.9;animation:fadeInUp .6s ease-out .3s both}.hero-location{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:1.1rem;margin-bottom:24px;opacity:.8;animation:fadeInUp .6s ease-out .4s both}.hero-description{font-size:1.1rem;margin-bottom:32px;opacity:.9;animation:fadeInUp .6s ease-out .5s both}.hero-actions{animation:fadeInUp .6s ease-out .6s both}.hero-btn{display:inline-flex;align-items:center;grid-gap:12px;gap:12px;padding:16px 32px;border-radius:50px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease}.hero-btn.primary{background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.3);color:#fff}.hero-btn.primary:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px);color:#fff}.hero-btn.secondary{background:transparent;border:2px solid hsla(0,0%,100%,.3);color:#fff}.hero-btn.secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px);color:#fff}.about-navigation{background:#fff;border-radius:20px;padding:8px;margin:-40px auto 60px;max-width:1000px;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative;z-index:3;animation:fadeInUp .6s ease-out .8s both}.nav-wrapper{grid-template-columns:repeat(4,1fr)}.about-content{background:#fff;border-radius:20px;padding:60px 40px;margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative;z-index:2}.story-content{max-width:800px;margin:0 auto}.story-card{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:16px;padding:40px;opacity:0;transform:translateY(20px);transition:all .6s ease}.story-card.animate{opacity:1;transform:translateY(0)}.story-text h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:20px}.story-text .lead{font-size:1.1rem;font-weight:500;color:#4a5568;line-height:1.7;margin-bottom:20px}.story-text p{font-size:1rem;color:#4a5568;line-height:1.6;margin-bottom:16px}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px}.expertise-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:all .3s ease;opacity:0;transform:translateY(20px)}.expertise-card.animate{opacity:1;transform:translateY(0)}.expertise-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.expertise-header{padding:24px;text-align:center}.expertise-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff;font-size:24px}.expertise-content{padding:0 24px 24px;text-align:center}.expertise-content h4{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:12px}.expertise-content p{color:#4a5568;line-height:1.6;margin:0}.values-grid{grid-gap:24px;gap:24px}.value-card{padding:32px;border:1px solid #e2e8f0}.value-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.1);border-color:#667eea}.value-icon{width:60px;height:60px;border-radius:50%;margin-bottom:20px;font-size:24px}.value-content h4{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:12px}.value-content p{color:#4a5568;line-height:1.6;margin:0}.personal-content{max-width:800px;margin:0 auto}.personal-card{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:16px;padding:40px;opacity:0;transform:translateY(20px);transition:all .6s ease}.personal-card.animate{opacity:1;transform:translateY(0)}.personal-text h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:20px}.personal-text p{font-size:1rem;color:#4a5568;line-height:1.6;margin-bottom:16px}.about-summary{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:20px;padding:60px 40px;text-align:center;margin-top:40px}.summary-title{font-size:2rem}.summary-description{margin-bottom:40px}.connect-actions{display:flex;justify-content:center;grid-gap:16px;gap:16px;flex-wrap:wrap}.connect-btn{display:inline-flex;align-items:center;grid-gap:12px;gap:12px;padding:16px 32px;border-radius:50px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease}.connect-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.connect-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.4);color:#fff}.connect-btn.secondary{background:transparent;border:2px solid #667eea;color:#667eea}.connect-btn.secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}@media (max-width:1024px){.highlights-grid{grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;padding:0 1.5rem}.highlight-card{padding:2rem 1.5rem}.highlight-icon{width:70px;height:70px;font-size:1.8rem}.competencies-grid{grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;padding:0 1.5rem}.competency-card{max-width:100%}.competency-header{padding:2rem 1.5rem 1.5rem}.competency-icon{width:65px;height:65px;font-size:1.6rem}}@media (max-width:768px){.profile-hero{flex-direction:column;text-align:center;grid-gap:2rem;gap:2rem}.profile-image{width:250px;height:250px}.profile-actions,.profile-stats{justify-content:center;flex-wrap:wrap}.highlights-grid{grid-template-columns:1fr;padding:0 1rem;grid-gap:1.5rem;gap:1.5rem}.highlight-card{padding:1.8rem 1.2rem;min-height:300px}.highlight-card,.highlight-card:before{border-radius:1.25rem}.highlight-icon{width:60px;height:60px;font-size:1.5rem;border-radius:1.2rem;margin-bottom:1rem}.highlight-content h4{font-size:1.1rem;min-height:2.2rem;margin-bottom:.8rem}.highlight-content p{font-size:.9rem;margin-bottom:1.2rem}.competencies-grid{grid-template-columns:1fr;padding:0 1rem}.competency-card{max-width:100%}.competency-header{padding:2rem 1.5rem 1.5rem}.competency-skills{padding:1.5rem}.connect-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:200px;justify-content:center}}@media (max-width:480px){.profile-image{width:200px;height:200px}.profile-stats{flex-direction:column;grid-gap:1rem;gap:1rem}.profile-stats .stat{min-width:auto}.competency-card,.highlight-card,.philosophy-content{padding:1.5rem}.connect-section{padding:2rem 1rem}}.App{min-height:100vh;position:relative}.title{height:100%;left:0;right:0;color:#fff;text-align:center;margin-top:0}.socialh,.sociali,.socialicons,.socialiconshover{color:#fff;padding:.5rem;transition:all .3s ease;margin:.25rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;text-decoration:none}.socialicons:hover,.socialiconshover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.sociali{color:#7c2dcc;background:rgba(124,45,204,.1)}.socialh:hover{color:#000;background:rgba(0,0,0,.1)}.section{padding:4rem 0;position:relative}.section:nth-child(2n){background:#f8f9fa}.container-modern{max-width:1200px;margin:0 auto;padding:0 1rem}.display-1{font-size:3.5rem}.display-1,.display-2{font-weight:700;line-height:1.2}.display-2{font-size:3rem}.display-3{font-size:2.5rem}.display-3,.display-4{font-weight:700;line-height:1.2}.display-4{font-size:2rem}@media (max-width:768px){.display-1{font-size:2.5rem}.display-2{font-size:2.25rem}.display-3{font-size:2rem}.display-4{font-size:1.75rem}}@media (max-width:480px){.display-1{font-size:2rem}.display-2{font-size:1.875rem}.display-3{font-size:1.75rem}.display-4{font-size:1.5rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:1rem}.space-y-4>*+*{margin-top:1.5rem}.space-y-5>*+*{margin-top:3rem}.space-x-1>*+*{margin-left:.25rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:1rem}.space-x-4>*+*{margin-left:1.5rem}.space-x-5>*+*{margin-left:3rem}@media (prefers-color-scheme:dark){.auto-dark{background-color:#1a1a1a;color:#fff}.auto-dark .modern-card{background:#2d2d2d;border-color:#404040}.auto-dark .section:nth-child(2n){background:#252525}}.profile-image-container{display:inline-block;max-width:100%}.profile-image{height:auto;max-width:300px;aspect-ratio:1/1;transition:transform .3s ease,box-shadow .3s ease}.profile-image:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.2)!important}@media (min-width:768px){.profile-image{max-width:250px}}@media (min-width:992px){.profile-image{max-width:300px}}@media (min-width:1200px){.profile-image{max-width:350px}}#aboutme{padding:4rem 0;min-height:100vh;display:flex;align-items:center}#aboutme .container{max-width:1200px}#aboutme .row{align-items:center;min-height:60vh}@media (max-width:767px){.profile-image{max-width:200px;margin:0 auto 2rem;display:block}#aboutme .d-none.d-md-flex{display:flex!important;justify-content:center;margin-bottom:2rem}}.about-content{padding:1rem}.about-content h1{color:#2c3e50;font-weight:700;line-height:1.2}.about-content .lead{color:#5a6c7d;font-size:1.1rem;line-height:1.6}.about-content .btn{transition:all .3s ease;border-width:2px}.about-content .btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.profile-image{animation:fadeInScale .8s ease-out}@media (max-width:991px){#aboutme{padding:3rem 0}.about-content{text-align:center}.about-content h1{font-size:2.5rem}}@media (max-width:767px){#aboutme{padding:2rem 0}.about-content h1{font-size:2rem;margin-bottom:1.5rem}.about-content .lead{font-size:1rem}.profile-image{max-width:180px}}.section-divider{width:100%;overflow:hidden;line-height:0}.section-divider svg{position:relative;display:block;width:calc(100% + 1.3px);height:100px}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}.portfolio-section{position:relative;padding:4rem 0;min-height:100vh;display:flex;align-items:center}.portfolio-section:nth-child(2n){background:#f8f9fa}.portfolio-section:nth-child(odd){background:#fff}.section-header{margin-bottom:3rem;position:relative}.section-title{font-size:3rem;margin-bottom:1rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.section-subtitle{font-size:1.2rem;color:#6c757d;max-width:600px;margin:0 auto;line-height:1.6}.section-animate{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.section-animate.in-view{opacity:1;transform:translateY(0)}.floating-element{position:absolute;opacity:.1;pointer-events:none;animation:float 6s ease-in-out infinite}.floating-element:first-child{animation-delay:0s}.floating-element:nth-child(2){animation-delay:2s}.floating-element:nth-child(3){animation-delay:4s}.section-nav{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;grid-gap:15px;gap:15px}.section-nav-dot{width:12px;height:12px;border-radius:50%;background:rgba(108,117,125,.5);cursor:pointer;transition:all .3s ease;position:relative}.section-nav-dot.active,.section-nav-dot:hover{background:#667eea;transform:scale(1.2)}.section-nav-dot:after{content:attr(data-tooltip);position:absolute;right:25px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.8);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease}.section-nav-dot:hover:after{opacity:1}@media (max-width:768px){.section-nav{display:none}.portfolio-section{padding:3rem 0;min-height:auto}.section-title{font-size:2.5rem}.section-divider svg{height:60px}}.bg-pattern-dots{background-image:radial-gradient(circle,#e9ecef 1px,transparent 0);background-size:20px 20px}.bg-pattern-grid{background-image:linear-gradient(rgba(108,117,125,.1) 1px,transparent 0),linear-gradient(90deg,rgba(108,117,125,.1) 1px,transparent 0);background-size:20px 20px}#aboutme{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}#experience{background:linear-gradient(135deg,#fff,#f1f3f4)}#experience,#experience .section-title{color:#2c3e50}#experience .section-title:after{background:linear-gradient(135deg,#4a90e2,#357abd)}#responsibilities{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#2c3e50}#leadership{background:linear-gradient(135deg,#fff,#f1f3f4);color:#2c3e50}#projects{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#2c3e50}#skills{background:linear-gradient(135deg,#fff,#f1f3f4);color:#2c3e50}#interests{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#2c3e50}.experience-section{min-height:100vh;padding:2rem 0;position:relative;overflow:hidden}.experience-timeline{position:relative;max-width:1200px;margin:0 auto;padding:2rem 0}.experience-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eea,#764ba2 50%,#f093fb);transform:translateX(-50%);border-radius:2px}.experience-item{position:relative;margin:3rem 0;display:flex;align-items:center}.experience-item.left{justify-content:flex-end;padding-right:calc(50% + 40px)}.experience-item.right{justify-content:flex-start;padding-left:calc(50% + 40px)}.timeline-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.2);z-index:2;border:4px solid #fff}.experience-card{background:#fff;border-radius:20px;padding:0;box-shadow:0 10px 40px rgba(0,0,0,.1);transition:all .3s ease;overflow:hidden;max-width:500px;width:100%;position:relative}.experience-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,.15)}.company-logo-container{position:relative;height:200px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;overflow:hidden}.company-logo{width:150px;height:150px;object-fit:contain;border-radius:15px;transition:all .3s ease;z-index:2;position:relative;background:#fff;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.logo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;background:linear-gradient(135deg,transparent,currentColor);z-index:1}.experience-card:hover .company-logo{transform:scale(1.05)}.experience-content{padding:2rem}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;grid-gap:1rem;gap:1rem}.company-name{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0;flex:1 1}.duration-badge{background:#667eea;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap}.position-title{font-size:1.25rem;font-weight:600;color:#495057;margin-bottom:.5rem}.department{color:#6c757d;font-weight:400}.duration{color:#6c757d;font-size:1rem;margin-bottom:1rem;display:flex;align-items:center}.description{color:#495057;line-height:1.6;margin-bottom:1.5rem;font-size:1rem}.technologies{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}.tech-tag{background:rgba(102,126,234,.1);border:1px solid #667eea;color:#667eea;padding:.25rem .75rem;border-radius:15px;font-size:.875rem;transition:all .3s ease}.tech-tag:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.career-stats{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin-top:3rem}.stat-item{padding:1rem;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-number{font-size:3rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:.5rem}.stat-label{font-size:1rem;color:hsla(0,0%,100%,.9);font-weight:500;text-transform:uppercase;letter-spacing:1px}@media (max-width:768px){.experience-timeline:before{left:30px}.experience-item.left,.experience-item.right{justify-content:flex-start;padding-left:80px;padding-right:1rem}.timeline-dot{left:30px;width:50px;height:50px;font-size:1.2rem}.experience-card{max-width:100%}.company-logo-container{height:150px}.company-logo{width:120px;height:120px}.experience-content{padding:1.5rem}.company-name{font-size:1.25rem}.position-title{font-size:1.1rem}.stat-number{font-size:2.5rem}}@media (max-width:576px){.experience-item.left,.experience-item.right{padding-left:60px}.timeline-dot{left:20px;width:40px;height:40px;font-size:1rem}.experience-timeline:before{left:20px}.company-logo{width:100px;height:100px;padding:15px}.experience-header{flex-direction:column;align-items:flex-start}.stat-number{font-size:2rem}}.experience-item{opacity:0;transform:translateX(50px);animation:slideInTimeline .8s ease-out forwards}.experience-item.left{transform:translateX(-50px)}.experience-item:first-child{animation-delay:.2s}.experience-item:nth-child(2){animation-delay:.4s}.experience-item:nth-child(3){animation-delay:.6s}@keyframes slideInTimeline{to{opacity:1;transform:translateX(0)}}.timeline-dot{transition:all .3s ease}.experience-item:hover .timeline-dot{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 25px rgba(0,0,0,.3)}#skills{background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}#skills:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0,transparent 50%);pointer-events:none}.skills-hero{padding:120px 0 80px;text-align:center;position:relative;z-index:2}.hero-content{max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);padding:8px 20px;border-radius:50px;font-size:14px;font-weight:500;animation:fadeInUp .6s ease-out}.hero-badge,.hero-title{color:#fff;margin-bottom:24px}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2;animation:fadeInUp .6s ease-out .2s both}.gradient-text{background:linear-gradient(135deg,#ffeaa7,#fab1a0)}.hero-description{font-size:1.2rem;color:hsla(0,0%,100%,.9);margin-bottom:40px;line-height:1.6;animation:fadeInUp .6s ease-out .4s both}.skills-search{margin-bottom:40px;animation:fadeInUp .6s ease-out .6s both}.search-container{position:relative;max-width:500px;margin:0 auto}.search-input{width:100%;padding:16px 50px;border:2px solid hsla(0,0%,100%,.2);border-radius:50px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:16px;transition:all .3s ease}.search-input::placeholder{color:hsla(0,0%,100%,.7)}.search-input:focus{outline:none;border-color:hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.15)}.search-icon{left:18px}.clear-search,.search-icon{position:absolute;top:50%;transform:translateY(-50%);color:hsla(0,0%,100%,.7);font-size:16px}.clear-search{right:18px;background:none;border:none;cursor:pointer;transition:color .3s ease}.clear-search:hover{color:#fff}.floating-skills{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.skill-bubble{position:absolute;display:flex;align-items:center;grid-gap:8px;gap:8px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);padding:12px 20px;border-radius:50px;color:#fff;font-size:14px;font-weight:500;animation:float 6s ease-in-out infinite}.skill-bubble:first-child{top:5%;left:2%;animation-delay:0s}.skill-bubble:nth-child(3){top:20%;left:1%;animation-delay:2s}.skill-bubble:nth-child(5){top:35%;left:3%;animation-delay:4s}.skill-bubble:nth-child(7){top:50%;left:0;animation-delay:6s}.skill-bubble:nth-child(9){top:65%;left:4%;animation-delay:8s}.skill-bubble:nth-child(11){top:80%;left:2%;animation-delay:10s}.skill-bubble:nth-child(13){bottom:5%;left:1%;animation-delay:12s}.skill-bubble:nth-child(15){bottom:20%;left:5%;animation-delay:14s}.skill-bubble:nth-child(2){top:10%;right:2%;animation-delay:1s}.skill-bubble:nth-child(4){top:25%;right:1%;animation-delay:3s}.skill-bubble:nth-child(6){top:40%;right:4%;animation-delay:5s}.skill-bubble:nth-child(8){top:55%;right:0;animation-delay:7s}.skill-bubble:nth-child(10){top:70%;right:3%;animation-delay:9s}.skill-bubble:nth-child(12){top:85%;right:2%;animation-delay:11s}.skill-bubble:nth-child(14){bottom:10%;right:1%;animation-delay:13s}@keyframes float{0%,to{transform:translateY(0) rotate(0deg);opacity:.8}25%{transform:translateY(-15px) rotate(1deg);opacity:1}50%{transform:translateY(-25px) rotate(0deg);opacity:.9}75%{transform:translateY(-10px) rotate(-1deg);opacity:1}}@media (max-width:1400px){.skill-bubble:nth-child(n+13){display:none}}@media (max-width:1200px){.skill-bubble:nth-child(n+11){display:none}}@media (max-width:992px){.skill-bubble:nth-child(n+9){display:none}.skill-bubble{font-size:12px;padding:8px 16px}}@media (max-width:768px){.skill-bubble:nth-child(n+7){display:none}.skill-bubble{font-size:11px;padding:6px 12px}}@media (max-width:576px){.skill-bubble:nth-child(n+5){display:none}.skill-bubble{font-size:10px;padding:4px 8px}}@media (max-width:480px){.floating-skills{display:none}}.skills-navigation{background:#fff;border-radius:20px;padding:8px;margin:-40px auto 60px;max-width:800px;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative;z-index:3;animation:fadeInUp .6s ease-out .8s both}.nav-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.nav-tab{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:20px 24px;border:none;background:transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.nav-tab:hover{background:rgba(102,126,234,.05)}.nav-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-tab.active .tab-icon{color:#fff}.tab-icon{font-size:20px;color:#667eea;transition:color .3s ease}.tab-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.tab-title{font-size:16px;font-weight:600;color:#2d3748;transition:color .3s ease}.nav-tab.active .tab-title{color:#fff}.tab-subtitle{font-size:12px;color:#718096;margin-top:2px;transition:color .3s ease}.nav-tab.active .tab-subtitle{color:hsla(0,0%,100%,.8)}.skills-content{background:#fff;border-radius:20px;padding:60px 40px;margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative;z-index:2}.content-header{text-align:center;margin-bottom:60px}.content-title{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:16px}.content-subtitle{font-size:1.1rem;color:#718096;max-width:600px;margin:0 auto;line-height:1.6}.skills-categories{display:flex;flex-direction:column;grid-gap:40px;gap:40px}.skill-category{opacity:0;transform:translateY(30px);transition:all .6s ease}.skill-category.animate{opacity:1;transform:translateY(0)}.category-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-radius:16px;margin-bottom:24px;color:#fff}.category-info{grid-gap:20px;gap:20px}.category-icon{font-size:24px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.2);border-radius:12px}.category-text h3{font-size:1.5rem;font-weight:600;margin-bottom:4px}.category-description{font-size:.9rem;opacity:.9;margin:0}.category-stats{background:hsla(0,0%,100%,.2);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px}.skill-card{background:#fff;border-radius:16px;padding:24px;border:2px solid #f7fafc;transition:all .3s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(20px)}.skill-card.animate{opacity:1;transform:translateY(0)}.skill-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.skill-header{justify-content:space-between;margin-bottom:16px}.skill-header,.skill-icon{display:flex;align-items:center}.skill-icon{font-size:24px;width:48px;height:48px;justify-content:center;background:rgba(102,126,234,.1);border-radius:12px}.level-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.skill-body h4{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:8px}.skill-meta{display:flex;grid-gap:16px;gap:16px;margin-bottom:16px;font-size:.9rem;color:#718096}.skill-progress{position:relative;margin-bottom:16px}.progress-track{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width 1s ease-out;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-value{position:absolute;right:0;top:-24px;font-size:.8rem;font-weight:600;color:#4a5568}.skill-tags{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.skill-tag{background:#f7fafc;color:#4a5568;padding:4px 12px}.skill-overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .3s ease;pointer-events:none}.skill-card:hover .skill-overlay{opacity:1}.soft-skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:32px;gap:32px}.soft-skill-card{background:#fff;border-radius:20px;padding:32px;border:2px solid #f7fafc;transition:all .3s ease;opacity:0;transform:translateY(20px)}.soft-skill-card.animate{opacity:1;transform:translateY(0)}.soft-skill-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.soft-skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.skill-icon-wrapper{display:flex;align-items:center;grid-gap:16px;gap:16px}.soft-skill-header .skill-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.skill-rating{display:flex;grid-gap:4px;gap:4px}.skill-rating .fas.fa-star{font-size:16px;transition:color .3s ease}.skill-rating .fas.fa-star.filled{color:gold}.soft-skill-content h3{font-size:1.4rem;font-weight:600;color:#2d3748;margin-bottom:12px}.skill-description{color:#718096;line-height:1.6;margin-bottom:24px}.achievements-list{list-style:none;padding:0;margin:0 0 24px}.achievement-item{margin-bottom:8px;color:#4a5568;font-size:.9rem}.achievement-item i{color:#48bb78;font-size:14px}.skill-keywords{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.keyword-tag{padding:6px 12px;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid;background:transparent;transition:all .3s ease}.keyword-tag:hover{background:currentColor;color:#fff!important}.certifications-container{max-width:1200px;margin:0 auto}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:24px;gap:24px;margin-bottom:60px}.certification-card{background:#fff;border-radius:16px;padding:24px;border:2px solid #f7fafc;transition:all .3s ease;opacity:0;transform:translateY(20px)}.certification-card.animate{opacity:1;transform:translateY(0)}.certification-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.cert-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.cert-badge{grid-gap:12px;gap:12px}.cert-badge,.cert-icon{display:flex;align-items:center}.cert-icon{font-size:32px;width:60px;height:60px;justify-content:center;background:rgba(102,126,234,.1);border-radius:12px}.cert-year{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.9rem;font-weight:600}.cert-year,.status-badge{padding:6px 12px;border-radius:12px}.status-badge{display:flex;align-items:center;grid-gap:6px;gap:6px;font-size:.8rem;font-weight:500}.status-badge,.status-badge.active{background:rgba(72,187,120,.1);color:#48bb78}.cert-content h3{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:8px;line-height:1.3}.cert-issuer{color:#718096;margin-bottom:12px}.level-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500}.cert-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.cert-validity{grid-gap:8px;gap:8px;color:#718096}.cert-validity,.verify-button{display:flex;align-items:center;font-size:.9rem}.verify-button{grid-gap:6px;gap:6px;background:transparent;border:1px solid;padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.verify-button:hover{background:currentColor;color:#fff!important}.cert-statistics{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:16px;padding:40px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:24px;gap:24px}.stat-item{grid-gap:16px;gap:16px;background:#fff;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.stat-icon,.stat-item{display:flex;align-items:center;border-radius:12px}.stat-icon{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;justify-content:center;font-size:20px}.stat-number{font-size:1.8rem;font-weight:700;color:#2d3748;line-height:1}.stat-label{font-size:.9rem;font-weight:600;color:#4a5568;margin-bottom:2px}.skills-summary{background:#fff;border-radius:20px;padding:60px 40px;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative;z-index:2}.summary-content{text-align:center;max-width:1000px;margin:0 auto}.summary-title{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:16px}.summary-description{font-size:1.1rem;color:#718096;margin-bottom:60px;line-height:1.6}.impact-metrics{grid-gap:32px;gap:32px}.metric-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:32px 24px}.metric-icon{width:70px;height:70px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;font-size:28px;margin:0 auto 20px}.metric-number{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:8px;line-height:1}.metric-label{font-size:1.1rem;font-weight:600;color:#4a5568;margin-bottom:8px}.metric-description{font-size:.9rem;color:#718096;line-height:1.4}@media (max-width:768px){.skills-hero{padding:80px 0 60px}.hero-title{font-size:2.5rem}.nav-wrapper{grid-template-columns:1fr;grid-gap:4px;gap:4px}.nav-tab{padding:16px 20px}.skills-content{padding:40px 24px}.content-title{font-size:2rem}.certifications-grid,.skills-grid,.soft-skills-container{grid-template-columns:1fr}.impact-metrics{grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero-title{font-size:2rem}.search-input{padding:14px 40px}.impact-metrics,.stats-grid{grid-template-columns:1fr}}.footer-content{max-width:600px;margin:0 auto}.footer-main{font-size:16px;color:#4a5568;font-weight:500}.footer-text{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;grid-gap:4px;gap:4px}.developer-link:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px rgba(102,126,234,.3)!important;text-decoration:none!important}.footer-tech{align-items:center;justify-content:center;flex-wrap:wrap;grid-gap:4px;gap:4px}.footer-tech span:last-child:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,172,254,.3);transition:all .3s ease}@media (max-width:768px){.footer-text{font-size:14px}.footer-tech{font-size:12px;margin-top:12px!important}.developer-link{padding:4px 10px!important;font-size:14px!important}}@media (max-width:480px){.footer-text{flex-direction:column;grid-gap:8px;gap:8px}.footer-tech{flex-direction:column;grid-gap:6px;gap:6px}}/ * ===== MODERN ABOUT ME SECTION ===== / #aboutme{background:transparent;position:relative;overflow:hidden}#aboutme:before{display:none}.about-content-section{background:transparent;border-radius:20px;padding:60px 40px;margin:0 auto 60px;max-width:1200px;box-shadow:none;position:relative;z-index:3;text-align:center}.about-content-section .row{margin:0;justify-content:center;align-items:center;text-align:center}.profile-section{opacity:0;transform:translateY(30px);transition:all .6s ease;width:100%;max-width:400px;margin:0 auto}.profile-section.animate{opacity:1;transform:translateY(0)}.profile-image-wrapper{position:relative;display:flex;justify-content:center;margin-bottom:30px;width:100%}.profile-image-container{width:280px;height:280px;box-shadow:0 20px 40px rgba(0,0,0,.2)}.profile-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));opacity:0;transition:opacity .3s ease}.profile-image-container:hover .profile-overlay{opacity:1}.profile-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.decoration-circle{position:absolute;border:2px solid rgba(102,126,234,.3);border-radius:50%;animation:float 6s ease-in-out infinite}.circle-1{width:60px;height:60px;top:-30px;right:-30px;animation-delay:0s}.circle-2{width:40px;height:40px;bottom:-20px;left:-20px;animation-delay:2s}.circle-3{width:80px;height:80px;top:50%;left:-40px;animation-delay:4s}.quick-stats{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.quick-stats .stat-item{display:flex;align-items:center;grid-gap:12px;gap:12px;background:rgba(102,126,234,.05);padding:12px 16px;border-radius:12px;border-left:4px solid #667eea}.quick-stats .stat-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}.quick-stats .stat-label{font-size:.9rem;color:#718096;margin-bottom:2px}.quick-stats .stat-value{font-size:1rem;font-weight:600;color:#2d3748}.about-details{opacity:0;transform:translateY(30px);transition:all .6s ease;text-align:left}.about-details.animate{opacity:1;transform:translateY(0)}@media (max-width:991px){.about-details{text-align:center;margin-top:40px}}.section-subtitle{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:24px}.highlights-grid{grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.highlight-card{background:#f7fafc;border-radius:12px;padding:20px;display:flex;align-items:center;grid-gap:16px;gap:16px}.highlight-card:hover{background:#edf2f7;transform:translateY(-2px)}.highlight-icon{width:50px;height:50px;border-radius:12px;font-size:20px}.highlight-number{font-size:1.5rem}.highlight-label{font-size:.9rem;color:#718096;margin-top:4px}.competencies-grid{grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.competency-item{display:flex;grid-gap:16px;gap:16px;padding:20px;background:#fff;border:2px solid #f7fafc;border-radius:12px;transition:all .3s ease}.competency-item:hover{border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.competency-icon{width:50px;height:50px;background:rgba(102,126,234,.1);color:#667eea;border-radius:12px;font-size:20px;flex-shrink:0}.competency-content h4{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:8px}.competency-content p{font-size:.9rem;color:#718096;line-height:1.5;margin:0}.action-buttons{display:flex;grid-gap:16px;gap:16px;flex-wrap:wrap;justify-content:flex-start}@media (max-width:991px){.action-buttons{justify-content:center}}.values-section{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:20px;padding:60px 40px;margin-bottom:40px}.values-content{max-width:1000px;margin:0 auto;text-align:center}.values-title{text-align:center;font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:50px}.values-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.value-card{background:#fff;box-shadow:0 8px 16px rgba(0,0,0,.1)}.value-card:hover{box-shadow:0 12px 24px rgba(0,0,0,.15)}.value-icon{width:70px;height:70px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 20px}.value-title{font-size:1.3rem;font-weight:600;color:#2d3748;margin-bottom:12px}.value-description{color:#718096;line-height:1.6;margin:0}#experience{background:linear-gradient(135deg,#4facfe,#00f2fe);position:relative;overflow:hidden}#experience:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(79,172,254,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0,transparent 50%);pointer-events:none}.experience-hero{padding:120px 0 80px;text-align:center;position:relative;z-index:2}.experience-navigation{background:#fff;border-radius:20px;padding:20px;margin:-40px auto 60px;max-width:1000px;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative;z-index:3}.experience-navigation .nav-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px}.company-nav-btn{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:16px 20px;border:2px solid #f7fafc;background:#fff;border-radius:12px;cursor:pointer;transition:all .3s ease}.company-nav-btn:hover{border-color:var(--company-color);transform:translateY(-2px)}.company-nav-btn.active{border-color:var(--company-color);background:var(--company-color);color:#fff}.company-logo-nav{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.company-logo-nav img{width:100%;height:100%;object-fit:contain;object-position:center}.company-name-nav{font-size:.9rem;font-weight:600;display:block}.company-years{font-size:.8rem;opacity:.8}.experience-details{background:#fff;border-radius:20px;padding:0;margin-bottom:60px;box-shadow:0 20px 40px rgba(0,0,0,.1);overflow:hidden}.experience-detail-card{padding:40px;opacity:0;transform:translateY(20px);transition:all .6s ease}.experience-detail-card.animate{opacity:1;transform:translateY(0)}.company-info-detailed{display:flex;align-items:center;grid-gap:24px;gap:24px}.company-logo-large{position:relative;width:80px;height:80px;border-radius:16px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.company-logo-large img{width:100%;height:100%;object-fit:contain;object-position:center;position:relative;z-index:2}.logo-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;z-index:1}.company-name-large{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:8px}.position-title-large{font-size:1.3rem;font-weight:600;color:#4a5568;margin-bottom:12px}.department-badge{display:inline-block;color:#fff;padding:6px 12px;border-radius:12px;font-size:.9rem;font-weight:500;margin-bottom:12px}.duration-info{display:flex;align-items:center;grid-gap:8px;gap:8px;color:#718096;font-size:.9rem}.duration-highlight{font-weight:600;color:#4a5568}.experience-description{margin-bottom:30px}.description-title{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:12px}.description-text{color:#718096;line-height:1.6;font-size:1rem}.key-achievements{margin-bottom:30px}.achievements-title{font-size:1.2rem;margin-bottom:20px}.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.achievement-item{display:flex;align-items:center;grid-gap:12px;gap:12px;background:#f7fafc;padding:16px;border-radius:12px}.achievement-icon{width:40px;height:40px;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}.achievement-number{font-size:1.2rem;font-weight:700;color:#2d3748;line-height:1}.achievement-label{font-size:.9rem;color:#718096}.technologies-section{background:#f7fafc;border-radius:16px;padding:24px;margin-bottom:24px}.tech-title{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:16px}.tech-cloud{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.tech-bubble{padding:6px 12px;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid;transition:all .3s ease}.tech-bubble:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.impact-metrics{background:#f7fafc;border-radius:16px;padding:24px}.metrics-title{font-size:1.1rem;font-weight:600}.metrics-list{flex-direction:column}.metric-item,.metrics-list{display:flex;grid-gap:12px;gap:12px}.metric-icon,.metric-item{align-items:center}.metric-icon{width:32px;height:32px;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border-radius:8px;display:flex;justify-content:center;font-size:14px}.metric-text{font-size:.9rem;color:#4a5568}.career-timeline{background:#fff;border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.timeline-title{text-align:center;font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:40px}.timeline-container{position:relative;max-width:800px;margin:0 auto}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#e2e8f0;transform:translateX(-50%)}.timeline-item{position:relative;margin-bottom:40px;opacity:0;transform:translateY(20px);transition:all .6s ease}.timeline-item.animate{opacity:1;transform:translateY(0)}.timeline-marker{position:absolute;left:50%;top:20px;width:60px;height:60px;transform:translateX(-50%);z-index:2}.marker-inner,.timeline-marker{border-radius:50%;display:flex;align-items:center;justify-content:center}.marker-inner{width:40px;height:40px;background:#fff;color:#fff;font-size:16px}.timeline-content{background:#fff;border-radius:12px;padding:24px;margin-left:calc(50% + 40px);box-shadow:0 8px 16px rgba(0,0,0,.1);border:2px solid #f7fafc}.timeline-item:nth-child(2n) .timeline-content{margin-left:0;margin-right:calc(50% + 40px)}.timeline-year{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;display:inline-block;margin-bottom:8px}.timeline-company{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:4px}.timeline-position{color:#718096;margin:0}.career-statistics{background:#fff;border-radius:20px;padding:60px 40px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.stat-card{background:linear-gradient(135deg,#f7fafc,#edf2f7)}.stat-card .stat-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}#leadership{background:linear-gradient(135deg,#f093fb,#f5576c);position:relative;overflow:hidden}#leadership:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(240,147,251,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0,transparent 50%);pointer-events:none}.leadership-hero{padding:120px 0 80px;text-align:center;position:relative;z-index:2}.leadership-navigation{padding:8px;margin:-40px auto 60px;max-width:800px;z-index:3}.leadership-content,.leadership-navigation{background:#fff;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative}.leadership-content{padding:60px 40px;margin-bottom:40px;z-index:2}.philosophy-section{margin-bottom:40px}.philosophy-content{opacity:0;transform:translateY(30px);transition:all .6s ease}.philosophy-content.animate{opacity:1;transform:translateY(0)}.philosophy-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:20px;padding:32px;margin-bottom:32px;display:flex;align-items:flex-start;grid-gap:24px;gap:24px;border:2px solid hsla(0,0%,100%,.8);box-shadow:0 4px 16px rgba(0,0,0,.06)}.philosophy-icon{width:64px;height:64px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;box-shadow:0 4px 16px rgba(240,147,251,.3)}.philosophy-text h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:12px}.philosophy-text p{color:#718096;line-height:1.6;margin:0}.core-principles{margin-top:30px}.principles-title{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:20px}.principles-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.principle-item{display:flex;align-items:flex-start;grid-gap:16px;gap:16px;background:#fff;padding:20px;border-radius:16px;border:2px solid #f7fafc;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.04)}.principle-item:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.principle-icon{width:48px;height:48px;background:rgba(240,147,251,.1);color:#f093fb;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.principle-content h5{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:6px;line-height:1.3}.principle-content p{font-size:.9rem;color:#718096;margin:0;line-height:1.5}.leadership-stats{opacity:0;transform:translateY(30px);transition:all .6s ease}.leadership-stats.animate{opacity:1;transform:translateY(0)}.stats-container{display:flex;flex-direction:column;align-items:center;grid-gap:30px;gap:30px}.stat-circle{position:relative;width:200px;height:200px}.circle-progress{width:100%;height:100%;background:conic-gradient(#f093fb 0deg 342deg,#e2e8f0 342deg 1turn)}.circle-inner,.circle-progress{border-radius:50%;display:flex;align-items:center;justify-content:center}.circle-inner{width:160px;height:160px;background:#fff;flex-direction:column;text-align:center}.circle-inner .stat-number{font-size:2.5rem;font-weight:700;color:#2d3748;line-height:1}.circle-inner .stat-label{font-size:.9rem;color:#718096;margin-top:4px}.leadership-metrics{display:flex;flex-direction:column;grid-gap:16px;gap:16px;width:100%}.leadership-metrics .metric-item{display:flex;align-items:center;grid-gap:16px;gap:16px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.leadership-metrics .metric-icon{width:50px;height:50px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.leadership-metrics .metric-number{font-size:1.8rem;font-weight:700;color:#2d3748;line-height:1}.leadership-metrics .metric-label{font-size:.9rem;font-weight:600;color:#4a5568}.leadership-areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:30px;gap:30px}.leadership-area-card{background:#fff;border-radius:16px;padding:30px;border:2px solid #f7fafc;transition:all .3s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(20px)}.leadership-area-card.animate{opacity:1;transform:translateY(0)}.leadership-area-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.area-header{grid-gap:16px;gap:16px;margin-bottom:20px}.area-header,.area-icon{display:flex;align-items:center}.area-icon{width:60px;height:60px;color:#fff;border-radius:16px;justify-content:center;font-size:24px}.area-title{font-size:1.4rem;font-weight:600;color:#2d3748}.area-description{color:#718096;line-height:1.6;margin-bottom:24px}.achievements-section{margin-bottom:20px}.achievements-title{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:12px}.achievements-list{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.achievements-list .achievement-item{display:flex;align-items:center;grid-gap:12px;gap:12px}.achievements-list .achievement-icon{font-size:14px}.achievement-text{font-size:.9rem;color:#4a5568}.area-overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .3s ease;pointer-events:none}.leadership-area-card:hover .area-overlay{opacity:1}.leadership-journey{max-width:1000px;margin:0 auto}.journey-timeline{display:flex;flex-direction:column;grid-gap:40px;gap:40px}.journey-item{display:flex;grid-gap:30px;gap:30px;opacity:0;transform:translateY(20px);transition:all .6s ease}.journey-item.animate{opacity:1;transform:translateY(0)}.journey-marker{position:relative;flex-shrink:0}.marker-dot{width:20px;height:20px;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%;position:relative;z-index:2}.marker-line{position:absolute;left:50%;top:20px;bottom:-40px;width:2px;background:#e2e8f0;transform:translateX(-50%)}.journey-item:last-child .marker-line{display:none}.journey-content{flex:1 1;background:#fff;border-radius:16px;padding:24px;border:2px solid #f7fafc;transition:all .3s ease}.journey-content:hover{border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.journey-header{margin-bottom:20px}.journey-period{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;display:inline-block;margin-bottom:8px}.journey-company{font-size:1.3rem;font-weight:600;color:#2d3748;margin-bottom:4px}.journey-role{font-size:1rem;color:#718096;margin-bottom:0}.highlights-title{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:12px}.highlights-grid{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.highlight-item{display:flex;align-items:center;grid-gap:12px;gap:12px}.highlight-icon{width:24px;height:24px;background:rgba(240,147,251,.1);color:#f093fb;border-radius:6px;font-size:12px;flex-shrink:0}.highlight-text{font-size:.9rem;color:#4a5568}.leadership-impact{background:#fff;border-radius:20px;padding:60px 40px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.impact-title{text-align:center;font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:16px}.impact-description{text-align:center;font-size:1.1rem;color:#718096;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto}.impact-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px}.impact-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:16px;padding:30px;text-align:center;transition:all .3s ease}.impact-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.impact-card .impact-icon{width:70px;height:70px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 20px}.impact-card .impact-number{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:8px;line-height:1}.impact-card .impact-label{font-size:1.1rem;font-weight:600;color:#4a5568;margin-bottom:8px}.impact-card .impact-description{font-size:.9rem;color:#718096;line-height:1.4;margin:0}@media (max-width:768px){.about-hero,.experience-hero,.leadership-hero{padding:80px 0 60px}.about-content-section,.experience-details,.leadership-content{padding:40px 24px}.about-content-section .row{flex-direction:column;text-align:center}.profile-section{margin-bottom:40px}.achievements-grid,.competencies-grid,.highlights-grid,.principles-list{grid-template-columns:1fr}.timeline-content{margin-left:0!important;margin-right:0!important}.timeline-line,.timeline-marker{left:20px}.leadership-areas-grid{grid-template-columns:1fr}.journey-item{flex-direction:column;grid-gap:16px;gap:16px}.marker-line{display:none}}@media (max-width:480px){.hero-title{font-size:2rem}.about-content-section{padding:30px 20px}.profile-image-container{width:220px;height:220px}.action-buttons{flex-direction:column;width:100%}.btn-primary-modern,.btn-secondary-modern{width:100%;justify-content:center}.company-info-detailed{flex-direction:column;text-align:center}.impact-metrics,.stats-grid{grid-template-columns:1fr}.values-section{padding:40px 20px}.values-title{font-size:2rem}}/ * ===== REDESIGNED ABOUT ME SECTION ===== / #aboutme{background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;min-height:100vh}#aboutme:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0,transparent 50%);pointer-events:none}.about-hero{padding:120px 0 60px}.profile-intro-section{background:#fff;border-radius:20px;padding:60px 40px;margin:-40px auto 60px;max-width:1200px;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative;z-index:3}.profile-card{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-radius:20px;padding:40px 30px;text-align:center;box-shadow:0 12px 24px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(30px);transition:all .6s ease;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.profile-card.animate{opacity:1;transform:translateY(0)}.profile-image-container{width:200px;height:200px;margin:0 auto 30px}.profile-card:hover .profile-glow{opacity:1}.profile-card:hover .profile-image{transform:scale(1.05)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-info{margin-bottom:30px}.profile-name{font-size:1.8rem}.profile-title{font-size:1.1rem}.profile-location{justify-content:center;font-size:.9rem}.profile-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.profile-stats .stat-item{text-align:center}.profile-stats .stat-number{font-size:1.5rem;font-weight:700;color:#2d3748;line-height:1}.profile-stats .stat-label{font-size:.8rem;color:#718096;margin-top:4px}.stat-divider{width:1px;height:30px;background:#e2e8f0}.profile-actions{flex-direction:column;grid-gap:12px;gap:12px}.btn-contact,.btn-download{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:12px 20px;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:.9rem}.btn-download{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.btn-download:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.3);color:#fff;text-decoration:none}.btn-contact{background:transparent;color:#667eea;border:2px solid #667eea}.btn-contact:hover{background:#667eea;color:#fff;transform:translateY(-2px);text-decoration:none}.about-content{opacity:0;transform:translateY(30px);transition:all .6s ease;padding-left:40px}.about-content.animate{opacity:1;transform:translateY(0)}.about-text{margin-bottom:40px}.about-subtitle{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:20px}.about-description{font-size:1.1rem;color:#4a5568;line-height:1.7;margin-bottom:20px}.about-mission{font-size:1rem;color:#718096;line-height:1.6;margin:0}.expertise-areas{margin-top:30px}.expertise-title{font-size:1.3rem;font-weight:600;color:#2d3748;margin-bottom:16px}.expertise-tags{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px}.expertise-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;transition:all .3s ease}.expertise-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.highlights-section{border-radius:20px;text-align:center;padding:60px 40px;margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.section-header{margin-bottom:50px}.section-title{font-size:2.5rem;margin-bottom:16px}.highlights-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:30px;gap:30px}.highlight-card{background:linear-gradient(135deg,#f8fafc,#edf2f7);padding:30px;border:2px solid #f7fafc}.highlight-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.highlight-icon{width:70px;height:70px;border-radius:16px;font-size:28px;margin:0 auto 20px}.highlight-number{font-size:2.5rem;margin-bottom:8px}.highlight-label{font-size:1.1rem;margin-bottom:8px}.highlight-description{font-size:.9rem}.competencies-section{background:transparent;border-radius:20px;text-align:center;padding:60px 40px;margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.competencies-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.competency-card{background:linear-gradient(135deg,#f8fafc,#edf2f7);padding:30px;border:2px solid #f7fafc;transform:translateY(20px)}.competency-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.competency-icon{width:60px;height:60px;font-size:24px;margin-bottom:20px}.competency-title{margin-bottom:12px}.skill-tag{border-radius:12px}@media (max-width:991px){.about-content{padding-left:0;text-align:center;margin-top:40px}.profile-intro-section{padding:40px 20px}.profile-card{padding:30px 20px}}@media (max-width:768px){.about-hero{padding:80px 0 40px}.profile-intro-section{margin:-20px auto 40px}.competencies-grid,.highlights-grid{grid-template-columns:1fr}.about-subtitle{font-size:1.6rem}.section-title{font-size:2rem}}@media (max-width:480px){.profile-image-container{width:160px;height:160px}.profile-name{font-size:1.5rem}.profile-stats{padding:15px}.profile-stats .stat-number{font-size:1.2rem}.expertise-tags{justify-content:center}.competencies-section,.highlights-section{padding:40px 20px}}#responsibilities{background:linear-gradient(135deg,#43e97b,#38f9d7);position:relative;overflow:hidden}#responsibilities:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(67,233,123,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0,transparent 50%);pointer-events:none}.responsibilities-hero{padding:120px 0 80px;text-align:center;position:relative;z-index:2}.category-navigation{background:#fff;border-radius:20px;padding:20px;margin:-40px auto 60px;max-width:1000px;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative;z-index:3}.category-navigation .nav-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.category-nav-btn{display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px;padding:16px 12px;border:2px solid #f7fafc;background:#fff;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.category-nav-btn:hover{border-color:var(--category-color);transform:translateY(-2px)}.category-nav-btn.active{border-color:var(--category-color);background:var(--category-color);color:#fff}.category-nav-btn .nav-icon{font-size:20px;color:var(--category-color);transition:color .3s ease}.category-nav-btn.active .nav-icon{color:#fff}.category-nav-btn .nav-title{font-size:.9rem;font-weight:600;color:#2d3748;transition:color .3s ease}.category-nav-btn.active .nav-title{color:#fff}.responsibility-details{background:#fff;border-radius:20px;padding:0;margin-bottom:60px;box-shadow:0 20px 40px rgba(0,0,0,.1);overflow:hidden}.responsibility-detail-card{padding:40px;opacity:0;transform:translateY(20px);transition:all .6s ease}.responsibility-detail-card.animate{opacity:1;transform:translateY(0)}.detail-header{margin-bottom:40px}.category-info{display:flex;align-items:center;grid-gap:24px;gap:24px}.category-icon-large{width:80px;height:80px;color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.category-title-large{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:8px}.category-description{color:#718096;font-size:1.1rem}.responsibilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px}.responsibility-item-card{display:flex;align-items:flex-start;grid-gap:16px;gap:16px;background:#f7fafc;padding:20px;border-radius:12px;transition:all .3s ease;opacity:0;transform:translateY(20px)}.responsibility-item-card.animate{opacity:1;transform:translateY(0)}.responsibility-item-card:hover{background:#edf2f7;transform:translateY(-2px)}.responsibility-item-card .item-icon{width:40px;height:40px;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.responsibility-item-card .item-text{color:#4a5568;line-height:1.6;margin:0}.responsibilities-overview{background:#fff;border-radius:20px;padding:60px 40px;margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:30px;gap:30px}.overview-card{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-radius:16px;padding:30px;text-align:center;transition:all .3s ease;opacity:0;transform:translateY(20px)}.overview-card.animate{opacity:1;transform:translateY(0)}.overview-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.overview-icon{width:60px;height:60px;color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 20px}.overview-category{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:8px}.overview-count{color:#718096;font-size:.9rem;margin-bottom:16px}.overview-progress{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.progress-bar{height:100%;border-radius:2px;transition:width 1s ease-out}.impact-metrics{background:#fff;border-radius:20px;padding:60px 40px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.metrics-title{text-align:center;font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:16px}.metrics-description{text-align:center;font-size:1.1rem;color:#718096;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px}.metric-card{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-radius:16px;padding:30px;text-align:center;transition:all .3s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.metric-card .metric-icon{width:70px;height:70px;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 20px}.metric-card .metric-number{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:8px;line-height:1}.metric-card .metric-label{font-size:1.1rem;font-weight:600;color:#4a5568;margin-bottom:8px}.metric-card .metric-description{font-size:.9rem;color:#718096;line-height:1.4}#projects{background:linear-gradient(135deg,#fa709a,#fee140);position:relative;overflow:hidden}#projects:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(250,112,154,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0,transparent 50%);pointer-events:none}.projects-hero{padding:120px 0 80px;text-align:center;position:relative;z-index:2}.project-navigation{background:#fff;border-radius:20px;padding:20px;margin:-40px auto 60px;max-width:1000px;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative;z-index:3}.project-navigation .nav-wrapper{display:flex;flex-wrap:wrap;grid-gap:12px;gap:12px;justify-content:center}.filter-btn{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:12px 20px;border:2px solid #f7fafc;background:#fff;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.filter-btn:hover{border-color:#e2e8f0;transform:translateY(-2px)}.filter-btn.active{border-color:#fa709a;background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.filter-btn .filter-icon{font-size:16px}.projects-loading{background:#fff;border-radius:20px;padding:80px 40px;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.1)}.loading-container h3{font-size:1.5rem;color:#2d3748;margin:20px 0 10px}.loading-container p{color:#718096}.loading-spinner{font-size:3rem;color:#fa709a;margin-bottom:20px}.projects-notice{background:hsla(0,0%,100%,.9);border-radius:12px;padding:16px 24px;margin-bottom:40px;text-align:center;border-left:4px solid #fa709a}.notice-content{display:flex;align-items:center;justify-content:center;grid-gap:12px;gap:12px;color:#4a5568;font-weight:500}.projects-content{background:#fff;border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:30px;gap:30px}.project-item{opacity:0;transform:translateY(20px);transition:all .6s ease}.project-item.animate{opacity:1;transform:translateY(0)}.no-projects{text-align:center;padding:60px 20px;color:#718096}.no-projects-content i{font-size:4rem;margin-bottom:20px;opacity:.5}.no-projects-content h3{font-size:1.5rem;margin-bottom:10px;color:#4a5568}.categories-overview{background:#fff;border-radius:20px;padding:60px 40px;margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px}.category-card{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-radius:16px;padding:30px;border:2px solid #f7fafc;transition:all .3s ease;opacity:0;transform:translateY(20px)}.category-card.animate{opacity:1;transform:translateY(0)}.category-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.category-card .category-icon{width:60px;height:60px;background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px}.category-card .category-title{font-size:1.4rem;font-weight:600;color:#2d3748;margin-bottom:12px}.category-card .category-description{color:#718096;line-height:1.6;margin-bottom:20px}.category-tech{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.tech-tag{background:rgba(250,112,154,.1);color:#fa709a;padding:6px 12px;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid rgba(250,112,154,.2)}.project-statistics{background:#fff;border-radius:20px;padding:60px 40px;margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.stats-title{text-align:center;font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:50px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px}.stat-card{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-radius:16px;padding:30px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.stat-card .stat-icon{width:70px;height:70px;background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 20px}.stat-card .stat-number{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:8px;line-height:1}.stat-card .stat-label{font-size:1.1rem;font-weight:600;color:#4a5568;margin-bottom:8px}.stat-card .stat-description{font-size:.9rem;color:#718096;line-height:1.4}.projects-cta{background:#fff;border-radius:20px;padding:60px 40px;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.1)}.cta-title{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:16px}.cta-description{font-size:1.1rem;color:#718096;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;grid-gap:20px;gap:20px;justify-content:center;flex-wrap:wrap}.btn-cta-primary,.btn-cta-secondary{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:16px 32px;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:1rem}.btn-cta-primary{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;border:none}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(250,112,154,.3);color:#fff;text-decoration:none}.btn-cta-secondary{background:transparent;color:#fa709a;border:2px solid #fa709a}.btn-cta-secondary:hover{background:#fa709a;color:#fff;transform:translateY(-2px);text-decoration:none}#interests{background:linear-gradient(135deg,#a8edea,#fed6e3);position:relative;overflow:hidden}#interests:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(168,237,234,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0,transparent 50%);pointer-events:none}.interests-hero{padding:120px 0 80px;text-align:center;position:relative;z-index:2}.interest-navigation{background:#fff;border-radius:20px;padding:20px;margin:-40px auto 60px;max-width:800px;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative;z-index:3}.interest-navigation .nav-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px}.interest-nav-btn{display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px;padding:16px 12px;border:2px solid #f7fafc;background:#fff;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.interest-nav-btn:hover{border-color:var(--interest-color);transform:translateY(-2px)}.interest-nav-btn.active{border-color:var(--interest-color);background:var(--interest-color);color:#fff}.interest-nav-btn .nav-icon{font-size:20px;color:var(--interest-color);transition:color .3s ease}.interest-nav-btn.active .nav-icon{color:#fff}.interest-nav-btn .nav-title{font-size:.9rem;font-weight:600;color:#2d3748;transition:color .3s ease}.interest-nav-btn.active .nav-title{color:#fff}.interest-details{background:#fff;border-radius:20px;padding:0;margin-bottom:60px;box-shadow:0 20px 40px rgba(0,0,0,.1);overflow:hidden}.interest-detail-card{padding:40px;opacity:0;transform:translateY(20px);transition:all .6s ease}.interest-detail-card.animate{opacity:1;transform:translateY(0)}.interest-info{display:flex;align-items:center;grid-gap:24px;gap:24px;margin-bottom:40px}.interest-icon-large{width:80px;height:80px;color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.interest-title-large{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:8px}.interest-description-large{color:#718096;font-size:1.1rem;margin-bottom:12px}.interest-stats-badge{display:inline-block;color:#fff;padding:6px 12px;border-radius:12px;font-size:.9rem;font-weight:600}.interest-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.detail-item-card{display:flex;align-items:flex-start;grid-gap:16px;gap:16px;background:#f7fafc;padding:20px;border-radius:12px;transition:all .3s ease;opacity:0;transform:translateY(20px)}.detail-item-card.animate{opacity:1;transform:translateY(0)}.detail-item-card:hover{background:#edf2f7;transform:translateY(-2px)}.detail-item-card .detail-icon{width:40px;height:40px;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.detail-item-card .detail-text{color:#4a5568;line-height:1.6;margin:0}.interest-link-section{text-align:center;margin-top:30px}.external-link-btn{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:12px 24px;border:2px solid;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease}.external-link-btn:hover{background:currentColor;color:#fff!important;text-decoration:none}.interests-overview,.personal-values{background:#fff;border-radius:20px;padding:60px 40px;margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px}.value-card{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-radius:16px;padding:30px;text-align:center;transition:all .3s ease;opacity:0;transform:translateY(20px)}.value-card.animate{opacity:1;transform:translateY(0)}.value-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.value-card .value-icon{width:60px;height:60px;background:linear-gradient(135deg,#a8edea,#fed6e3);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 20px}.value-card .value-name{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:12px}.value-card .value-description{color:#718096;line-height:1.6}.inspiration-section{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-radius:20px;padding:60px 40px;margin-bottom:40px;text-align:center}.quote-container{max-width:800px;margin:0 auto;position:relative}.quote-decoration{margin-bottom:30px}.quote-icon{width:80px;height:80px;background:linear-gradient(135deg,#a8edea,#fed6e3);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto}.inspiration-quote{font-size:1.4rem;font-style:italic;color:#2d3748;line-height:1.6;margin-bottom:20px;font-weight:500}.quote-author{color:#718096;font-weight:600;font-size:1rem}.interest-statistics{background:#fff;border-radius:20px;padding:60px 40px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.interest-statistics .stats-title{text-align:center;font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:16px}.interest-statistics .stats-description{text-align:center;font-size:1.1rem;color:#718096;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto}.interest-statistics .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px}.interest-statistics .stat-card{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-radius:16px;padding:30px;text-align:center;transition:all .3s ease}.interest-statistics .stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.interest-statistics .stat-card .stat-icon{width:70px;height:70px;background:linear-gradient(135deg,#a8edea,#fed6e3);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 20px}.interest-statistics .stat-card .stat-number{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:8px;line-height:1}.interest-statistics .stat-card .stat-label{font-size:1.1rem;font-weight:600;color:#4a5568;margin-bottom:8px}.interest-statistics .stat-card .stat-description{font-size:.9rem;color:#718096;line-height:1.4}@media (max-width:768px){.interests-hero,.projects-hero,.responsibilities-hero{padding:80px 0 60px}.category-navigation,.interest-navigation,.project-navigation{padding:15px;margin:-20px auto 40px}.category-navigation .nav-wrapper,.interest-navigation .nav-wrapper{grid-template-columns:repeat(2,1fr)}.project-navigation .nav-wrapper{justify-content:center}.filter-btn{padding:10px 16px;font-size:.8rem}.interest-details,.projects-content,.responsibility-details{padding:30px 20px}.category-info,.interest-info{flex-direction:column;text-align:center;grid-gap:16px;gap:16px}.interest-details-grid,.projects-grid,.responsibilities-grid{grid-template-columns:1fr}.categories-grid,.metrics-grid,.overview-grid,.stats-grid,.values-grid{grid-template-columns:repeat(2,1fr)}.cta-buttons{flex-direction:column;align-items:center}.btn-cta-primary,.btn-cta-secondary{width:100%;max-width:300px;justify-content:center}}@media (max-width:480px){.categories-grid,.category-navigation .nav-wrapper,.interest-navigation .nav-wrapper,.metrics-grid,.overview-grid,.stats-grid,.values-grid{grid-template-columns:1fr}.category-title-large,.interest-title-large{font-size:1.5rem}.cta-title,.metrics-title,.stats-title{font-size:2rem}.inspiration-quote{font-size:1.2rem}}.modern-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.2);transition:all .3s ease;padding:0}.modern-navbar.scrolled{background:hsla(0,0%,100%,.98);box-shadow:0 4px 20px rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.05)}.navbar-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:80px}.navbar-brand-container{flex-shrink:0}.navbar-brand{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:flex-start}.brand-logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:2px}.brand-bracket{color:#667eea;font-weight:800}.brand-name{margin:0 4px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-subtitle{font-size:.7rem;color:#718096;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.navbar-nav-desktop{grid-gap:2rem;gap:2rem}.nav-list,.navbar-nav-desktop{display:flex;align-items:center}.nav-list{grid-gap:.5rem;gap:.5rem;margin:0;padding:0;list-style:none}.nav-item,.nav-link{position:relative}.nav-link{display:flex;align-items:center;justify-content:center;padding:12px 20px;text-decoration:none;color:#4a5568;font-weight:500;font-size:.9rem;border-radius:12px;transition:all .3s ease;overflow:hidden;min-width:100px;text-align:center}.nav-link:hover{color:#667eea;background:rgba(102,126,234,.08);transform:translateY(-1px);text-decoration:none}.nav-link.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(102,126,234,.3)}.nav-link.active:hover{color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px rgba(102,126,234,.4)}.nav-text{position:relative;z-index:2;white-space:nowrap}.nav-indicator{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transform:translateX(-50%);transition:width .3s ease}.nav-link:hover .nav-indicator{width:80%}.nav-link.active .nav-indicator{width:0}.navbar-cta{flex-shrink:0}.cta-button{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;font-weight:600;font-size:.8rem;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(102,126,234,.25);white-space:nowrap}.cta-button,.cta-button:hover{color:#fff;text-decoration:none}.cta-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.35)}.cta-button i{font-size:.7rem}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger{display:flex;flex-direction:column;width:24px;height:18px;position:relative}.hamburger span{display:block;height:2px;width:100%;background:#2d3748;border-radius:1px;transition:all .3s ease;transform-origin:center}.hamburger span:first-child,.hamburger span:nth-child(2){margin-bottom:6px}.modern-navbar.menu-open .hamburger span:first-child{transform:rotate(45deg) translate(6px,6px)}.modern-navbar.menu-open .hamburger span:nth-child(2){opacity:0}.modern-navbar.menu-open .hamburger span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-nav{position:fixed;top:0;right:-100%;width:320px;height:100vh;background:#fff;box-shadow:-4px 0 20px rgba(0,0,0,.1);transition:right .3s ease;z-index:1000;overflow-y:auto}.mobile-nav.open{right:0}.mobile-nav-content{padding:0;height:100%;display:flex;flex-direction:column}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#edf2f7)}.mobile-brand{display:flex;align-items:center;font-size:1.3rem;font-weight:700;color:#2d3748}.mobile-brand .brand-bracket{color:#667eea;font-weight:800}.mobile-brand .brand-name{margin:0 4px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-close{width:40px;height:40px;background:rgba(102,126,234,.1);border:none;border-radius:50%;color:#667eea;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mobile-close:hover{background:rgba(102,126,234,.2);transform:rotate(90deg)}.mobile-nav-list{flex:1 1;padding:20px 0;margin:0;list-style:none}.mobile-nav-item{opacity:0;transform:translateX(20px);animation:slideInRight .3s ease forwards;animation-delay:var(--delay)}@keyframes slideInRight{to{opacity:1;transform:translateX(0)}}.mobile-nav-link{display:flex;align-items:center;padding:16px 24px;text-decoration:none;color:#4a5568;font-weight:500;font-size:1rem;transition:all .3s ease;border-left:4px solid transparent}.mobile-nav-link:hover{background:rgba(102,126,234,.05);color:#667eea;border-left-color:#667eea;text-decoration:none}.mobile-nav-link.active{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));color:#667eea;border-left-color:#667eea;font-weight:600}.mobile-nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:16px;font-size:1rem;flex-shrink:0}.mobile-nav-text{flex:1 1}.mobile-nav-arrow{opacity:0;transform:translateX(-10px);transition:all .3s ease;color:#cbd5e0}.mobile-nav-link:hover .mobile-nav-arrow{opacity:1;transform:translateX(0);color:#667eea}.mobile-nav-footer{padding:20px 24px;border-top:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#edf2f7)}.mobile-cta-button{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;width:100%;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 3px 10px rgba(102,126,234,.3)}.mobile-cta-button:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(102,126,234,.4);color:#fff;text-decoration:none}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}@media (max-width:1024px){.navbar-container{padding:0 1.5rem}.nav-list{grid-gap:.25rem;gap:.25rem}.nav-link{padding:10px 16px;font-size:.85rem;min-width:90px}.navbar-cta{margin-left:.75rem}.cta-button{padding:7px 14px;font-size:.75rem;grid-gap:5px;gap:5px}.cta-button i{font-size:.65rem}}@media (max-width:768px){.navbar-container{height:70px;padding:0 1rem}.navbar-nav-desktop{display:none}.mobile-menu-toggle{display:flex}.brand-logo{font-size:1.3rem}.brand-subtitle{font-size:.65rem}}@media (max-width:480px){.navbar-container{padding:0 .75rem}.mobile-nav{width:100%;right:-100%}.brand-logo{font-size:1.2rem}.brand-subtitle{display:none}}@media (prefers-reduced-motion:reduce){.cta-button,.hamburger span,.mobile-nav,.modern-navbar,.nav-link{transition:none}.mobile-nav-item{animation:none;opacity:1;transform:none}}.cta-button:focus,.mobile-menu-toggle:focus,.mobile-nav-link:focus,.nav-link:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.modern-navbar{background:#fff;border-bottom:2px solid #000}.nav-link{border:1px solid transparent}.nav-link.active,.nav-link:hover{border-color:#000}}.hero-description-section,.hero-profile-info{text-align:left}@media (max-width:768px){.hero-profile-container{flex-direction:column;grid-gap:20px;gap:20px;text-align:center}.hero-profile-info{text-align:center}.hero-profile-info .profile-name{font-size:1.8rem}.hero-stats{justify-content:center;grid-gap:20px;gap:20px}.hero-description-section{padding:30px 20px;text-align:center}.hero-description-text{font-size:1.1rem}.hero-actions{flex-direction:column;align-items:center}.btn-contact-hero,.btn-download-hero{width:100%;max-width:250px;justify-content:center}}.about-hero{padding:120px 0 80px;text-align:center;position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.about-hero .hero-content{width:100%;max-width:1200px;margin:0 auto}.hero-profile-section{max-width:1000px;margin:40px auto 0;opacity:0;transform:translateY(30px);transition:all .6s ease}.hero-profile-section.animate{opacity:1;transform:translateY(0)}.hero-profile-container{display:flex;align-items:center;justify-content:center;grid-gap:40px;gap:40px;margin-bottom:40px;flex-wrap:wrap}.hero-profile-image{position:relative;width:180px;height:180px;border-radius:50%;overflow:hidden;flex-shrink:0}.hero-profile-image .profile-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.hero-profile-image:hover .profile-image{transform:scale(1.05)}.hero-profile-image .profile-ring{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;animation:rotate 8s linear infinite}.hero-profile-image .profile-glow{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle,hsla(0,0%,100%,.2) 0,transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s ease}.hero-profile-image:hover .profile-glow{opacity:1}.hero-profile-info{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center}.hero-profile-info .profile-name{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.2;text-align:center}.hero-profile-info .profile-title{font-size:1.2rem;color:hsla(0,0%,100%,.9);font-weight:500;margin-bottom:12px;text-align:center}.hero-profile-info .profile-location{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;color:hsla(0,0%,100%,.8);font-size:1rem;margin-bottom:20px}.hero-stats{display:flex;grid-gap:30px;gap:30px;justify-content:center}.hero-stat-item{text-align:center}.hero-stat-item .stat-number{font-size:1.8rem;font-weight:700;color:#fff;line-height:1;display:block}.hero-stat-item .stat-label{font-size:.9rem;color:hsla(0,0%,100%,.8);margin-top:4px}.hero-description-section{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;border:1px solid hsla(0,0%,100%,.2);text-align:center;max-width:800px;margin:0 auto}.hero-description-text{font-size:1.2rem;color:#fff;line-height:1.7;margin-bottom:20px;font-weight:400;text-align:center}.hero-mission-text{font-size:1rem;color:hsla(0,0%,100%,.9);line-height:1.6;margin-bottom:30px;text-align:center}.hero-expertise-tags{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;margin-bottom:30px;justify-content:center}.hero-expertise-tags .expertise-tag{background:hsla(0,0%,100%,.2);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid hsla(0,0%,100%,.3);transition:all .3s ease}.hero-expertise-tags .expertise-tag:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px)}.hero-actions{display:flex;grid-gap:16px;gap:16px;justify-content:center;flex-wrap:wrap}.btn-contact-hero,.btn-download-hero{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:12px 24px;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:.9rem}.btn-download-hero{background:#fff;color:#667eea;border:2px solid #fff}.btn-download-hero:hover{background:transparent;color:#fff;transform:translateY(-2px);text-decoration:none}.btn-contact-hero{background:transparent;color:#fff;border:2px solid hsla(0,0%,100%,.5)}.btn-contact-hero:hover{background:hsla(0,0%,100%,.1);border-color:#fff;transform:translateY(-2px);text-decoration:none;color:#fff}@media (max-width:768px){.hero-profile-container{flex-direction:column;grid-gap:20px;gap:20px;text-align:center}.hero-profile-info{text-align:center;align-items:center}.hero-profile-info .profile-name{font-size:1.8rem}.hero-stats{justify-content:center;grid-gap:20px;gap:20px}.hero-description-section{padding:30px 20px;text-align:center}.hero-description-text{font-size:1.1rem}.hero-actions{flex-direction:column;align-items:center}.btn-contact-hero,.btn-download-hero{width:100%;max-width:250px;justify-content:center}}@media (max-width:480px){.hero-profile-image{width:150px;height:150px}.hero-profile-info .profile-name{font-size:1.6rem}.hero-stats{grid-gap:15px;gap:15px}.hero-stat-item .stat-number{font-size:1.5rem}.hero-expertise-tags{justify-content:center}.hero-expertise-tags .expertise-tag{font-size:.8rem;padding:6px 12px}}.competencies-section .container,.highlights-section .container{max-width:1200px;margin:0 auto;padding:0 20px}.values-section .values-content{max-width:1000px;margin:0 auto;text-align:center;padding:0 20px}#aboutme .about-hero{text-align:center!important}#aboutme .hero-content{width:100%!important;max-width:1200px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}#aboutme .hero-badge,#aboutme .hero-description,#aboutme .hero-title{text-align:center!important;margin-left:auto!important;margin-right:auto!important}#aboutme .hero-profile-section{flex-direction:column!important}#aboutme .hero-profile-container,#aboutme .hero-profile-section{width:100%!important}#aboutme .hero-profile-container,#aboutme .hero-profile-info,#aboutme .hero-profile-section{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}#aboutme .hero-profile-info{flex-direction:column!important}#aboutme .hero-description-section,#aboutme .hero-profile-info .profile-location,#aboutme .hero-profile-info .profile-name,#aboutme .hero-profile-info .profile-title,#aboutme .hero-stats{text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important}#aboutme .hero-description-section{margin:0 auto!important;flex-direction:column!important}#aboutme .hero-description-text,#aboutme .hero-mission-text{text-align:center!important}#aboutme .hero-actions,#aboutme .hero-expertise-tags{display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important}#aboutme .competencies-section,#aboutme .highlights-section,#aboutme .values-section{text-align:center!important}#aboutme .competencies-section .container,#aboutme .highlights-section .container{max-width:1200px!important;margin:0 auto!important;text-align:center!important}#aboutme .values-content{max-width:1000px!important;margin:0 auto!important;text-align:center!important}#aboutme .competencies-grid,#aboutme .highlights-grid,#aboutme .values-grid{display:flex!important;justify-content:center!important;align-items:stretch!important;flex-wrap:wrap!important;grid-gap:30px!important;gap:30px!important}@media (max-width:768px){#aboutme .hero-profile-container{text-align:center!important}#aboutme .hero-actions,#aboutme .hero-profile-container{flex-direction:column!important;align-items:center!important;justify-content:center!important}#aboutme .btn-contact-hero,#aboutme .btn-download-hero{width:100%!important;max-width:280px!important;justify-content:center!important}}@media (max-width:480px){#aboutme .hero-expertise-tags{justify-content:center!important}#aboutme .competencies-grid,#aboutme .highlights-grid,#aboutme .values-grid{flex-direction:column!important;align-items:center!important}}/ * ===== REDESIGNED ABOUT ME SECTION(MATCHING OTHER PAGES) ===== / .about-hero{padding:120px 0 80px;text-align:center;position:relative;z-index:2}.floating-profile{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);pointer-events:none;z-index:1}.profile-bubble{position:absolute;display:flex;align-items:center;grid-gap:8px;gap:8px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);padding:12px 20px;border-radius:50px;color:#fff;font-size:14px;font-weight:500;animation:float 6s ease-in-out infinite}.profile-bubble:first-child{top:20%;left:10%;animation-delay:0s}.profile-bubble:nth-child(2){top:60%;right:15%;animation-delay:1.5s}.profile-bubble:nth-child(3){bottom:30%;left:15%;animation-delay:3s}.profile-bubble:nth-child(4){top:30%;right:10%;animation-delay:4.5s}.profile-introduction{background:transparent;border-radius:20px;text-align:center;padding:60px 40px;margin:-40px auto 60px;max-width:1200px;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative;z-index:3}.intro-content{text-align:center;margin-bottom:50px}.intro-title{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:16px}.intro-description{font-size:1.1rem;color:#718096;max-width:600px;margin:0 auto}.profile-card-modern{display:grid;grid-template-columns:300px 1fr;grid-gap:40px;gap:40px;align-items:start}.profile-image-section{display:flex;justify-content:center}.profile-image-container{position:relative;width:250px;height:250px;border-radius:50%;overflow:hidden}.profile-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.profile-image-container:hover .profile-image{transform:scale(1.05)}.profile-ring{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:3px solid transparent;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;animation:rotate 8s linear infinite}.profile-glow{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle,rgba(102,126,234,.2) 0,transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s ease}.profile-image-container:hover .profile-glow{opacity:1}.profile-info-section{display:flex;flex-direction:column;grid-gap:30px;gap:30px}.profile-header{text-align:left}.profile-name{font-size:2.2rem;font-weight:700;color:#2d3748;margin-bottom:8px;line-height:1.2}.profile-title{font-size:1.2rem;color:#667eea;font-weight:600;margin-bottom:12px}.profile-location{display:flex;align-items:center;grid-gap:8px;gap:8px;color:#718096;font-size:1rem}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.profile-stats-grid .stat-item{display:flex;align-items:center;grid-gap:12px;gap:12px;background:linear-gradient(135deg,#f8fafc,#edf2f7);padding:20px;border-radius:12px;border:2px solid #f7fafc;transition:all .3s ease}.profile-stats-grid .stat-item:hover{border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.profile-stats-grid .stat-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}.profile-stats-grid .stat-number{font-size:1.5rem;font-weight:700;color:#2d3748;line-height:1}.profile-stats-grid .stat-label{font-size:.9rem;color:#718096;margin-top:4px}.profile-description{color:#4a5568;line-height:1.7;font-size:1rem}.profile-description p{margin-bottom:16px}.profile-actions{display:flex;grid-gap:16px;gap:16px;flex-wrap:wrap}.btn-primary-modern,.btn-secondary-modern{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:12px 24px;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid transparent;font-size:.9rem}.btn-primary-modern{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary-modern:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.3);color:#fff;text-decoration:none}.btn-secondary-modern{background:transparent;color:#667eea;border-color:#667eea}.btn-secondary-modern:hover{background:#667eea;color:#fff;transform:translateY(-2px);text-decoration:none}@media (max-width:1024px){.profile-card-modern{grid-template-columns:1fr;grid-gap:30px;gap:30px;text-align:center}.profile-header{text-align:center}.profile-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.about-hero{padding:80px 0 60px}.profile-introduction{padding:40px 20px;margin:-20px auto 40px}.intro-title{font-size:2rem}.profile-image-container{width:200px;height:200px}.profile-name{font-size:1.8rem}.profile-stats-grid{grid-template-columns:1fr;grid-gap:16px;gap:16px}.profile-actions{flex-direction:column}.btn-primary-modern,.btn-secondary-modern{width:100%;justify-content:center}}@media (max-width:480px){.profile-image-container{width:180px;height:180px}.profile-name{font-size:1.6rem}.intro-title{font-size:1.8rem}}@media (max-width:768px){.philosophy-card{flex-direction:column;align-items:center;text-align:center;padding:24px;grid-gap:20px;gap:20px}.philosophy-text h3{font-size:1.3rem}.philosophy-text p{font-size:1rem}.principles-list{grid-template-columns:1fr;grid-gap:16px;gap:16px}.principle-item{padding:16px;grid-gap:12px;gap:12px}.principle-icon{width:44px;height:44px;font-size:18px}.principle-content h5{font-size:1rem}.principle-content p{font-size:.85rem}.core-principles{margin-top:24px}.principles-title{font-size:1.1rem;text-align:center}.stats-container{grid-gap:24px;gap:24px}.stat-circle{width:160px;height:160px}.circle-inner{width:130px;height:130px}.circle-inner .stat-number{font-size:2rem}.leadership-metrics .metric-item{padding:16px;grid-gap:12px;gap:12px}.leadership-metrics .metric-icon{width:44px;height:44px;font-size:18px}.leadership-metrics .metric-number{font-size:1.5rem}}@media (max-width:576px){.philosophy-card{padding:20px;margin-bottom:24px}.philosophy-icon{width:56px;height:56px;font-size:22px}.philosophy-text h3{font-size:1.2rem}.principles-list{grid-gap:12px;gap:12px}.principle-item{padding:14px}.stat-circle{width:140px;height:140px}.circle-inner{width:115px;height:115px}.circle-inner .stat-number{font-size:1.8rem}}#aboutme{background:transparent!important;text-align:center!important}#aboutme:before{display:none!important}#aboutme .about-hero{display:flex!important;align-items:center!important;justify-content:center!important;min-height:60vh!important}#aboutme .about-hero .hero-content{width:100%!important;max-width:800px!important;margin:0 auto!important}#aboutme .competencies-section,#aboutme .highlights-section,#aboutme .profile-introduction{background:transparent!important;text-align:center!important;box-shadow:none!important}#aboutme .profile-card-modern{margin:0 auto!important;text-align:center!important}#aboutme .profile-description,#aboutme .profile-info-section,#aboutme .section-header{text-align:center!important}#aboutme .competency-card,#aboutme .highlight-card,#aboutme .profile-card-modern{background:hsla(0,0%,100%,.1)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid hsla(0,0%,100%,.2)!important}#aboutme{min-height:100vh!important;padding:40px 0!important}#aboutme,#aboutme .container-fluid{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}#aboutme .container-fluid{width:100%!important;max-width:1200px!important;margin:0 auto!important}#aboutme .about-hero{width:100%!important;padding:60px 0 40px!important}#aboutme .competencies-section,#aboutme .highlights-section,#aboutme .profile-introduction{max-width:1200px!important;margin:40px auto!important}#aboutme .competencies-section,#aboutme .highlights-section,#aboutme .profile-card-modern,#aboutme .profile-introduction{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}#aboutme .profile-card-modern{max-width:900px!important}#aboutme .profile-image-section{margin-bottom:30px!important}#aboutme .profile-image-section,#aboutme .profile-info-section{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}#aboutme .profile-info-section{flex-direction:column!important}#aboutme .profile-description{max-width:600px!important;margin:20px auto!important}#aboutme .profile-actions{margin-top:30px!important}#aboutme .profile-actions,#aboutme .profile-stats-grid{display:flex!important;justify-content:center!important;align-items:center!important;grid-gap:20px!important;gap:20px!important;flex-wrap:wrap!important}#aboutme .profile-stats-grid{margin:20px 0!important}#aboutme .competencies-grid,#aboutme .highlights-grid{display:flex!important;justify-content:center!important;align-items:stretch!important;flex-wrap:wrap!important;grid-gap:30px!important;gap:30px!important;max-width:1000px!important;margin:0 auto!important}#aboutme .competency-card,#aboutme .highlight-card{flex:1 1 300px!important;max-width:400px!important;margin:0!important}#aboutme .intro-content{margin-bottom:40px!important}#aboutme .container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}@media (max-width:768px){#aboutme{padding:20px 0!important;min-height:auto!important}#aboutme .about-hero{padding:40px 0 20px!important}#aboutme .competencies-section,#aboutme .highlights-section,#aboutme .profile-introduction{margin:20px auto!important;padding:20px!important}#aboutme .competencies-grid,#aboutme .highlights-grid{flex-direction:column!important;align-items:center!important}#aboutme .competency-card,#aboutme .highlight-card{flex:none!important;width:100%!important;max-width:350px!important}#aboutme .profile-actions{flex-direction:column!important;width:100%!important}#aboutme .profile-stats-grid{grid-gap:15px!important;gap:15px!important}#aboutme .profile-card-modern,#aboutme .profile-stats-grid{flex-direction:column!important}}.modern-footer{background:#fff;position:relative;overflow:hidden;margin-top:0;border-top:none}.modern-footer:before{display:none}.footer-container{max-width:1200px;margin:0 auto;padding:80px 40px 40px;position:relative;z-index:2}.footer-contact{text-align:center;margin-bottom:60px;opacity:0;transform:translateY(30px);transition:all .6s ease}.footer-contact.animate{opacity:1;transform:translateY(0)}.contact-badge{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:12px 20px;border-radius:25px;font-size:.9rem;font-weight:500;margin-bottom:24px;border:1px solid hsla(0,0%,100%,.2)}.contact-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:20px;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-description{font-size:1.2rem;color:hsla(0,0%,100%,.9);max-width:600px;margin:0 auto 40px;line-height:1.6}.contact-methods{display:flex;flex-direction:column;align-items:center;grid-gap:30px;gap:30px}.contact-email{display:flex;align-items:center;grid-gap:20px;gap:20px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:24px 32px;border-radius:16px;border:2px solid hsla(0,0%,100%,.2);text-decoration:none;color:#fff;transition:all .3s ease;max-width:500px;width:100%}.contact-email:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px);color:#fff;text-decoration:none}.email-icon{width:50px;height:50px;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.email-content{display:flex;flex-direction:column;align-items:flex-start}.email-label{font-size:.9rem;opacity:.8;margin-bottom:4px}.email-address{font-size:1.1rem;font-weight:600}.social-links{grid-gap:16px;gap:16px;flex-wrap:wrap}.social-link,.social-links{display:flex;justify-content:center}.social-link{position:relative;width:50px;height:50px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2);border-radius:12px;align-items:center;font-size:20px;color:#fff;text-decoration:none;transition:all .3s ease;opacity:0;animation:fadeInUp .6s ease forwards}.social-link:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.4);transform:translateY(-4px);color:#fff}.social-tooltip{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:6px;font-size:.8rem;opacity:0;pointer-events:none;transition:opacity .3s ease;white-space:nowrap}.social-link:hover .social-tooltip{opacity:1}.footer-bottom{opacity:0;transform:translateY(20px);transition:all .6s ease .3s}.footer-bottom.animate{opacity:1;transform:translateY(0)}.footer-divider{height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);margin-bottom:40px}.footer-info{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;grid-gap:30px;gap:30px}.footer-left{grid-gap:12px;gap:12px}.footer-brand,.footer-left{display:flex;flex-direction:column}.footer-brand{grid-gap:4px;gap:4px}.brand-name{font-size:1.5rem;font-weight:700;color:#fff}.brand-title,.footer-location{font-size:.9rem;color:hsla(0,0%,100%,.8)}.footer-location{display:flex;align-items:center;grid-gap:8px;gap:8px}.footer-right{grid-gap:12px;gap:12px}.footer-right,.footer-tech{display:flex;flex-direction:column;align-items:flex-end}.footer-tech{grid-gap:8px;gap:8px}.tech-label{font-size:.9rem;color:hsla(0,0%,100%,.8)}.tech-stack{grid-gap:16px;gap:16px}.tech-item,.tech-stack{display:flex;align-items:center}.tech-item{grid-gap:6px;gap:6px;color:#fff;font-size:.9rem;font-weight:500}.tech-item i{font-size:16px}.tech-item:first-child i{color:#e74c3c}.tech-item:nth-child(2) i{color:#61dafb}.tech-item:nth-child(3) i{color:#f093fb}.footer-copyright{font-size:.8rem;color:hsla(0,0%,100%,.7)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.footer-container{padding:60px 20px 30px}.contact-title{font-size:2.2rem}.contact-description{font-size:1rem}.contact-email{flex-direction:column;text-align:center;grid-gap:16px;gap:16px;padding:20px}.email-content,.footer-info{align-items:center}.footer-info{flex-direction:column;text-align:center;grid-gap:20px;gap:20px}.footer-right,.footer-tech{align-items:center}.tech-stack{flex-wrap:wrap;justify-content:center}}@media (max-width:576px){.contact-title{font-size:1.8rem}.social-links{grid-gap:12px;gap:12px}.social-link{width:45px;height:45px;font-size:18px}.tech-stack{flex-direction:column;grid-gap:8px;gap:8px}}/ * ===== COMPACT FOOTER OVERRIDE ===== / .modern-footer{background:#fff!important;border-top:none!important;position:relative!important;margin-top:0!important;overflow:visible!important;padding-top:0!important}.modern-footer:before{display:none!important}.footer-container{padding:60px 40px 40px!important}.footer-contact{text-align:center!important;margin-bottom:30px!important;opacity:0!important;transform:translateY(20px)!important;transition:all .6s ease!important}.footer-contact.animate{opacity:1!important;transform:translateY(0)!important}.contact-title{font-size:1.8rem!important;font-weight:600!important;color:#2d3748!important;margin-bottom:12px!important;line-height:1.3!important}.contact-description{font-size:1rem!important;color:#718096!important;max-width:500px!important;margin:0 auto 24px!important;line-height:1.5!important}.contact-methods{flex-direction:column!important;grid-gap:20px!important;gap:20px!important}.contact-email,.contact-methods{display:flex!important;align-items:center!important}.contact-email{grid-gap:16px!important;gap:16px!important;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:16px 24px!important;border-radius:12px!important;border:2px solid #f1f5f9!important;transition:all .3s ease!important;max-width:400px!important;width:100%!important;box-shadow:0 2px 8px rgba(0,0,0,.05)!important}.contact-email,.contact-email:hover{text-decoration:none!important;color:#2d3748!important}.contact-email:hover{background:#f8fafc!important;border-color:#667eea!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px rgba(102,126,234,.1)!important}.email-icon{width:40px!important;height:40px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;flex-shrink:0!important;color:#fff!important}.email-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important}.email-label{font-size:.8rem!important;color:#718096!important;margin-bottom:2px!important}.email-address{font-size:1rem!important;font-weight:600!important;color:#2d3748!important}.social-links{grid-gap:12px!important;gap:12px!important;flex-wrap:wrap!important}.social-link,.social-links{display:flex!important;justify-content:center!important}.social-link{position:relative!important;width:44px!important;height:44px!important;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:2px solid #f1f5f9!important;border-radius:10px!important;align-items:center!important;font-size:18px!important;color:#4a5568!important;text-decoration:none!important;transition:all .3s ease!important;opacity:0!important;animation:fadeInUp .6s ease forwards!important;box-shadow:0 2px 4px rgba(0,0,0,.05)!important}.social-link:hover{background:#667eea!important;border-color:#667eea!important;transform:translateY(-3px)!important;color:#fff!important;box-shadow:0 4px 12px rgba(102,126,234,.3)!important}.social-tooltip{position:absolute!important;bottom:-30px!important;left:50%!important;transform:translateX(-50%)!important;background:#2d3748!important;color:#fff!important;padding:4px 8px!important;border-radius:6px!important;font-size:.7rem!important;opacity:0!important;pointer-events:none!important;transition:opacity .3s ease!important;white-space:nowrap!important}.social-link:hover .social-tooltip{opacity:1!important}.footer-bottom{transform:translateY(15px)!important}.footer-divider{height:1px!important;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)!important;margin-bottom:24px!important}.footer-info{grid-gap:20px!important;gap:20px!important}.footer-left{grid-gap:8px!important;gap:8px!important}.footer-brand,.footer-left{flex-direction:column!important}.footer-brand{grid-gap:2px!important;gap:2px!important}.brand-name{font-size:1.2rem!important}.brand-title,.footer-location{font-size:.8rem!important}.footer-location{grid-gap:6px!important;gap:6px!important}.footer-right{flex-direction:column!important;align-items:flex-end!important;grid-gap:8px!important;gap:8px!important}.footer-tech{grid-gap:12px!important;gap:12px!important}.tech-label{font-size:.8rem!important}.tech-stack{grid-gap:12px!important;gap:12px!important}.tech-item{grid-gap:4px!important;gap:4px!important;font-size:.8rem!important}.tech-item i{font-size:14px!important}.tech-item:first-child i{color:#e53e3e!important}.tech-item:nth-child(2) i{color:#3182ce!important}.tech-item:nth-child(3) i{color:#667eea!important}@media (max-width:768px){.footer-container{padding:30px 20px 20px!important}.contact-title{font-size:1.5rem!important}.contact-description{font-size:.9rem!important}.contact-email{padding:14px 20px!important;grid-gap:12px!important;gap:12px!important}.email-icon{width:36px!important;height:36px!important;font-size:14px!important}.footer-info{flex-direction:column!important;text-align:center!important;grid-gap:16px!important;gap:16px!important}.footer-info,.footer-right{align-items:center!important}.footer-tech{flex-direction:column!important}.footer-tech,.tech-stack{grid-gap:8px!important;gap:8px!important}}@media (max-width:576px){.contact-title{font-size:1.3rem!important}.social-links{grid-gap:8px!important;gap:8px!important}.social-link{width:40px!important;height:40px!important;font-size:16px!important}.tech-stack{flex-wrap:wrap!important;justify-content:center!important}}/ * ===== CORE COMPETENCIES SECTION STYLES ===== / .competencies-section{padding:60px 0;background:transparent}.competencies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}.competency-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:32px;transition:all .3s ease;opacity:0;transform:translateY(30px);box-shadow:0 4px 16px rgba(0,0,0,.05);position:relative;overflow:hidden}.competency-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0}.competency-card.animate{opacity:1;transform:translateY(0)}.competency-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px rgba(0,0,0,.1);border-color:hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.15)}.competency-icon{width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;margin-bottom:24px;box-shadow:0 4px 16px rgba(102,126,234,.3)}.competency-content{flex:1 1}.competency-title{font-size:1.4rem;font-weight:600;color:#2d3748;margin-bottom:16px;line-height:1.3}.competency-description{color:#718096;line-height:1.6;margin-bottom:20px;font-size:.95rem}.competency-skills{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.skill-tag{background:rgba(102,126,234,.1);color:#667eea;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid rgba(102,126,234,.2);transition:all .3s ease}.skill-tag:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.highlights-section{padding:60px 0;background:transparent}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:24px;gap:24px;max-width:1000px;margin:0 auto;padding:0 20px}.highlight-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease;opacity:0;transform:translateY(20px);box-shadow:0 4px 16px rgba(0,0,0,.05)}.highlight-card.animate{opacity:1;transform:translateY(0)}.highlight-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.15)}.highlight-icon{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;margin:0 auto 16px;box-shadow:0 4px 12px rgba(102,126,234,.3)}.highlight-content{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.highlight-number{font-size:2rem;font-weight:700;color:#2d3748;line-height:1}.highlight-label{font-size:1rem;font-weight:600;color:#4a5568}.highlight-description{font-size:.85rem;color:#718096;line-height:1.4}.section-header{text-align:center;margin-bottom:48px}.section-title{font-size:2.2rem;font-weight:700;color:#2d3748;margin-bottom:12px;line-height:1.2}.section-description{font-size:1.1rem;color:#718096;max-width:600px;margin:0 auto;line-height:1.5}@media (max-width:768px){.competencies-section,.highlights-section{padding:40px 0}.competencies-grid{grid-template-columns:1fr;grid-gap:24px;gap:24px;padding:0 16px}.highlights-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;padding:0 16px}.competency-card{padding:24px}.competency-icon{width:56px;height:56px;font-size:24px;margin-bottom:20px}.competency-title{font-size:1.2rem}.competency-description{font-size:.9rem}.section-title{font-size:1.8rem}.section-description{font-size:1rem}.highlight-number{font-size:1.6rem}}@media (max-width:576px){.competencies-grid,.highlights-grid{padding:0 12px}.competency-card,.highlight-card{padding:20px}.competency-icon,.highlight-icon{width:48px;height:48px;font-size:20px}.section-title{font-size:1.6rem}.skill-tag{font-size:.75rem;padding:4px 10px}}/ * ===== REMOVE CURVED GRADIENT BACKGROUNDS ===== / :before,:after{background:none!important}.App:after,.App:before,.curved-bottom,.decorative-curve,.gradient-curve,.wave-bottom,[class*=curve],[class*=decoration],[class*=wave],body:after,body:before,html:after,html:before{display:none!important}.main-content,.portfolio-section,.section,main{background:#fff!important;position:relative!important}.main-content:after,.main-content:before,.portfolio-section:after,.portfolio-section:before,.section:after,.section:before,main:after,main:before,svg[class*=curve],svg[class*=decoration],svg[class*=wave]{display:none!important}body,html{background:#fff!important;background-image:none!important}.background-overlay,.gradient-overlay,[class*=overlay]{display:none!important}#aboutme,#experience,#interests,#projects,#responsibilities,#skills,.leadership-page,.portfolio-page,.projects-page,.skills-page,.tech-stack-page,/ * ===== FORCE REMOVE ALL CURVED GRADIENTS 0% SPECIFIC PAGES ===== / #leadership{background:#fff!important;background-image:none!important;background-color:#fff!important}#aboutme:after,#aboutme:before,#experience:after,#experience:before,#interests:after,#interests:before,#leadership:after,#leadership:before,#projects:after,#projects:before,#responsibilities:after,#responsibilities:before,#skills:after,#skills:before,.leadership-page:after,.leadership-page:before,.portfolio-page:after,.portfolio-page:before,.projects-page:after,.projects-page:before,.skills-page:after,.skills-page:before,.tech-stack-page:after,.tech-stack-page:before{display:none!important;content:none!important;background:none!important}.col,.container,.container-fluid,.row,[class*=col-]{background:transparent!important;background-image:none!important}[class*=gradient],[style*=gradient],[style*=linear-gradient],[style*=radial-gradient]{background:#fff!important;background-image:none!important}.absolute,.fixed,[style*="position: absolute"],[style*="position: fixed"]{background:none!important}.bg-curve,.bg-shape,.bg-wave,.bottom-curve,.bottom-wave,.curve,.decoration,.section-curve,.section-wave,.shape,.wave{display:none!important;visibility:hidden!important;opacity:0!important}@keyframes *{background:none!important}.content-wrapper,.main-wrapper,.page-wrapper,.section-wrapper{background:#fff!important;background-image:none!important}[style*="bottom:0"],[style*="bottom: 0"]{display:none!important}*{background-attachment:scroll!important}article,aside,div,footer,header,main,nav,section{background-image:none!important}[class*=transform],[style*=transform]{background:none!important}.modern-footer{background:#fff!important;border-top:none!important;position:relative!important;margin-top:0!important;overflow:visible!important;padding-top:0!important}.modern-footer:before{content:""!important;position:absolute!important;top:-30px!important;left:0!important;right:0!important;height:30px!important;background:linear-gradient(135deg,#f8f9fa,#e9ecef 50%,#f1f3f4)!important;-webkit-clip-path:polygon(0 100%,100% 100%,100% 0,50% 30px,0 0)!important;clip-path:polygon(0 100%,100% 100%,100% 0,50% 30px,0 0)!important;display:block!important}.footer-container{max-width:1200px!important;margin:0 auto!important;padding:20px 40px 15px!important;position:relative!important;z-index:1!important}.footer-contact-compact{text-align:center!important;margin-bottom:15px!important;opacity:0!important;transform:translateY(10px)!important;transition:all .6s ease!important}.footer-contact-compact.animate{opacity:1!important;transform:translateY(0)!important}.contact-info{justify-content:center!important;grid-gap:30px!important;gap:30px!important;flex-wrap:wrap!important}.contact-info,.email-link{display:flex!important;align-items:center!important}.email-link{grid-gap:8px!important;gap:8px!important;color:#4a5568!important;font-size:.9rem!important;transition:all .3s ease!important}.email-link,.email-link:hover{text-decoration:none!important}.email-link:hover,.email-link i{color:#667eea!important}.email-link i{font-size:16px!important}.social-links-compact{grid-gap:12px!important;gap:12px!important}.social-link-compact,.social-links-compact{display:flex!important;align-items:center!important}.social-link-compact{width:32px!important;height:32px!important;background:#f7fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;justify-content:center!important;font-size:14px!important;color:#4a5568!important;text-decoration:none!important;transition:all .3s ease!important}.social-link-compact:hover{background:#667eea!important;border-color:#667eea!important;color:#fff!important;transform:translateY(-2px)!important}.footer-bottom{opacity:0!important;transform:translateY(10px)!important;transition:all .6s ease .2s!important;padding-top:15px!important;border-top:1px solid #f1f5f9!important}.footer-bottom.animate{opacity:1!important;transform:translateY(0)!important}.footer-divider{display:none!important}.footer-info{justify-content:space-between!important;flex-wrap:wrap!important;font-size:.8rem!important}.footer-info,.footer-left{grid-gap:15px!important;gap:15px!important}.footer-brand,.footer-info,.footer-left{display:flex!important;align-items:center!important}.footer-brand{grid-gap:8px!important;gap:8px!important}.brand-name{font-size:1rem!important;font-weight:600!important;color:#2d3748!important}.brand-title,.footer-location{font-size:.75rem!important;color:#718096!important}.footer-location{grid-gap:4px!important;gap:4px!important}.footer-location,.footer-right{display:flex!important;align-items:center!important}.footer-right{grid-gap:15px!important;gap:15px!important}.footer-tech{display:flex!important;align-items:center!important;grid-gap:8px!important;gap:8px!important}.tech-label{font-size:.75rem!important;color:#718096!important}.tech-stack{grid-gap:8px!important;gap:8px!important}.tech-item,.tech-stack{display:flex!important;align-items:center!important}.tech-item{grid-gap:3px!important;gap:3px!important;color:#4a5568!important;font-size:.75rem!important;font-weight:500!important}.tech-item i{font-size:12px!important}.footer-copyright{font-size:.7rem!important;color:#a0aec0!important}@media (max-width:768px){.footer-container{padding:15px 20px 10px!important}.contact-info{grid-gap:15px!important;gap:15px!important}.contact-info,.footer-info{flex-direction:column!important}.footer-info{text-align:center!important;grid-gap:10px!important;gap:10px!important}.footer-left,.footer-right{flex-direction:column!important;grid-gap:8px!important;gap:8px!important}.footer-tech{flex-direction:column!important;grid-gap:5px!important;gap:5px!important}}@media (max-width:576px){.social-links-compact{grid-gap:8px!important;gap:8px!important}.social-link-compact{width:28px!important;height:28px!important;font-size:12px!important}.tech-stack{flex-wrap:wrap!important;justify-content:center!important;grid-gap:5px!important;gap:5px!important}}.page-container{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1 1;padding-bottom:60px}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0 60px;text-align:center;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.08) 0,transparent 50%);pointer-events:none}.page-header .container{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:0 20px}.page-title{font-size:3rem;font-weight:700;margin-bottom:16px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.page-subtitle{font-size:1.2rem;opacity:.9;line-height:1.6;margin:0;font-weight:400}.section-content{padding:60px 0 0;background:#fff}@media (max-width:768px){.page-header{padding:60px 0 40px}.page-title{font-size:2.2rem}.page-subtitle{font-size:1rem}.page-header .container{padding:0 16px}.section-content{padding:40px 0 0}}@media (max-width:576px){.page-header{padding:50px 0 30px}.page-title{font-size:1.8rem;margin-bottom:12px}.page-subtitle{font-size:.9rem}.section-content{padding:30px 0 0}}.home-page .page-header{display:none}.home-page .section-content{padding:0}.page-content>.page-header+.section-content{margin-top:0}.page-header{animation:fadeInDown .8s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}#aboutme,#experience,#interests,#leadership,#projects,#responsibilities,#skills{background:#fff!important;min-height:60vh!important;padding:60px 0!important;position:relative!important;z-index:1!important}#skills{background:#fff!important}#skills .skills-content,#skills .skills-hero,#skills .skills-navigation{background:transparent!important;color:#2d3748!important}#skills .content-title,#skills .hero-title,#skills .section-title{color:#2d3748!important;font-size:2.5rem!important;font-weight:700!important;margin-bottom:20px!important;text-align:center!important}#skills .content-subtitle,#skills .hero-description,#skills .section-description{color:#718096!important;font-size:1.1rem!important;line-height:1.6!important;text-align:center!important;max-width:600px!important;margin:0 auto 40px!important}#experience{background:#fff!important}#experience .experience-content,#experience .experience-hero{background:transparent!important;color:#2d3748!important}#experience .hero-title,#experience .section-title{color:#2d3748!important;font-size:2.5rem!important;font-weight:700!important;margin-bottom:20px!important;text-align:center!important}#leadership{background:#fff!important}#leadership .leadership-content,#leadership .leadership-hero{background:transparent!important;color:#2d3748!important}#leadership .content-title,#leadership .hero-title{color:#2d3748!important;font-size:2.5rem!important;font-weight:700!important;margin-bottom:20px!important;text-align:center!important}#projects{background:#fff!important}#projects .projects-content,#projects .projects-hero{background:transparent!important;color:#2d3748!important}#responsibilities{background:#fff!important}#responsibilities .responsibilities-content,#responsibilities .responsibilities-hero{background:transparent!important;color:#2d3748!important}#interests{background:#fff!important}#interests .interests-content,#interests .interests-hero{background:transparent!important;color:#2d3748!important}#aboutme{background:#fff!important}#aboutme .about-content,#aboutme .about-hero{background:transparent!important;color:#2d3748!important}.about-hero,.experience-hero,.interests-hero,.leadership-hero,.projects-hero,.responsibilities-hero,.skills-hero{padding:60px 0 40px!important;text-align:center!important;background:transparent!important}.hero-badge{display:inline-flex!important;align-items:center!important;grid-gap:8px!important;gap:8px!important;background:rgba(102,126,234,.1)!important;color:#667eea!important;padding:8px 16px!important;border-radius:20px!important;font-size:.9rem!important;font-weight:500!important}.hero-badge,.hero-title{margin-bottom:20px!important}.hero-title{font-size:3rem!important;font-weight:700!important;color:#2d3748!important;line-height:1.2!important}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.hero-description{font-size:1.2rem!important;color:#718096!important;line-height:1.6!important;max-width:600px!important;margin:0 auto!important}.experience-content,.interests-content,.leadership-content,.projects-content,.responsibilities-content,.skills-content{padding:40px 0!important;background:#fff!important}.experience-navigation,.leadership-navigation,.skills-navigation{background:#fff!important;padding:20px 0!important;margin-bottom:40px!important}.container,.container-fluid{position:relative!important;z-index:2!important}.section-content>*{opacity:1!important;visibility:visible!important;display:block!important}@media (max-width:768px){#aboutme,#experience,#interests,#leadership,#projects,#responsibilities,#skills{padding:40px 0!important}.hero-title{font-size:2.2rem!important}.hero-description{font-size:1rem!important}.about-hero,.experience-hero,.interests-hero,.leadership-hero,.projects-hero,.responsibilities-hero,.skills-hero{padding:40px 0 30px!important}}@media (max-width:576px){.hero-title{font-size:1.8rem!important}.hero-description{font-size:.9rem!important}}.portfolio-section{display:block!important;opacity:1!important;background:#fff!important;min-height:auto!important}.portfolio-section,.portfolio-section *{visibility:visible!important}#skills .skills-hero{padding:80px 0 60px!important}#skills .skills-hero,#skills .skills-navigation{display:block!important;visibility:visible!important;opacity:1!important;background:#fff!important}#skills .skills-navigation{padding:40px 0!important}#skills .skills-content{background:#fff!important;padding:40px 0!important}#skills .content-header,#skills .hero-content,#skills .nav-wrapper,#skills .skills-content{display:block!important;visibility:visible!important;opacity:1!important}#aboutme .about-hero,#aboutme .competencies-section,#aboutme .highlights-section,#aboutme .profile-introduction,#experience .experience-content,#experience .experience-hero,#experience .experience-navigation,#interests .interests-content,#interests .interests-hero,#leadership .leadership-content,#leadership .leadership-hero,#leadership .leadership-navigation,#projects .projects-content,#projects .projects-hero,#responsibilities .responsibilities-content,#responsibilities .responsibilities-hero{display:block!important;visibility:visible!important;opacity:1!important;background:#fff!important;padding:40px 0!important}.nav-tab,.nav-wrapper{display:flex!important;visibility:visible!important;opacity:1!important}.content-header,.section-header{text-align:center!important;margin-bottom:40px!important}.content-header,.content-title,.section-header,.section-title{display:block!important;visibility:visible!important;opacity:1!important}.content-title,.section-title{color:#2d3748!important;font-size:2.5rem!important;font-weight:700!important;margin-bottom:16px!important}.content-subtitle,.section-description{display:block!important;visibility:visible!important;opacity:1!important;color:#718096!important;font-size:1.1rem!important;line-height:1.6!important}.competencies-grid,.experience-grid,.highlights-grid,.interests-grid,.leadership-grid,.projects-grid,.responsibilities-grid,.skills-grid{display:grid!important;visibility:visible!important;opacity:1!important}.competency-card,.experience-card,.highlight-card,.interest-card,.leadership-card,.project-card,.responsibility-card,.skill-card{display:block!important;visibility:visible!important;opacity:1!important;background:#fff!important}.portfolio-section [style*=transform]{transform:none!important}.container,.container-fluid{display:block!important;visibility:visible!important;opacity:1!important}.animate,.animated,[class*=animate]{opacity:1!important;transform:none!important;visibility:visible!important}.skills-navigation{background:#fff!important;margin-bottom:40px!important}.nav-wrapper{align-items:stretch!important;grid-gap:20px!important;gap:20px!important;flex-wrap:nowrap!important;max-width:1000px!important;margin:0 auto!important;padding:0 20px!important}.nav-tab,.nav-wrapper{display:flex!important;justify-content:center!important}.nav-tab{flex-direction:column!important;align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:16px!important;padding:24px 20px!important;width:280px!important;height:140px!important;cursor:pointer!important;transition:all .3s ease!important;position:relative!important;text-align:center!important;box-shadow:0 2px 8px rgba(0,0,0,.05)!important;flex:0 0 280px!important}.nav-tab:hover{box-shadow:0 8px 24px rgba(102,126,234,.15)!important;background:#f8fafc!important}.nav-tab.active,.nav-tab:hover{border-color:#667eea!important;transform:translateY(-4px)!important}.nav-tab.active{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;box-shadow:0 8px 24px rgba(102,126,234,.3)!important}.tab-icon{width:48px!important;height:48px!important;background:rgba(102,126,234,.1)!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;color:#667eea!important;margin-bottom:12px!important;transition:all .3s ease!important}.nav-tab.active .tab-icon{background:hsla(0,0%,100%,.2)!important;color:#fff!important}.tab-content{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;flex:1 1!important}.tab-title{font-size:1.1rem!important;font-weight:600!important;color:#2d3748!important;margin-bottom:4px!important;line-height:1.3!important}.nav-tab.active .tab-title{color:#fff!important}.tab-subtitle{font-size:.85rem!important;color:#718096!important;line-height:1.4!important;opacity:.8!important}.nav-tab.active .tab-subtitle{color:hsla(0,0%,100%,.9)!important}.tab-indicator{position:absolute!important;bottom:0!important;left:50%!important;transform:translateX(-50%)!important;width:0!important;height:3px!important;background:#667eea!important;border-radius:2px!important;transition:width .3s ease!important}.nav-tab.active .tab-indicator{width:60px!important;background:#fff!important}@media (max-width:768px){.nav-wrapper{flex-direction:column!important;grid-gap:16px!important;gap:16px!important;padding:0 16px!important}.nav-tab{min-width:100%!important;max-width:100%!important;min-height:100px!important;padding:20px 16px!important;flex-direction:row!important;text-align:left!important}.tab-icon{width:40px!important;height:40px!important;font-size:18px!important;margin-bottom:0!important;margin-right:16px!important;flex-shrink:0!important}.tab-content{align-items:flex-start!important;text-align:left!important}.tab-title{font-size:1rem!important}.tab-subtitle{font-size:.8rem!important}.tab-indicator{left:0!important;transform:none!important;top:0!important;bottom:auto!important}.nav-tab.active .tab-indicator,.tab-indicator{width:4px!important;height:100%!important}}@media (max-width:576px){.skills-navigation{padding:30px 0!important}.nav-tab{min-height:80px!important;padding:16px 12px!important}.tab-icon{width:36px!important;height:36px!important;font-size:16px!important;margin-right:12px!important}.tab-title{font-size:.9rem!important}.tab-subtitle{font-size:.75rem!important}}@media (min-width:769px){.nav-wrapper{align-items:stretch!important}.nav-tab,.nav-wrapper{display:flex!important}.nav-tab{flex:1 1!important;min-height:140px!important}}/ * ===== FORCE STRAIGHT LINE ALIGNMENT FOR SKILLS TABS ===== / .skills-navigation .nav-wrapper{display:flex!important;justify-content:center!important;align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;grid-gap:24px!important;gap:24px!important;width:100%!important;max-width:900px!important;margin:0 auto!important}.skills-navigation .nav-tab{vertical-align:top!important;align-self:center!important}@media (max-width:900px){.skills-navigation .nav-wrapper{grid-gap:16px!important;gap:16px!important}.skills-navigation .nav-tab,.skills-navigation .nav-tab:first-child,.skills-navigation .nav-tab:nth-child(2),.skills-navigation .nav-tab:nth-child(3){flex:0 0 240px!important;width:240px!important;height:120px!important}}@media (max-width:768px){.skills-navigation .nav-wrapper{flex-direction:column!important;grid-gap:16px!important;gap:16px!important;align-items:center!important}.skills-navigation .nav-tab{flex:0 0 auto!important;width:100%!important;max-width:350px!important;height:100px!important;flex-direction:row!important;text-align:left!important;padding:20px!important}.skills-navigation .nav-tab:first-child,.skills-navigation .nav-tab:nth-child(2),.skills-navigation .nav-tab:nth-child(3){width:100%!important;max-width:350px!important;height:100px!important;flex:0 0 auto!important}}.skills-navigation{width:100%!important;padding:40px 0!important}.skills-navigation,.skills-navigation .nav-wrapper{display:flex!important;justify-content:center!important;align-items:center!important}.skills-navigation .nav-wrapper{flex-direction:row!important;grid-gap:24px!important;gap:24px!important;margin:0 auto!important;padding:0!important}.skills-navigation .nav-tab{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:280px!important;height:140px!important;flex:0 0 280px!important;margin:0!important;padding:24px 20px!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:16px!important;cursor:pointer!important;transition:all .3s ease!important;position:relative!important;text-align:center!important;box-shadow:0 2px 8px rgba(0,0,0,.05)!important;vertical-align:initial!important;align-self:stretch!important}.skills-navigation .nav-tab:first-child,.skills-navigation .nav-tab:nth-child(2),.skills-navigation .nav-tab:nth-child(3){width:280px!important;height:140px!important;flex:0 0 280px!important;align-self:center!important;vertical-align:middle!important}@media (max-width:900px){.skills-navigation .nav-tab,.skills-navigation .nav-tab:first-child,.skills-navigation .nav-tab:nth-child(2),.skills-navigation .nav-tab:nth-child(3){width:240px!important;height:120px!important;flex:0 0 240px!important}}@media (max-width:768px){.skills-navigation .nav-wrapper{flex-direction:column!important;grid-gap:16px!important;gap:16px!important}.skills-navigation .nav-tab{width:100%!important;max-width:350px!important;height:100px!important;flex-direction:row!important;text-align:left!important;justify-content:flex-start!important}}/ * ===== FORCE HORIZONTAL TAB ALIGNMENT WITH HIGHEST SPECIFICITY ===== / #skills .skills-navigation{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:60px 40px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;position:relative!important;overflow:hidden!important}#skills .skills-navigation:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.08) 0,transparent 50%)!important;pointer-events:none!important}#skills .skills-navigation .nav-wrapper{justify-content:space-evenly!important;flex-wrap:nowrap!important;grid-gap:0!important;gap:0!important;margin:0 auto!important;padding:30px 25px!important;background:hsla(0,0%,100%,.08)!important;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;border-radius:24px!important;border:1px solid hsla(0,0%,100%,.15)!important;position:relative!important;z-index:2!important;box-shadow:0 20px 60px rgba(0,0,0,.1)!important}#skills .skills-navigation .nav-wrapper .nav-tab{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:260px!important;height:130px!important;min-width:260px!important;min-height:130px!important;max-width:260px!important;max-height:130px!important;flex:1 1 260px!important;flex-shrink:0!important;flex-grow:0!important;margin:0 8px!important;padding:20px 16px!important;background:hsla(0,0%,100%,.15)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid hsla(0,0%,100%,.25)!important;border-radius:20px!important;cursor:pointer!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;position:relative!important;text-align:center!important;box-shadow:0 8px 32px rgba(0,0,0,.08)!important;vertical-align:middle!important;align-self:center!important;box-sizing:border-box!important;overflow:hidden!important}#skills .skills-navigation .nav-wrapper button:first-child,#skills .skills-navigation .nav-wrapper button:nth-child(2),#skills .skills-navigation .nav-wrapper button:nth-child(3){width:260px!important;height:140px!important;min-width:260px!important;min-height:140px!important;max-width:260px!important;max-height:140px!important;flex:1 1 260px!important;margin:0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important}#skills .skills-navigation .nav-tab .tab-icon{width:52px!important;height:52px!important;background:hsla(0,0%,100%,.9)!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;color:#667eea!important;margin-bottom:12px!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid hsla(0,0%,100%,.3)!important}#skills .skills-navigation .nav-tab .tab-content{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;flex:1 1!important}#skills .skills-navigation .nav-tab .tab-title{font-size:1.05rem!important;font-weight:600!important;color:#fff!important;margin-bottom:4px!important;line-height:1.3!important;transition:all .3s ease!important;text-shadow:0 1px 3px rgba(0,0,0,.3)!important}#skills .skills-navigation .nav-tab .tab-subtitle{font-size:.8rem!important;color:hsla(0,0%,100%,.9)!important;line-height:1.4!important;opacity:1!important;transition:all .3s ease!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}#skills .skills-navigation .nav-tab.active{background:linear-gradient(135deg,#667eea,#764ba2)!important;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;border-color:hsla(0,0%,100%,.4)!important;color:#fff!important;transform:translateY(-8px) scale(1.02)!important;box-shadow:0 20px 60px rgba(102,126,234,.4)!important}#skills .skills-navigation .nav-tab.active .tab-icon{background:hsla(0,0%,100%,.25)!important;color:#fff!important;transform:scale(1.1)!important;box-shadow:0 4px 16px hsla(0,0%,100%,.2)!important}#skills .skills-navigation .nav-tab.active .tab-title{color:#fff!important;font-weight:700!important}#skills .skills-navigation .nav-tab.active .tab-subtitle{color:hsla(0,0%,100%,.9)!important}#skills .skills-navigation .nav-tab:hover:not(.active){border-color:hsla(0,0%,100%,.4)!important;transform:translateY(-4px) scale(1.01)!important;box-shadow:0 12px 40px rgba(0,0,0,.12)!important;background:hsla(0,0%,100%,.2)!important}@media (max-width:900px){#skills .skills-navigation .nav-wrapper .nav-tab{min-width:240px!important;min-height:120px!important;max-width:240px!important;max-height:120px!important}#skills .skills-navigation .nav-wrapper .nav-tab,#skills .skills-navigation .nav-wrapper button:first-child,#skills .skills-navigation .nav-wrapper button:nth-child(2),#skills .skills-navigation .nav-wrapper button:nth-child(3){width:240px!important;height:120px!important;flex:0 0 240px!important}}@media (max-width:768px){#skills .skills-navigation .nav-wrapper{flex-direction:column!important;grid-gap:16px!important;gap:16px!important}#skills .skills-navigation .nav-wrapper .nav-tab{width:100%!important;max-width:350px!important;height:100px!important;flex-direction:row!important;text-align:left!important;justify-content:flex-start!important}}#skills .skills-navigation .nav-wrapper{display:flex!important;justify-content:center!important;align-items:center!important;flex-direction:row!important;min-height:220px!important}#skills .skills-navigation .nav-wrapper button{flex:1 1!important;max-width:260px!important;margin:0 12px!important}#skills .skills-navigation .nav-wrapper button:first-child{margin-left:0!important}#skills .skills-navigation .nav-wrapper button:last-child{margin-right:0!important}#skills .skills-navigation .nav-wrapper button:first-child,#skills .skills-navigation .nav-wrapper button:nth-child(2),#skills .skills-navigation .nav-wrapper button:nth-child(3){align-self:center!important;vertical-align:middle!important;top:0!important;position:relative!important}#skills .skills-navigation{min-width:100%!important;width:100%!important}#skills .skills-navigation .nav-wrapper{min-width:900px!important;width:100%!important;max-width:1000px!important}/ * ===== SLEEK TAB ANIMATIONS AND EFFECTS ===== / #skills .skills-navigation .nav-tab.active:before{content:""!important;position:absolute!important;top:-2px!important;left:-2px!important;right:-2px!important;bottom:-2px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:22px!important;z-index:-1!important;opacity:.6!important;filter:blur(8px)!important}#skills .skills-navigation .nav-tab:not(.active):hover .tab-icon{background:hsla(0,0%,100%,.25)!important;transform:scale(1.05)!important;color:#fff!important}#skills .skills-navigation .nav-tab:not(.active):hover .tab-title{color:#fff!important}#skills .skills-navigation .nav-tab:not(.active):hover .tab-subtitle{color:hsla(0,0%,100%,.8)!important}#skills .skills-navigation .nav-wrapper{animation:slideInUp .8s cubic-bezier(.4,0,.2,1)!important}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#skills .skills-navigation .nav-tab:first-child{animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) .1s both!important}#skills .skills-navigation .nav-tab:nth-child(2){animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) .2s both!important}#skills .skills-navigation .nav-tab:nth-child(3){animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) .3s both!important}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}#skills .skills-navigation{position:relative!important}#skills .skills-navigation:after{content:""!important;position:absolute!important;bottom:-20px!important;left:50%!important;transform:translateX(-50%)!important;width:60px!important;height:4px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:2px!important;opacity:.6!important}@media (max-width:900px){#skills .skills-navigation .nav-wrapper .nav-tab{width:220px!important;height:110px!important;min-width:220px!important;min-height:110px!important;max-width:220px!important;max-height:110px!important}#skills .skills-navigation .nav-tab .tab-icon{width:44px!important;height:44px!important;font-size:18px!important}#skills .skills-navigation .nav-tab .tab-title{font-size:.95rem!important}#skills .skills-navigation .nav-tab .tab-subtitle{font-size:.75rem!important}}.footer-stats{margin-bottom:var(--spacing-md,1rem)}.visitor-counter{display:flex;align-items:center;grid-gap:var(--spacing-sm,.5rem);gap:var(--spacing-sm,.5rem);background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem);border-radius:var(--radius-lg,.5rem);border:1px solid rgba(102,126,234,.2);font-size:.875rem;font-weight:500;color:var(--text-secondary,#4a5568);transition:all .3s ease}.visitor-counter:hover{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));border-color:rgba(102,126,234,.3);transform:translateY(-1px)}.visitor-counter i{color:var(--primary-color,#667eea);font-size:1rem}.counter-label{color:var(--text-muted,#718096);font-weight:400}.counter-number{font-weight:700;color:var(--primary-color,#667eea);font-size:1rem;min-width:40px;text-align:center}.counter-loading{display:inline-flex;align-items:center;justify-content:center;min-width:40px}.counter-loading i{color:var(--primary-color,#667eea);font-size:.875rem}.counter-number{transition:all .3s ease}.counter-number:hover{transform:scale(1.05)}@media (max-width:768px){.visitor-counter{font-size:.8rem;padding:var(--spacing-xs,.25rem) var(--spacing-sm,.5rem);grid-gap:var(--spacing-xs,.25rem);gap:var(--spacing-xs,.25rem)}.counter-number{min-width:35px}.counter-number,.visitor-counter i{font-size:.875rem}}@media (prefers-color-scheme:dark){.visitor-counter{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));border-color:rgba(102,126,234,.3);color:#e2e8f0}.visitor-counter:hover{background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(118,75,162,.25));border-color:rgba(102,126,234,.4)}.counter-label{color:#a0aec0}}/ * Enhanced Visitor Counter Animations / .count-value{display:inline-block;transition:all .3s ease}.counter-animation{margin-left:.25rem;opacity:0;animation:heartbeat 2s ease-in-out infinite}.visitor-counter:hover .counter-animation{opacity:1}.counter-heart{color:#e53e3e;font-size:.75rem}@keyframes heartbeat{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.7}}@keyframes countUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.count-value{animation:countUp .5s ease-out}.visitor-counter{position:relative;cursor:help}.visitor-counter:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:#fff;padding:.5rem .75rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}.visitor-counter:hover:after{opacity:1}.visitor-counter:before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(1px);border:4px solid transparent;border-top-color:rgba(0,0,0,.9);opacity:0;transition:opacity .3s ease;z-index:1001}.visitor-counter:hover:before{opacity:1}@media (max-width:768px){.visitor-counter:after{font-size:.7rem;padding:.375rem .5rem}.counter-animation{display:none}}