.card{display:flex;flex-direction:column;position:relative;overflow:hidden;padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base) var(--ease-in-out);will-change:transform,box-shadow;backface-visibility:hidden;perspective:1000px;transform:translateZ(0);opacity:1}.card.animate-on-scroll{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,255,218,.1),transparent);transition:left .5s var(--ease-in-out);z-index:1;pointer-events:none}.card:hover:before{left:100%}.card--small,.card--medium{min-height:300px}.card--large,.card--xl{min-height:400px}@media(max-width:768px){.card--small,.card--medium,.card--large,.card--xl{min-height:auto}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.card-body{flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.card-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026,0 0 0 1px #64ffda4d,0 0 20px #64ffda26}.card:focus-within{outline:2px solid var(--color-cyan);outline-offset:4px}.card:active{transform:translateY(-4px) scale(.98)}.card--loading .card-body{animation:shimmer 2s infinite}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}.card--error{border:2px solid var(--color-error)}@media(prefers-reduced-motion:reduce){.card,.card:before{transition:none!important;animation:none!important}.card:hover,.card:active{transform:translateZ(0)!important}.card:hover:before{left:-100%}}.experience-card{display:flex;flex-direction:column;gap:var(--space-8);overflow-y:auto;max-height:600px}.timeline-header{display:flex;align-items:center;gap:var(--space-3)}.section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-3)}.title-icon{font-size:var(--text-3xl)}.timeline-container{position:relative;padding-left:var(--space-8)}.timeline-line{position:absolute;left:16px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#64ffda4d,#64ffda1a);transform-origin:top;transform:scaleY(0);transition:transform .8s cubic-bezier(.4,0,.2,1)}.timeline-container:has(.timeline-visible) .timeline-line{transform:scaleY(1)}.timeline-item{position:relative;padding-bottom:var(--space-12);opacity:0;transform:translate(-20px);transition:all .5s cubic-bezier(.4,0,.2,1)}.timeline-item.timeline-visible{opacity:1;transform:translate(0)}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-40px;top:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);z-index:1}.timeline-dot{width:16px;height:16px;border-radius:50%;background:var(--color-cyan);border:3px solid var(--color-bg-primary);box-shadow:0 0 0 4px #64ffda33;transition:all .3s ease;position:relative}.timeline-item--current .timeline-dot{width:20px;height:20px;background:var(--color-accent);box-shadow:0 0 0 6px #64ffda4d,0 0 20px #64ffda80;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timeline-date{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed;text-align:center;margin-top:var(--space-4);max-width:20px}.timeline-content{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid rgba(100,255,218,.1);transition:all .3s ease;position:relative;z-index:2}.timeline-item--current .timeline-content{background:linear-gradient(135deg,#64ffda0d,#64ffda05);border-color:var(--color-cyan)}.timeline-content:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-cyan)}.company-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid rgba(100,255,218,.1)}.company-name{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.company-location{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.location-icon{font-size:var(--text-base)}.positions-list{display:flex;flex-direction:column;gap:var(--space-6)}.position-item{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:#0000001a;border-radius:var(--radius-md);border-left:3px solid transparent;transition:all .3s ease}.position-item--current{border-left-color:var(--color-accent);background:#64ffda14}.position-item:hover{background:#64ffda1f;transform:translate(4px)}.position-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--space-2)}.position-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.position-period{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-cyan);font-family:var(--font-mono)}.position-achievements{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.position-achievements li{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);padding-left:var(--space-5);position:relative}.position-achievements li:before{content:"▹";position:absolute;left:0;color:var(--color-cyan);font-weight:var(--font-bold)}.position-skills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.skill-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:#64ffda1a;color:var(--color-cyan);border:1px solid rgba(100,255,218,.2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);font-family:var(--font-mono);transition:all .2s ease}.skill-tag:hover{background:#64ffda33;border-color:var(--color-cyan);transform:translateY(-2px);box-shadow:0 4px 8px #64ffda33}@media(max-width:768px){.experience-card{max-height:none}.timeline-container{padding-left:var(--space-6)}.timeline-marker{left:-32px}.timeline-date{font-size:10px;width:80px}.company-header,.position-header{flex-direction:column;align-items:flex-start}.position-skills{gap:var(--space-1)}}.experience-card::-webkit-scrollbar{width:8px}.experience-card::-webkit-scrollbar-track{background:#64ffda0d;border-radius:var(--radius-sm)}.experience-card::-webkit-scrollbar-thumb{background:#64ffda33;border-radius:var(--radius-sm)}.experience-card::-webkit-scrollbar-thumb:hover{background:#64ffda4d}