@keyframes subtitleGlow{0%{text-shadow:1px 1px 0 rgba(0,0,0,.3),0 0 5px var(--secondary-color)}to{text-shadow:1px 1px 0 rgba(0,0,0,.3),0 0 10px var(--secondary-color),0 0 15px var(--secondary-color)}}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 6px}}.timeline-container{position:relative;width:100%;min-height:600px;background:linear-gradient(180deg,rgba(var(--card-background-rgb),.05),transparent);border-radius:8px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;overflow:visible}.timeline-subtitle{font-family:var(--pixel-font);font-size:12px;color:var(--secondary-color);text-transform:uppercase;letter-spacing:2px;margin-top:8px;text-shadow:1px 1px 0 rgba(0,0,0,.3);animation:subtitleGlow 2s ease-in-out infinite alternate;text-align:right}.timeline-form-text{font-size:12px;font-weight:400;color:var(--text-color);opacity:.8}.timeline-container::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(var(--primary-color-rgb),.03) 50%);background-size:100% 6px;z-index:1;pointer-events:none;border-radius:8px;animation:scanlines .1s linear infinite}.timeline,.timeline-item{position:relative;width:100%;display:flex;flex-direction:column}.timeline{margin:0 auto;max-width:700px;z-index:2;gap:30px}.timeline-item{align-items:center}.timeline-bubble::before,.timeline-node,.timeline::before{display:none}.timeline-bubble{position:relative;background-color:rgba(var(--card-background-rgb),.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(var(--primary-color-rgb),.6);border-radius:15px;padding:15px;width:100%;max-width:400px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275),transform .3s ease,box-shadow .3s ease;z-index:3;overflow:hidden;box-shadow:0 0 15px rgba(var(--primary-color-rgb),.2);margin:0 auto}.timeline-item:nth-child(even) .timeline-bubble,.timeline-item:nth-child(odd) .timeline-bubble{left:auto;right:auto;transform:none}.bubble-title,.content-section h4{font-family:var(--pixel-font);letter-spacing:1px}.bubble-title{font-size:14px;color:var(--primary-color);text-align:center;margin-bottom:5px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.bubble-content{max-height:0;opacity:0;overflow:hidden;transition:all .4s ease}.timeline-bubble.hover-active,.timeline-bubble:hover,.timeline-item.active .timeline-bubble{max-width:500px;background-color:rgba(var(--card-background-rgb),.25);border-color:var(--primary-color);transform:scale(1.02);box-shadow:0 0 25px rgba(var(--primary-color-rgb),.4)}.timeline-bubble.hover-active .bubble-content,.timeline-bubble:hover .bubble-content,.timeline-item.active .bubble-content{max-height:500px;opacity:1;margin-top:15px}.content-section{margin-bottom:15px}.content-section h4{font-size:12px;color:var(--secondary-color);margin-bottom:8px;text-transform:uppercase}.content-section ul{list-style:none;padding-left:10px}.content-section li{color:var(--text-color);font-size:14px;position:relative;padding:5px 0 5px 20px}.skills-list li:before,.tools-list li:before{content:"▶";position:absolute;left:0;color:var(--primary-color)}.tools-list li:before{content:"⚙";color:var(--accent-color)}@media (max-width:768px){.timeline-container{min-height:auto;padding:20px}.timeline{gap:20px}.timeline-item{width:100%}.timeline-bubble{max-width:100%;padding:12px}.bubble-title,.content-section li{font-size:12px}}