@keyframes exp-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(0)}65%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes draw-vertical{0%{transform-origin:top;transform:scaleY(0)}to{transform-origin:top;transform:scaleY(1)}}@keyframes node-glow{0%,to{box-shadow:0 0 0 4px #f47b201f}50%{box-shadow:0 0 0 10px #f47b200f}}.exp{background:#fdf3ec;min-height:100vh}.exp__anim{opacity:0;animation:.65s cubic-bezier(.16,1,.3,1) forwards exp-fade-up}.exp__hero{background:#0d1b3d;padding:110px 0 64px;position:relative;overflow:hidden}.exp__hero:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.exp__hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#f47b202e 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-120px;right:-80px}.exp__hero-inner{z-index:1;max-width:960px;margin:0 auto;padding:0 40px;position:relative}.exp__badge{text-transform:uppercase;letter-spacing:.14em;color:#f47b20;background:#f47b200f;border:1px solid #f47b204d;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-flex}.exp__badge-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 3px #4ade8040}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #4ade8040}50%{box-shadow:0 0 0 6px #4ade8014}}.exp__title{color:#fff;letter-spacing:-.035em;margin-bottom:22px;font-size:clamp(34px,5.5vw,56px);font-weight:800;line-height:1.08}.exp__title em{color:#f47b20;font-style:normal;position:relative}.exp__title em:after{content:"";background:linear-gradient(90deg,#f47b20,#f47b2000);border-radius:2px;height:3px;position:absolute;bottom:-2px;left:0;right:0}.exp__sub{color:#ffffff8c;max-width:540px;margin-bottom:52px;font-size:16.5px;line-height:1.75}.exp__achievements{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.exp__ach-card{cursor:default;opacity:0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;align-items:flex-start;gap:16px;padding:24px;transition:background .3s,border-color .3s,transform .3s;display:flex;transform:translateY(28px)}.exp__ach-card:first-child{animation:.6s cubic-bezier(.16,1,.3,1) .28s forwards exp-fade-up}.exp__ach-card:nth-child(2){animation:.6s cubic-bezier(.16,1,.3,1) .4s forwards exp-fade-up}.exp__ach-card:nth-child(3){animation:.6s cubic-bezier(.16,1,.3,1) .52s forwards exp-fade-up}.exp__ach-card:hover{background:#ffffff17;border-color:#f47b2059;transform:translateY(-3px)}.exp__ach-icon{transition:transform .3s cubic-bezier(.16,1,.3,1)}.exp__ach-card:hover .exp__ach-icon{transform:scale(1.12)rotate(-6deg)}.exp__ach-icon{color:#f47b20;background:#f47b2026;border:1px solid #f47b2040;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:2px;display:flex}.exp__ach-body{flex-direction:column;gap:3px;display:flex}.exp__ach-num{color:#fff;letter-spacing:-.04em;font-size:26px;font-weight:800;line-height:1}.exp__ach-label{text-transform:uppercase;letter-spacing:.1em;color:#f47b20;margin-bottom:6px;font-size:11px;font-weight:700}.exp__ach-desc{color:#ffffff73;margin:0;font-size:12.5px;line-height:1.6}.exp__skills{border-top:1px solid #ffffff14;flex-wrap:wrap;gap:8px;padding-top:28px;display:flex}.exp__skill{color:#ffffffa6;letter-spacing:.02em;opacity:0;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:100px;padding:5px 14px;font-size:12px;font-weight:600;transition:color .26s,border-color .26s,background .26s,transform .26s;animation:.45s cubic-bezier(.16,1,.3,1) forwards pop-in;transform:scale(.85)}.exp__skill:first-child{animation-delay:.38s}.exp__skill:nth-child(2){animation-delay:.435s}.exp__skill:nth-child(3){animation-delay:.49s}.exp__skill:nth-child(4){animation-delay:.545s}.exp__skill:nth-child(5){animation-delay:.6s}.exp__skill:nth-child(6){animation-delay:.655s}.exp__skill:nth-child(7){animation-delay:.71s}.exp__skill:nth-child(8){animation-delay:.765s}.exp__skill:hover{color:#f47b20;background:#f47b2012;border-color:#f47b2066;transform:scale(1.04)}.exp__timeline{max-width:820px;margin:0 auto;padding:72px 40px 100px;position:relative}.exp__timeline:before{content:"";transform-origin:top;border-left:2px dashed #f47b2038;animation:1.4s cubic-bezier(.16,1,.3,1) .6s both draw-vertical;position:absolute;top:86px;bottom:140px;left:59px}.exp__item{gap:28px;margin-bottom:36px;display:flex;position:relative}.exp__item:last-child{margin-bottom:0}.exp__node{color:#f47b20;z-index:2;background:#fdf3ec;border:2px solid #f47b2059;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:6px;font-size:11px;font-weight:700;transition:border-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s;display:flex;position:relative}.exp__node--current{color:#fff;background:#f47b20;border-color:#f47b20;animation:2.5s ease-in-out infinite node-glow;box-shadow:0 0 0 6px #f47b2024}.exp__item:hover .exp__node{border-color:#f47b20b3;transform:scale(1.1);box-shadow:0 0 0 6px #f47b2014}.exp__card{background:#fff;border:1px solid #ecdfd1;border-radius:24px;flex:1;padding:28px 32px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 6px 22px -10px #0d1b3d1a}.exp__card:hover{transform:translateY(-4px);box-shadow:0 18px 50px -22px #0d1b3d29}.exp__card--current{border-left:3px solid #f47b20;padding-left:29px}.exp__card--current:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 70%,#f47b200a 100%);position:absolute;inset:0}.exp__card-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.exp__date{color:#f47b20;font-family:Georgia,Times New Roman,serif;font-size:13px;font-style:italic}.exp__current-badge{color:#fff;text-transform:uppercase;letter-spacing:.12em;background:#0d1b3d;border-radius:100px;padding:3px 10px;font-size:9.5px;font-weight:700}.exp__duration{color:#7c8398;background:#fdf3ec;border:1px solid #ecdfd1;border-radius:100px;margin-left:auto;padding:3px 11px;font-size:11px;font-weight:600}.exp__company{color:#0d1b3d;letter-spacing:-.02em;margin-bottom:8px;font-size:1.25rem;font-weight:700;line-height:1.25}.exp__company span{color:#5a6184;font-size:1.05rem;font-weight:400}.exp__role{color:#7c8398;background:#fdf3ec;border:1px solid #ecdfd1;border-radius:100px;margin-bottom:16px;padding:3px 12px;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;display:inline-block}.exp__desc{color:#28335a;margin-bottom:20px;font-size:14.5px;line-height:1.75}.exp__tags{flex-wrap:wrap;gap:7px;display:flex}.exp__tag{color:#f47b20;letter-spacing:.03em;background:#f47b200f;border:1px solid #f47b2040;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:600;transition:background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1)}.exp__tag:hover{background:#f47b201f;border-color:#f47b2073}@media (max-width:720px){.exp__hero{padding:88px 0 52px}.exp__hero-inner{padding:0 20px}.exp__title br{display:none}.exp__sub{margin-bottom:36px}.exp__achievements{grid-template-columns:1fr;gap:12px}.exp__ach-card{padding:20px}.exp__ach-num{font-size:22px}.exp__skills{gap:6px}.exp__timeline{padding:48px 20px 72px}.exp__timeline:before{left:38px}.exp__item{gap:16px}.exp__node{width:36px;height:36px;margin-top:4px;font-size:10px}.exp__card{border-radius:16px;padding:20px}.exp__card--current{padding-left:17px}.exp__company{font-size:1.1rem}.exp__duration{margin-left:0}}
