.phase-icon,.phase-icon-wrapper{align-items:center;display:flex;justify-content:center}.phase-icon{border-radius:50%;box-shadow:0 4px 12px rgba(82,183,101,.25);height:56px;position:relative;transition:all .3s ease;width:56px}.phase-icon:hover{box-shadow:0 6px 20px rgba(82,183,101,.4);transform:scale(1.05)}.phase-number-display{color:#fff;font-size:24px;font-weight:700;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.2)}.phase-analysis,.phase-default,.phase-design,.phase-development,.phase-implementation,.phase-launch,.phase-optimization,.phase-planning,.phase-strategy,.phase-testing{background:linear-gradient(135deg,#52b765,#3da052)}.timeline-marker .phase-icon,.timeline-marker .phase-icon-wrapper{height:100%;width:100%}.timeline-phase:hover .phase-icon{box-shadow:0 6px 20px rgba(82,183,101,.4);transform:scale(1.05)}@media (max-width:768px){.phase-icon{height:48px;width:48px}.phase-number-display{font-size:20px}}@media (max-width:576px){.phase-icon{height:40px;width:40px}.phase-number-display{font-size:18px}}@media (prefers-color-scheme:dark){.phase-icon{box-shadow:0 4px 12px rgba(82,183,101,.35)}.phase-icon:hover{box-shadow:0 6px 20px rgba(82,183,101,.5)}}.phase-number-display{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media print{.phase-icon{border:2px solid #52b765;box-shadow:none}.phase-icon:hover{transform:none}}