.company-experience-card{backdrop-filter:blur(12px);background-color:hsla(0,0%,100%,.05);padding:clamp(1rem,4vw,2rem);border-radius:1rem;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:all .3s ease;position:relative;overflow:hidden;margin-bottom:clamp(1rem,3vw,2rem);width:100%;box-sizing:border-box}.company-experience-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(52,211,153,.05),rgba(52,211,153,.01));opacity:0;transition:opacity .3s ease;pointer-events:none}@media (hover:hover){.company-experience-card:hover:before{opacity:1}.company-experience-card:hover{background-color:hsla(0,0%,100%,.1);transform:translateY(-4px);box-shadow:0 15px 20px -5px rgba(0,0,0,.15)}.company-experience-card:hover .company-name{color:#34d399}.company-link-header:hover{gap:.75rem}.role-skill-tag:hover{background-color:rgba(52,211,153,.25);transform:translateY(-1px)}.role-link:hover{background-color:rgba(52,211,153,.15);border-color:rgba(52,211,153,.4);transform:translateX(4px);gap:.75rem;box-shadow:0 4px 8px rgba(52,211,153,.2)}}.company-header{display:flex;align-items:flex-start;gap:clamp(1rem,3vw,1.5rem);margin-bottom:clamp(1.5rem,4vw,2rem);padding-bottom:clamp(1rem,3vw,1.5rem);border-bottom:1px solid hsla(0,0%,100%,.1)}.company-logo-main{width:clamp(50px,15vw,80px);height:clamp(50px,15vw,80px);object-fit:contain;background-color:hsla(0,0%,100%,.1);border-radius:.75rem;padding:clamp(.5rem,2vw,.75rem);flex-shrink:0}.company-info{flex:1;min-width:0}.company-name{font-family:Space Grotesk,sans-serif;font-size:clamp(1.25rem,5vw,2rem);font-weight:700;color:#fff;margin-bottom:.5rem;transition:color .3s ease;word-wrap:break-word;hyphens:auto}.company-roles-count{font-family:Fira Code,monospace;color:#9ca3af;font-size:clamp(.75rem,3vw,.875rem);line-height:1.4}.company-total-duration{color:#34d399;font-weight:500}.company-link-header{display:inline-flex;align-items:center;gap:.5rem;color:#34d399;font-family:Fira Code,monospace;font-size:clamp(.75rem,3vw,.875rem);transition:gap .3s ease;margin-top:.5rem;text-decoration:none;word-break:break-all}.roles-timeline{position:relative}.timeline-line{position:absolute;left:clamp(.5rem,2vw,.75rem);top:0;bottom:0;width:2px;background:linear-gradient(180deg,#34d399,rgba(52,211,153,.3))}.role-item{position:relative;padding-left:clamp(2.5rem,8vw,3rem);margin-bottom:clamp(1.5rem,4vw,2rem);padding-bottom:clamp(1.5rem,4vw,2rem)}.role-item:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.05)}.timeline-dot{position:absolute;left:0;top:0;width:clamp(1rem,3vw,1.5rem);height:clamp(1rem,3vw,1.5rem);background-color:#34d399;border-radius:50%;border:3px solid #111827;z-index:1;box-shadow:0 0 0 4px rgba(52,211,153,.1)}.role-header{margin-bottom:1rem}.role-title{font-family:Space Grotesk,sans-serif;font-size:clamp(1.1rem,4vw,1.25rem);font-weight:600;color:#fff;margin-bottom:.5rem;word-wrap:break-word;hyphens:auto}.role-meta{display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,1rem);font-family:Fira Code,monospace;font-size:clamp(.65rem,2.5vw,.75rem);color:#9ca3af;margin-bottom:1rem}.role-meta-item{display:flex;align-items:center;gap:.25rem;min-width:0}.role-meta-item svg{flex-shrink:0}.role-duration-calculated{color:#34d399;font-weight:500;margin-left:.25rem}.role-description{color:#d1d5db;line-height:1.6;margin-bottom:1rem;font-size:clamp(.875rem,3vw,.95rem);word-wrap:break-word;hyphens:auto}.role-skills{display:flex;flex-wrap:wrap;gap:clamp(.25rem,1vw,.375rem);margin-bottom:1rem}.role-skill-tag{padding:clamp(.15rem,1vw,.2rem) clamp(.5rem,2vw,.6rem);border-radius:9999px;background-color:rgba(52,211,153,.15);color:#34d399;font-size:clamp(.625rem,2vw,.7rem);font-family:Fira Code,monospace;border:1px solid rgba(52,211,153,.15);transition:all .3s ease;word-break:break-word;line-height:1.2}.role-actions{margin-top:1rem;display:flex;align-items:center;justify-content:flex-start}.role-link{display:inline-flex;align-items:center;gap:.5rem;color:#34d399;font-family:Fira Code,monospace;font-size:clamp(.75rem,3vw,.875rem);font-weight:500;text-decoration:none;padding:clamp(.4rem,2vw,.5rem) clamp(.8rem,3vw,1rem);border-radius:.5rem;border:1px solid rgba(52,211,153,.2);background-color:rgba(52,211,153,.05);transition:all .3s ease;backdrop-filter:blur(8px);white-space:nowrap}.role-link:active{transform:translateX(2px)}@media (max-width:768px){.company-header{align-items:center}.role-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.role-meta-item{width:100%;justify-content:flex-start}}@media (max-width:480px){.company-experience-card{margin-left:-.5rem;margin-right:-.5rem;border-radius:.75rem}.company-header{flex-direction:row;align-items:center;text-align:left;gap:1rem}.company-logo-main{width:60px!important;height:60px!important;min-width:60px;min-height:60px;flex-shrink:0}.company-info{flex:1;text-align:left;min-width:0}.company-name{font-size:clamp(1.1rem,4.5vw,1.5rem);line-height:1.2}.company-link-header,.role-skills{justify-content:flex-start}.role-link{width:100%;justify-content:center;text-align:center}}@media (max-width:320px){.company-experience-card{padding:.75rem;margin-left:-.25rem;margin-right:-.25rem}.role-item{padding-left:2rem}.timeline-line{left:.375rem}.timeline-dot{width:.75rem;height:.75rem;border-width:2px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.timeline-line{width:1px;transform:scaleX(2);transform-origin:left}}@media (prefers-reduced-motion:reduce){.company-experience-card,.company-experience-card:before,.company-link-header,.company-name,.role-link,.role-skill-tag{transition:none}.company-experience-card:hover,.role-link:hover,.role-skill-tag:hover{transform:none}}@media (prefers-color-scheme:dark){.company-experience-card{background-color:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.08)}.role-description{color:#e5e7eb}}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{overflow-x:hidden}.app-container{min-height:100vh;background:linear-gradient(to bottom right,#111827,#1f2937,#111827);color:#fff;position:relative}.all-experiences{padding:2rem;max-width:1200px;margin:0 auto}.experiences-header{margin-bottom:3rem;text-align:center}.experiences-title{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(90deg,#fff,#d1d5db);-webkit-background-clip:text;background-clip:text;color:transparent}.experiences-subtitle{color:#d1d5db;font-size:1.2rem;max-width:700px;margin:0 auto;line-height:1.6}.experiences-by-company{display:flex;flex-direction:column;gap:2rem}.about-card{backdrop-filter:blur(16px);background-color:hsla(0,0%,100%,.1);padding:3rem;border-radius:1.5rem;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#34d399;margin-bottom:2rem;font-family:Fira Code,monospace;transition:gap .3s ease}.back-link:hover{gap:.75rem}@media (max-width:1200px){.all-experiences{padding:1.5rem}.experiences-by-company{gap:1.5rem}}@media (max-width:768px){.experiences-header{margin-bottom:2rem}.experiences-title{font-size:2rem}.experiences-subtitle{font-size:1rem;padding:0 1rem}.about-card{padding:1.5rem}.experiences-by-company{gap:1rem}}@media (max-width:480px){.experiences-title{font-size:1.75rem}.experiences-subtitle{font-size:.9rem}.all-experiences{padding:1rem}}