#__next,body,html{height:100%;margin:0}.experienceSection{position:relative;padding:5rem 1.5rem;background-color:#101014;color:#fff;overflow:hidden;height:100vh}.experienceContainer{position:relative;z-index:10;max-width:72rem;margin:0 auto;display:flex;flex-direction:column;height:100%}.mobile-carousel-container{padding:0}.timeline-baseline{width:80%;background-color:hsla(0,0%,100%,.2);z-index:0}.timeline-baseline,.timeline-progress{position:absolute;top:1.5rem;left:50%;transform:translateX(-50%);height:2px}.timeline-progress{background:linear-gradient(90deg,#ef4444,#f87171,#fca5a5);box-shadow:0 0 10px rgba(239,68,68,.5);z-index:10}.mobile-carousel-wrapper{gap:1rem}.mobile-carousel-item{width:100%;max-width:auto;padding-top:3rem;display:flex;flex-direction:column;position:relative}.timeline-dot{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1rem;height:1rem;border-radius:50%;background-color:#000;border:4px solid #ef4444;box-shadow:0 0 10px rgba(239,68,68,.5);z-index:20}.mobile-card{margin-top:1rem;height:350px;display:flex;background:linear-gradient(to bottom right,rgba(0,0,0,.8),rgba(0,0,0,.7));backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 0 20px rgba(239,68,68,.1);position:relative;overflow:hidden;transition:all .3s ease}.mobile-card:hover{border-color:rgba(239,68,68,.3);box-shadow:0 10px 30px -5px rgba(0,0,0,.4),0 0 30px rgba(239,68,68,.2);transform:translateY(-2px)}.mobile-card-content{padding:1.25rem;display:flex;flex-direction:column;height:100%;overflow:hidden}.mobile-dot-button{width:.5rem;height:.5rem;border-radius:9999px;background-color:hsla(0,0%,100%,.2);transition:transform .3s,background-color .3s}.mobile-dot-button.active{background-color:#ef4444;transform:scale(1.1)}.mobile-dots{display:flex;justify-content:center;gap:.5rem;height:40px;align-items:center;position:absolute;bottom:0;width:100%}.skills-constellation{position:relative;overflow:visible}.skill-node{z-index:10;cursor:pointer}.skill-node:hover{z-index:50}.connection-line{pointer-events:none;z-index:1}@media (max-width:768px){.skill-node{transform:none!important}.skills-constellation{min-height:600px;overflow:visible}.skill-node{touch-action:manipulation}body{overflow-x:hidden}.md\:hidden{overflow-x:hidden!important}}@keyframes pulse-connection{0%,to{opacity:.1}50%{opacity:.3}}.skill-node:hover .connection-line{animation:pulse-connection 2s ease-in-out infinite}