{} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } :root { --brand-primary: #F26430; --brand-white: #FFFFFF; --brand-deep-orange: #E8571C; --brand-light-orange: #FF7F50; } .brand-primary { color: var(--brand-primary); } .bg-brand-primary { background-color: var(--brand-primary); } .border-brand-primary { border-color: var(--brand-primary); } .btn-brand { background-color: var(--brand-primary); transition: background-color 0.3s ease; } .btn-brand:hover { background-color: var(--brand-deep-orange); } .gradient-brand { background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-deep-orange) 100%); } .success-checkmark { animation: checkmark-pop 0.6s ease-out; } @keyframes checkmark-pop { 0% { transform: scale(0) rotate(-45deg); opacity: 0; } 50% { transform: scale(1.2); } 100% { transform: scale(1) rotate(0); opacity: 1; } } .pulse-ring { animation: pulse-ring 2s infinite; } @keyframes pulse-ring { 0% { box-shadow: 0 0 0 0 rgba(242, 100, 48, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(242, 100, 48, 0); } 100% { box-shadow: 0 0 0 0 rgba(242, 100, 48, 0); } } .timeline-item { position: relative; padding-left: 40px; } .timeline-item::before { content: ''; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background-color: var(--brand-primary); border-radius: 50%; } .timeline-item.completed::before { background-color: #10b981; } .timeline-item.current::before { animation: pulse-ring 2s infinite; }