html{scroll-behavior:smooth}@keyframes swipe-arrow{0%,to{transform:translate(0);opacity:1}50%{transform:translate(15px);opacity:.7}}.animate-swipe-arrow{animation:swipe-arrow 1.2s ease-in-out infinite}.setup-progress-bar{height:6px;background:linear-gradient(90deg,#f3e8e0,#fdf8f5);border-radius:999px;overflow:hidden;position:relative}.setup-progress-fill{height:100%;background:linear-gradient(90deg,#e67e22,#f39c12,#e74c3c);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.setup-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progress-shimmer 2s ease-in-out infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.step-container{position:relative;width:100%;overflow:hidden}.step-content{animation:step-fade-in .4s ease-out forwards}@keyframes step-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-slide-left{animation:step-slide-left .35s ease-out forwards}@keyframes step-slide-left{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.step-slide-right{animation:step-slide-right .35s ease-out forwards}@keyframes step-slide-right{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.selection-card{transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid transparent}.selection-card:hover:not(.selection-card-selected){border-color:#e67e224d;transform:translateY(-2px);box-shadow:0 8px 25px -5px #e67e2226}.selection-card-selected{border-color:#e67e22!important;background:linear-gradient(135deg,#fef9f3,#fdf5ed)!important;box-shadow:0 4px 20px -3px #e67e2240;transform:scale(1.02)}.selection-card-selected .selection-check{opacity:1;transform:scale(1)}.selection-check{opacity:0;transform:scale(.5);transition:all .2s ease}.step-nav-btn{padding:14px 32px;border-radius:999px;font-weight:600;font-size:1rem;transition:all .25s ease;display:inline-flex;align-items:center;gap:8px}.step-nav-btn-primary{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;box-shadow:0 4px 15px -3px #e67e2266}.step-nav-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px -3px #e67e2280}.step-nav-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.step-nav-btn-secondary{background:#f5f5f5;color:#666}.step-nav-btn-secondary:hover{background:#ebebeb}.step-title{font-size:1.75rem;font-weight:700;color:#e67e22;margin-bottom:.5rem;line-height:1.2}.step-subtitle{font-size:1rem;color:#666;margin-bottom:1.5rem}.step-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#e67e221a;border-radius:999px;font-size:.875rem;color:#e67e22;font-weight:500}.setup-input{width:100%;padding:14px 18px;border:2px solid #e8e0d8;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#fff}.setup-input:focus{outline:none;border-color:#e67e22;box-shadow:0 0 0 3px #e67e221a}.setup-input::placeholder{color:#aaa}.setup-label{display:block;font-size:.9rem;font-weight:600;color:#444;margin-bottom:8px}.setup-label-required:after{content:" *";color:#e67e22}.setup-upload-zone{border:2px dashed #d4c8bc;border-radius:16px;padding:32px;text-align:center;background:linear-gradient(135deg,#fdfbf9,#f9f5f1);transition:all .25s ease;cursor:pointer}.setup-upload-zone:hover{border-color:#e67e22;background:linear-gradient(135deg,#fef9f3,#fdf5ed)}.setup-upload-zone.has-image{border-style:solid;border-color:#27ae60;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}
