ience · CSS Copiar .exp-section{--violet:#a855f7;--violet-light:#c084fc;--violet-bright:#d946ef;--purple:#7c3aed;--bg-deep:#07050f;--bg-mid:#0d0a1a;--glass-bg:rgba(139,92,246,.06);--glass-border:rgba(167,139,250,.18);--glass-shine:hsla(0,0%,100%,.04);--text:#f0eaff;--text-muted:rgba(196,181,253,.65);--tag-bg:rgba(139,92,246,.12);--tag-border:rgba(167,139,250,.28);--glow-sm:0 0 12px rgba(139,92,246,.5);--glow-md:0 0 28px rgba(139,92,246,.35);--font-display:"Syne",sans-serif;--font-body:"Outfit",sans-serif;--font-mono:"JetBrains Mono",monospace}.exp-section{position:relative;padding:6rem 2.5rem;overflow:hidden;background:var(--bg-deep)}.exp-orbs{position:absolute;inset:0;pointer-events:none;z-index:0}.exp-orb{position:absolute;border-radius:50%;filter:blur(72px);opacity:.45}.exp-orb-1{width:480px;height:480px;background:radial-gradient(circle,rgba(124,58,237,.22) 0,transparent 70%);top:-10%;left:-8%;animation:orbFloat 9s ease-in-out infinite}.exp-orb-2{width:360px;height:360px;background:radial-gradient(circle,rgba(168,85,247,.18) 0,transparent 70%);bottom:5%;right:-5%;animation:orbFloat 11s ease-in-out infinite reverse}.exp-orb-3{width:260px;height:260px;background:radial-gradient(circle,rgba(217,70,239,.12) 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:orbFloat 14s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.04)}}.exp-container{position:relative;z-index:1;max-width:860px;margin:0 auto}.exp-header-section{margin-bottom:4rem}.exp-label-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.exp-label-line{display:block;width:2.5rem;height:1px;background:linear-gradient(to right,transparent,var(--violet-light))}.exp-label-text{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--violet-light)}.exp-title{font-family:var(--font-display);font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1rem}.exp-title-white{color:var(--text)}.exp-title-gradient{background:linear-gradient(135deg,var(--violet-light) 0,var(--violet-bright) 60%,#f0abfc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.exp-subtitle{font-family:var(--font-body);font-size:.98rem;color:var(--text-muted);line-height:1.8;max-width:500px}.exp-timeline-wrapper{position:relative;padding-left:2rem}.exp-timeline-line{display:block;position:absolute;left:0;top:1.25rem;bottom:1.25rem;width:1px;background:linear-gradient(to bottom,transparent 0,var(--violet) 15%,rgba(167,139,250,.4) 50%,var(--violet) 85%,transparent 100%);transform-origin:top;box-shadow:0 0 6px rgba(139,92,246,.4)}.exp-timeline{display:flex;flex-direction:column;gap:1.5rem}.exp-item{position:relative;padding:2rem 2rem 2.25rem;border-radius:14px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;cursor:default;transition:border-color .3s ease,box-shadow .3s ease}.exp-item:hover{border-color:rgba(167,139,250,.45);box-shadow:var(--glow-md),inset 0 1px 0 hsla(0,0%,100%,.06)}.exp-card-shine{position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.035),transparent 45%);pointer-events:none;border-radius:inherit}.exp-dot{position:absolute;left:-2.55rem;top:2.1rem;display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:rgba(139,92,246,.15);border:1px solid rgba(167,139,250,.4);box-shadow:var(--glow-sm)}.exp-dot-core{display:block;width:6px;height:6px;border-radius:50%;background:var(--violet-light);box-shadow:0 0 8px var(--violet),0 0 16px var(--violet-light)}.exp-item-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.exp-item-header-left{display:flex;flex-direction:column;gap:.28rem}.exp-company{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text);line-height:1.2}.exp-company-alt{font-family:var(--font-body);font-weight:400;font-size:.9rem;color:var(--text-muted)}.exp-role{font-size:.73rem;color:var(--violet-light);letter-spacing:.03em}.exp-date,.exp-role{font-family:var(--font-mono)}.exp-date{font-size:.68rem;color:var(--text-muted);background:rgba(139,92,246,.1);border:1px solid var(--glass-border);padding:.22rem .75rem;border-radius:2rem;white-space:nowrap;flex-shrink:0;backdrop-filter:blur(8px)}.exp-description{font-family:var(--font-body);font-size:.875rem;color:var(--text-muted);line-height:1.85;margin-bottom:1.35rem}.exp-tags{display:flex;flex-wrap:wrap;gap:.4rem}.exp-tag{font-family:var(--font-mono);font-size:.65rem;color:var(--violet-light);background:var(--tag-bg);border:1px solid var(--tag-border);padding:.2rem .6rem;border-radius:4px;letter-spacing:.02em;transition:background .2s ease,border-color .2s ease,color .2s ease}.exp-item:hover .exp-tag{background:rgba(139,92,246,.2);border-color:rgba(192,132,252,.45);color:#e9d5ff}@media (max-width:768px){.exp-section{padding:4rem 1.25rem}.exp-timeline-wrapper{padding-left:1.5rem}.exp-item{padding:1.5rem 1.25rem 1.75rem}.exp-item-header{flex-direction:column;align-items:flex-start}.exp-dot{left:-2.1rem}.exp-title{font-size:clamp(2rem,7vw,2.8rem)}}