@import url("https://fonts.googleapis.com/css2?family=Audiowide&family=Bruno+Ace+SC&family=Hind+Siliguri:wght@300;400;500;600;700&family=Michroma&family=Orbitron:wght@400..900&family=Pixelify+Sans:wght@400..700&family=Tektur:wght@400..900&family=Turret+Road:wght@200;300;400;500;700;800&display=swap");@media screen and (max-width:500px){.navbar{display:none}.h1s{font-size:30px}.secmainh1h2{margin:auto;line-height:30px;height:100px}.Paidaanimaçao{margin:auto}.secmain{display:flex;flex-direction:column;height:780px;width:400px}.txt-animado{font-size:17px;text-align:center}.sobremim{width:400px;height:1500px;margin:auto}.esquerda{margin-bottom:100px}.direita{margin-top:150px}.descriçãosec2{display:flex;flex-direction:column;text-align:center}#projetos{animation:gradientFlowresponsive 1ms ease-in-out;animation-timeline:view();animation-range:cover 0 cover 40%}.animation2{margin-left:40px;margin-top:40px}.paragrafosobre{width:380px;text-align:center}.h1h{width:300px;margin-left:60px}.habilidades{display:flex;flex-direction:column;margin-bottom:350px}.imgg{display:none}.paragrafohabilidades{width:380px;text-align:center}.htmlcssjs{text-align:center;margin-left:0}.tmlcssjs{width:380px;font-size:17px}.contatos{width:400px;margin-left:0}}@media screen and (min-width:501px) and (max-width:767px){.navbar{display:none}.h1s{font-size:30px}.secmainh1h2{margin:auto;line-height:30px;height:100px}.Paidaanimaçao{margin:auto}.secmain{display:flex;flex-direction:column;height:780px;width:400px}.txt-animado{font-size:17px;text-align:center}.sobremim{width:400px;height:1500px;margin:auto}.esquerda{margin-bottom:100px}.direita{margin-top:180px}.descriçãosec2{display:flex;flex-direction:column;text-align:center}#projetos{animation:gradientFlowresponsive 1ms ease-in-out;animation-timeline:view();animation-range:cover 0 cover 40%}.animation2{margin-left:40px;margin-top:40px}.paragrafosobre{width:380px;text-align:center}.h1h{width:300px;margin-left:60px}.habilidades{display:flex;flex-direction:column;margin-bottom:350px}.imgg{display:none}.paragrafohabilidades{width:380px;text-align:center}.htmlcssjs{text-align:center;margin-left:0}.tmlcssjs{width:380px;font-size:17px}.contatos{width:400px;margin-left:0}}@media screen and (min-width:768px) and (max-width:991px){.h1s{font-size:30px}.secmainh1h2{line-height:30px;height:100px}.Paidaanimaçao{margin-top:50px}.secmain{display:flex;height:380px;width:100%}.txt-animado{font-size:17px;text-align:center}.sobremim{width:400px;height:1500px;margin:auto}.esquerda{margin-bottom:100px}.direita{margin-top:150px}.descriçãosec2{display:flex;flex-direction:column;text-align:center}#projetos{animation:gradientFlowresponsive 1ms ease-in-out;animation-timeline:view();animation-range:cover 0 cover 40%}.animation2{margin-left:40px;margin-top:40px}.paragrafosobre{width:380px;text-align:center}.h1h{width:300px;margin-left:60px}.habilidades{display:flex;flex-direction:column;margin-bottom:350px}.imgg{display:none}.paragrafohabilidades{width:380px;text-align:center}.htmlcssjs{text-align:center;margin-left:0}.tmlcssjs{width:380px;font-size:17px}.contatos{width:400px;margin-left:0}}.experiencia-section{width:100%;background-color:#0b0b0b;padding:80px 20px;margin-bottom:180px;position:relative;overflow:hidden}.particle-container{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.particle{position:absolute;width:2px;height:2px;background:radial-gradient(circle,#fff,hsla(0,0%,100%,.2));border-radius:50%;animation:float-up 5s ease-in infinite}@keyframes float-up{0%{transform:translateY(0) translateX(0);opacity:0}50%{opacity:1}to{transform:translateY(-100vh) translateX(var(--tx,0));opacity:0}}.orbital-background{position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle,hsla(0,0%,100%,.08) 0,hsla(0,0%,78%,.02) 100%);border-radius:50%;filter:blur(60px);z-index:0}.section-header{text-align:center;margin-bottom:60px;position:relative;z-index:2}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:12px;background:linear-gradient(90deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Audiowide,sans-serif;letter-spacing:2px}.section-subtitle{font-size:1rem;color:#a0a0a0;letter-spacing:.5px;font-weight:300}.timeline-container{position:relative;max-width:900px;margin:0 auto;z-index:2}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#fff,#888,transparent);transform:translateX(-50%) scaleY(0);transform-origin:top;transition:transform .6s ease}.cards-wrapper{display:flex;flex-direction:column;gap:50px;position:relative}.experience-card{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;animation:cardEntrance .6s ease-out forwards;opacity:0}.connection-line{position:absolute;left:50%;top:-50px;width:2px;height:50px;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.2));transform:translateX(-50%);animation:lineGrow .6s ease-out}@keyframes lineGrow{0%{opacity:0;height:0}to{opacity:1;height:50px}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.card-content:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:2px;background-color:hsla(0,0%,80%,.4);border-radius:0 0 4px 4px;transition:background-color .3s,transform .3s;transform:scaleX(0);transform-origin:left}.card-content:hover:after{transform:scaleX(1);background-color:hsla(0,0%,100%,.6)}.experience-card:hover{.card-content{border-color:hsla(0,0%,100%,.3);box-shadow:0 8px 32px hsla(0,0%,80%,.15)}}.timeline-indicator{width:40px;height:40px;position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto;z-index:3}.orbital-ring{position:absolute;width:40px;height:40px;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;animation:ggirar 8s linear infinite}.station-dot{width:20px;height:20px;background:linear-gradient(135deg,#fff,#ccc);border-radius:50%;border:3px solid #0b0b0b;box-shadow:0 0 20px hsla(0,0%,100%,.6),0 0 40px hsla(0,0%,78%,.2);position:relative;z-index:1}@keyframes ggirar{0%{transform:ggirar(0deg)}to{transform:ggirar(1turn)}}.experience-card.active .station-dot{width:28px;height:28px;box-shadow:0 0 30px hsla(0,0%,100%,.8),0 0 60px hsla(0,0%,78%,.4);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.card-content{background:rgba(20,20,30,.6);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,80%,.15);border-radius:16px;padding:28px;transition:all .3s ease;cursor:pointer;box-shadow:0 8px 32px rgba(0,0,0,.3);position:relative;overflow:hidden}.card-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08),transparent);opacity:0;transition:left .5s ease}.card-content:hover:before{left:100%}.card-content:hover{background:rgba(20,20,35,.8);border-color:hsla(0,0%,80%,.25);transform:translateY(-5px)}.experience-card.active{z-index:10}.experience-card.active .card-content{background:rgba(20,20,35,.95);border-color:hsla(0,0%,100%,.4);box-shadow:0 0 40px hsla(0,0%,100%,.15),0 12px 48px hsla(0,0%,80%,.12);transform:translateY(-8px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.header-info{text-align:left}.company-logo-wrapper{width:50px;height:50px;background:hsla(0,0%,80%,.08);border:1px solid hsla(0,0%,80%,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease}.card-content:hover .company-logo-wrapper{background:hsla(0,0%,80%,.12);border-color:hsla(0,0%,80%,.25);box-shadow:0 0 15px hsla(0,0%,80%,.1)}.company-logo{width:100%;height:100%;object-fit:contain;padding:4px}.company-name{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:4px;font-family:Audiowide,sans-serif;letter-spacing:1px}.role{font-size:.95rem;color:#ccc;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.period-wrapper{position:relative;display:flex;align-items:center;gap:8px}.active-indicator{width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 12px hsla(0,0%,100%,.8);animation:indicatorPulse 2s ease-in-out infinite}@keyframes indicatorPulse{0%,to{transform:scale(1);box-shadow:0 0 12px hsla(0,0%,100%,.8)}50%{transform:scale(1.4);box-shadow:0 0 24px #fff}}.period-badge{font-size:.85rem;color:#888;font-weight:600;white-space:nowrap;background:hsla(0,0%,80%,.05);border:1px solid hsla(0,0%,80%,.2);padding:6px 12px;border-radius:20px;transition:all .3s ease}.card-content:hover .period-badge{background:hsla(0,0%,80%,.1);border-color:hsla(0,0%,80%,.3)}.description{font-size:.95rem;color:#d0d0d0;line-height:1.7;margin-bottom:0}.expandable-content{margin-top:24px;padding-top:24px;border-top:1px solid hsla(0,0%,80%,.15);animation:slideDown .5s cubic-bezier(.34,1.56,.64,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}.achievements h4,.tech-stack h4{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:12px;font-family:Audiowide,sans-serif;letter-spacing:.5px;text-transform:uppercase}.achievements li{font-size:.9rem;color:silver;padding:8px 0 8px 8px;line-height:1.6;transition:all .3s ease;animation:itemFadeIn .4s ease-out forwards;opacity:0}@keyframes itemFadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.bullet{color:#fff;margin-right:8px;font-weight:700}.achievements li:hover{color:#fff;padding-left:16px;transform:translateX(4px)}.tech-stack{margin-top:0}.tech-icons{display:flex;flex-wrap:wrap;gap:12px}.tech-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:hsla(0,0%,80%,.05);border:1px solid hsla(0,0%,80%,.15);border-radius:12px;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:default;position:relative;overflow:hidden;animation:badgeFadeIn .4s ease-out forwards;opacity:0}@keyframes badgeFadeIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tech-badge:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.2) 0,transparent 70%);opacity:0;transition:opacity .3s ease}.tech-badge:hover{background:hsla(0,0%,80%,.12);border-color:hsla(0,0%,100%,.4);transform:scale(1.2) translateY(-6px);box-shadow:0 8px 24px hsla(0,0%,80%,.2),0 0 20px hsla(0,0%,100%,.1)}.tech-badge:hover:before{opacity:1}.experience-card:nth-child(odd){direction:rtl}.experience-card:nth-child(odd) .card-content{direction:ltr}.experience-card:nth-child(odd) .header-info{text-align:right}@media (max-width:768px){.timeline-line{left:0}.experience-card{grid-template-columns:30px 1fr;gap:16px}.experience-card:nth-child(odd){direction:ltr}.card-content{grid-column:2}.section-title{font-size:1.8rem}.cards-wrapper{gap:30px}.card-header{flex-direction:column;align-items:flex-start}.period-badge{margin-top:8px}.orbital-background{width:400px;height:400px}}@media (max-width:480px){.experiencia-section{padding:40px 16px;margin-bottom:100px}.section-title{font-size:1.5rem}.company-name{font-size:1.1rem}.description,.role{font-size:.85rem}.tech-icons{gap:8px}.tech-badge{width:44px;height:44px}.card-content{padding:20px}}