*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:"Inter",sans-serif;line-height:1.6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;background:#e0e5ec;color:#4a5568;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{font-family:"Poppins",sans-serif;color:#2d3748;font-weight:700;line-height:1.2}.text-large{font-size:1.125rem;line-height:1.8;color:#2d3748}strong{color:#2d3748;font-weight:600}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.5rem 0;background:rgba(224,229,236,.95);backdrop-filter:blur(10px);transition:all .3s ease}.nav.scrolled{padding:1rem 0;background:#e0e5ec;box-shadow:4px 4px 8px #a3b1c6,-4px -4px 8px #fff}.nav__content{display:flex;align-items:center;justify-content:space-between}.nav__logo{font-size:1.5rem;font-weight:800;font-family:"Poppins",sans-serif;color:#667eea;text-decoration:none;width:50px;height:50px;background:#e0e5ec;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.nav__logo:hover{box-shadow:12px 12px 24px #a3b1c6,-12px -12px 24px #fff;transform:translateY(-2px)}.nav__menu{display:flex;gap:2rem;align-items:center}.nav__link{color:#4a5568;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.nav__link::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg, #667eea, #764ba2);transition:width .3s ease}.nav__link:hover{color:#667eea}.nav__link:hover::after{width:100%}.nav__link--cta{background:linear-gradient(135deg, #667eea, #764ba2);color:#fff;padding:.5rem 1.5rem;border-radius:12px;box-shadow:4px 4px 8px rgba(102,126,234,.3),-2px -2px 8px hsla(0,0%,100%,.5)}.nav__link--cta::after{display:none}.nav__link--cta:hover{transform:translateY(-2px);box-shadow:6px 6px 12px rgba(102,126,234,.4),-3px -3px 12px hsla(0,0%,100%,.6)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.btn--primary{background:linear-gradient(135deg, #667eea, #764ba2);color:#fff;box-shadow:6px 6px 12px rgba(102,126,234,.3),-4px -4px 12px hsla(0,0%,100%,.5)}.btn--primary:hover{transform:translateY(-2px);box-shadow:8px 8px 16px rgba(102,126,234,.4),-6px -6px 16px hsla(0,0%,100%,.6)}.btn--secondary{background:#e0e5ec;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff;color:#2d3748}.btn--secondary:hover{box-shadow:12px 12px 24px #a3b1c6,-12px -12px 24px #fff;transform:translateY(-2px)}.btn--large{padding:1.125rem 2.5rem;font-size:1.0625rem}.hero{min-height:100vh;display:flex;align-items:center;padding:9rem 0 4rem}.hero__content{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center}.hero__badge{margin-bottom:1.5rem}.hero__title{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1.5rem}.hero__title--gradient{display:block;background:linear-gradient(135deg, #667eea, #764ba2);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero__subtitle{font-size:1.125rem;line-height:1.8;color:#4a5568;margin-bottom:2.5rem}.hero__stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;margin-bottom:2.5rem}.hero__cta{display:flex;gap:1rem}@media(min-width: 1024px){.hero{padding:8rem 0 4rem}}.badge{background:#e0e5ec;box-shadow:4px 4px 8px #a3b1c6,-4px -4px 8px #fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;color:#48bb78;display:inline-flex;align-items:center;gap:.5rem}.badge::before{content:"";width:8px;height:8px;background:#48bb78;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.stat-card{background:#e0e5ec;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff;padding:1.5rem;border-radius:16px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:12px 12px 24px #a3b1c6,-12px -12px 24px #fff;transform:translateY(-2px)}.stat-card__number{font-size:2rem;font-weight:800;background:linear-gradient(135deg, #667eea, #764ba2);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:.25rem}.stat-card__label{font-size:.875rem;color:#4a5568;font-weight:500}.profile-card{background:#e0e5ec;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff;border-radius:24px;padding:2rem;transition:all .3s ease}.profile-card:hover{box-shadow:12px 12px 24px #a3b1c6,-12px -12px 24px #fff;transform:translateY(-2px)}.profile-card__image{text-align:center;margin-bottom:1.5rem;position:relative}.profile-card__info{text-align:center}.profile-card__info h3{font-size:1.5rem;margin-bottom:.25rem}.profile-card__info p{color:#4a5568;margin-bottom:1rem}.profile-card__skills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.profile-avatar{width:120px;height:120px;margin:0 auto 1rem;background:#e0e5ec;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-status{background:#e0e5ec;box-shadow:4px 4px 8px #a3b1c6,-4px -4px 8px #fff;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.status-dot{width:8px;height:8px;background:#48bb78;border-radius:50%;animation:pulse 2s ease-in-out infinite}.skill-tag{background:#e0e5ec;box-shadow:inset 4px 4px 8px #a3b1c6,inset -4px -4px 8px #fff;padding:.5rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;color:#4a5568}section{padding:5rem 0}.section-header{text-align:center;margin-bottom:4rem}.section-tag{background:#e0e5ec;box-shadow:4px 4px 8px #a3b1c6,-4px -4px 8px #fff;display:inline-block;padding:.5rem 1.5rem;border-radius:20px;font-size:.875rem;font-weight:600;color:#667eea;margin-bottom:1rem}.section-title{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:#4a5568}.about__content{display:grid;grid-template-columns:1fr;gap:3rem}.about__text p{margin-bottom:1.5rem}.about__highlights{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem}.highlight-card{background:#e0e5ec;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff;padding:2rem;border-radius:20px;transition:all .3s ease}.highlight-card:hover{box-shadow:12px 12px 24px #a3b1c6,-12px -12px 24px #fff;transform:translateY(-2px)}.highlight-card__icon{font-size:2.5rem;margin-bottom:1rem}.highlight-card h4{font-size:1.25rem;margin-bottom:.75rem}.highlight-card p{color:#4a5568;font-size:.9375rem}.skills__grid{display:grid;gap:2rem}.skill-group{background:#e0e5ec;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff;padding:2rem;border-radius:20px}.skill-group__title{font-size:1.25rem;margin-bottom:1.5rem;color:#667eea}.skill-cards{display:grid;gap:1rem}.skill-card{background:#e0e5ec;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff;padding:1.5rem;border-radius:16px;transition:all .3s ease;border-left:4px solid rgba(0,0,0,0)}.skill-card:hover{box-shadow:12px 12px 24px #a3b1c6,-12px -12px 24px #fff;transform:translateY(-2px)}.skill-card--expert{border-left-color:#48bb78}.skill-card--advanced{border-left-color:#667eea}.skill-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.skill-card__name{font-weight:700;font-size:1.125rem;color:#2d3748}.skill-card__badge{background:#e0e5ec;box-shadow:inset 4px 4px 8px #a3b1c6,inset -4px -4px 8px #fff;padding:.375rem .875rem;border-radius:12px;font-size:.8125rem;font-weight:600}.skill-card--expert .skill-card__badge{color:#48bb78}.skill-card--advanced .skill-card__badge{color:#667eea}.skill-card__description{font-size:.9375rem;color:#4a5568;line-height:1.6;margin:0}.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag{background:#e0e5ec;box-shadow:4px 4px 8px #a3b1c6,-4px -4px 8px #fff;padding:.625rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:600;color:#4a5568;transition:all .3s ease}.tech-tag:hover{background:#e0e5ec;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff;transform:translateY(-2px)}.timeline{position:relative;padding-left:3rem}.timeline::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#a3b1c6}.timeline-item{position:relative;margin-bottom:3rem}.timeline-item--featured .timeline-content{background:#e0e5ec;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff;border-left:4px solid #667eea}.timeline-item--featured .timeline-content:hover{box-shadow:12px 12px 24px #a3b1c6,-12px -12px 24px #fff;transform:translateY(-2px)}.timeline-marker{position:absolute;left:-3.5rem;top:.5rem;width:16px;height:16px;background:linear-gradient(135deg, #667eea, #764ba2);border-radius:50%;box-shadow:0 0 0 4px #e0e5ec}.timeline-content{background:#e0e5ec;box-shadow:4px 4px 8px #a3b1c6,-4px -4px 8px #fff;padding:2rem;border-radius:20px;transition:all .3s ease}.timeline-content:hover{background:#e0e5ec;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff}.timeline-header{margin-bottom:.5rem}.timeline-header h3{font-size:1.25rem}@media(min-width: 1024px){.timeline-header{display:flex;justify-content:space-between;align-items:flex-start}}.timeline-date{background:#e0e5ec;box-shadow:inset 4px 4px 8px #a3b1c6,inset -4px -4px 8px #fff;padding:.375rem .875rem;border-radius:12px;font-size:.875rem;font-weight:600;color:#4a5568;margin:.5rem 0;display:inline-block}@media(min-width: 1024px){.timeline-date{display:flex;justify-content:space-between;align-items:flex-start;margin:0}}.timeline-company{color:#667eea;font-size:1rem;margin-bottom:1rem}.timeline-description{color:#4a5568;margin-bottom:1rem;line-height:1.7}.timeline-achievements{display:grid;gap:.5rem;margin-bottom:1rem}.achievement{font-size:.9375rem;color:#2d3748}.timeline-tech{display:flex;flex-wrap:wrap;gap:.5rem}.timeline-tech span{background:#e0e5ec;box-shadow:inset 4px 4px 8px #a3b1c6,inset -4px -4px 8px #fff;padding:.375rem .875rem;border-radius:12px;font-size:.8125rem;font-weight:600;color:#4a5568}.timeline-toggle{text-align:center;margin:2rem 0}.timeline-toggle .btn{display:inline-flex;align-items:center;gap:.5rem}.timeline-toggle .arrow-icon{transition:transform .3s ease}.timeline-toggle.active .arrow-icon{transform:rotate(180deg)}.timeline-item--hidden{display:none}.timeline-item--hidden.show{display:block}.leadership__content{display:grid;gap:3rem}.leadership__text p{margin-bottom:1.5rem}.leadership__practices{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.practice-card{background:#e0e5ec;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff;padding:2rem;border-radius:20px;transition:all .3s ease}.practice-card:hover{box-shadow:12px 12px 24px #a3b1c6,-12px -12px 24px #fff;transform:translateY(-2px)}.practice-card h4{font-size:1.125rem;margin-bottom:.75rem}.practice-card p{color:#4a5568;font-size:.9375rem}.contact__content{text-align:center}.contact__header{margin-bottom:3rem}.contact__title{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:1rem}.contact__subtitle{font-size:1.125rem;color:#4a5568;max-width:600px;margin:0 auto}.contact__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;margin-bottom:3rem}.contact__cta{display:flex;gap:1rem;justify-content:center}.contact-card{background:#e0e5ec;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff;padding:2rem;border-radius:20px;text-decoration:none;transition:all .3s ease}.contact-card:hover{box-shadow:12px 12px 24px #a3b1c6,-12px -12px 24px #fff;transform:translateY(-2px)}.contact-card--location{cursor:default}.contact-card__icon{font-size:2.5rem;margin-bottom:1rem}.contact-card__info h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:#4a5568;margin-bottom:.5rem;font-weight:600}.contact-card__info p{color:#2d3748;font-weight:600}.footer{padding:2rem 0;text-align:center;border-top:1px solid #a3b1c6}.footer__content p{color:#4a5568;font-size:.875rem}.footer__content p:first-child{margin-bottom:.25rem}@media(max-width: 968px){.hero__content{grid-template-columns:1fr}.hero__stats{grid-template-columns:repeat(3, 1fr)}.hero__cta{flex-direction:column}.about__highlights{grid-template-columns:1fr}.leadership__practices{grid-template-columns:repeat(2, 1fr)}.contact__grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.nav__menu{display:none}.hero__stats{grid-template-columns:1fr}.leadership__practices{grid-template-columns:1fr}.contact__grid{grid-template-columns:1fr}.contact__cta{flex-direction:column}}
