:root{--bg:#0d0d1a;--accent:#e8184e;--accent-dim:rgba(232,24,78,.25);--line:linear-gradient(90deg,#7b2ff7,#e8184e);--text-white:#fff;--text-muted:#b0b3c6;--circle-border:2px solid #e8184e;--font:"Barlow",sans-serif}.process-section{width:100%}.process-title{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;letter-spacing:.01em;margin-bottom:64px;text-align:center}.timeline{align-items:flex-start;display:flex;gap:0;justify-content:space-between;margin-top:3rem;position:relative}.timeline:before{background:var(--line);content:"";height:2px;left:0;position:absolute;right:0;top:32px;z-index:0}.step{flex:1;flex-direction:column;padding:0 8px;text-align:center;z-index:1}.step,.step-circle{align-items:center;display:flex;position:relative}.step-circle{background:var(--bg);border:var(--circle-border);border-radius:50%;flex-shrink:0;height:64px;justify-content:center;transition:background .3s,box-shadow .3s;width:64px;z-index:2}.step:hover .step-circle{background:#1a0a10;box-shadow:0 0 20px rgba(232,24,78,.5)}.step-number{color:var(--accent);font-size:1rem;font-weight:700;letter-spacing:.05em}.step-body{margin-top:18px;max-width:160px}.step-label{color:var(--text-white);font-weight:700;margin-bottom:6px;text-transform:capitalize;white-space:nowrap}.step-desc{color:var(--text-muted);font-weight:400;line-height:1.5}@media (max-width:900px){.process-section{padding:56px 24px 64px}.timeline{flex-wrap:wrap;gap:0;justify-content:center}.timeline:before{display:none}.step{flex:0 0 25%;padding:0 4px 40px}.step-circle:after{background:var(--accent);border-radius:50%;bottom:-14px;content:"";display:block;height:6px;left:50%;opacity:.4;position:absolute;transform:translateX(-50%);width:6px}.step{position:relative}}@media (max-width:560px){.process-section{padding:48px 20px 56px}.process-title{margin-bottom:48px}.timeline{align-items:center;flex-direction:column;gap:0}.timeline:before{display:none}.step{align-items:flex-start;flex:none;flex-direction:row;gap:20px;padding:0 0 32px;text-align:left;width:100%}.step:not(:last-child):after{background:var(--line);bottom:0;content:"";left:31px;opacity:.5;position:absolute;top:64px;width:2px}.step-circle{flex-shrink:0}.step-circle:after{display:none}.step-body{margin-top:14px;max-width:none}.step-label{white-space:normal}}