*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.App,.application-form{min-height:100vh}.form-container{margin:0 auto;max-width:1200px;padding:20px}.section-header{margin-bottom:40px}.section-header h2{font-size:2rem}.section-header p{font-size:1.1rem}.progress-bar{margin-bottom:40px}.steps{margin-bottom:20px}.step-number{background-color:#ecf0f1;height:40px;margin-bottom:8px;width:40px}.step.active .step-number{background-color:#3498db}.step.completed .step-number{background-color:#27ae60}.step-title{color:#7f8c8d;font-size:.9rem;text-align:center}.progress-line{background-color:#ecf0f1;height:4px;margin:0 20px;position:relative}.form-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:40px}.form-grid{grid-gap:30px;display:grid;gap:30px}.form-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:25px}.form-section h3{border-bottom:2px solid #3498db;color:#2c3e50;margin-bottom:20px;padding-bottom:10px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-actions{margin-top:40px}.btn{border-radius:6px;font-size:1rem}.btn-primary{background-color:#3498db}.btn-primary:hover:not(:disabled){background-color:#2980b9}.btn-secondary{background-color:#95a5a6}.btn-secondary:hover:not(:disabled){background-color:#7f8c8d}.btn.full-width{width:100%}.form-input,.form-select{display:flex;flex-direction:column}.form-input label,.form-select label{color:#2c3e50;font-weight:600;margin-bottom:8px}.form-input input,.form-select select{border:2px solid #e9ecef;border-radius:6px;font-size:1rem;padding:12px;transition:border-color .3s ease}.form-input input:focus,.form-select select:focus{border-color:#3498db;outline:none}.required{color:#e74c3c}.instructions-list{grid-gap:15px;display:grid;gap:15px;margin-bottom:30px}.instruction-item{align-items:flex-start;border-radius:8px;border-right:4px solid #3498db;gap:15px;padding:20px}.instruction-number{align-items:center;background-color:#3498db;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:30px;justify-content:center;width:30px}.instruction-text{color:#2c3e50;line-height:1.6}.documents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.document-item{border:2px dashed #bdc3c7;border-radius:8px;padding:20px;transition:border-color .3s ease}.document-item:hover{border-color:#3498db}.file-upload{width:100%}.file-upload-label{color:#2c3e50;display:block;font-weight:600;margin-bottom:10px}.file-upload-container{position:relative}.file-input{border:1px solid #ddd;border-radius:4px;padding:10px;width:100%}.file-upload-info{margin-top:10px}.file-preview{align-items:center;display:flex;gap:10px}.file-preview img{border-radius:4px;height:60px;object-fit:cover;width:60px}.file-status{color:#27ae60;font-weight:600}.upload-progress{margin-top:10px}.progress-bar{background-color:#ecf0f1;border-radius:3px;height:6px;margin-bottom:5px;overflow:hidden;width:100%}.progress-fill{background-color:#3498db;transition:width .3s ease}.upload-error{color:#e74c3c;font-size:.9rem;margin-top:5px}.upload-requirements{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-bottom:30px;padding:20px}.upload-requirements h4{color:#856404;margin-bottom:10px}.upload-requirements ul{color:#856404;padding-right:20px}.upload-requirements li{margin-bottom:5px}.departments-container{grid-template-columns:2fr 1fr}@media (max-width:768px){.departments-container{grid-template-columns:1fr}}.available-departments h3,.selected-departments h3{color:#2c3e50;padding-bottom:10px}.departments-list{max-height:500px;overflow-y:auto}.department-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:15px;padding:20px}.department-info h4{color:#2c3e50;margin-bottom:5px}.department-info p{color:#7f8c8d;font-size:.9rem}.department-actions{display:flex;gap:5px}.priority-btn{background:#fff;border:2px solid #bdc3c7;border-radius:50%;color:#7f8c8d;cursor:pointer;font-weight:700;height:35px;transition:all .3s ease;width:35px}.priority-btn:hover:not(:disabled){border-color:#3498db;color:#3498db}.priority-btn.selected{background-color:#3498db;border-color:#3498db;color:#fff}.priority-btn:disabled{cursor:not-allowed;opacity:.5}.choices-list{border:1px solid #e9ecef;border-radius:8px;min-height:200px;padding:15px}.choice-item{background-color:#f8f9fa;border-radius:6px;gap:15px;margin-bottom:10px;padding:15px}.choice-priority{align-items:center;background-color:#3498db;border-radius:50%;color:#fff;display:flex;font-weight:700;height:30px;justify-content:center;width:30px}.choice-info h4{margin-bottom:2px}.choice-info p{font-size:.8rem}.remove-btn{border-radius:4px;margin-right:auto;padding:5px 10px}.no-selection{color:#7f8c8d;font-style:italic;padding:40px 20px;text-align:center}.selection-info{color:#2c3e50;font-weight:600;margin-bottom:20px}.success-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.success-container{color:#fff;flex-direction:column;min-height:calc(100vh - 80px);padding:40px 20px;text-align:center}.success-container,.success-icon{align-items:center;display:flex;justify-content:center}.success-icon{background:#fff;border-radius:50%;color:#27ae60;font-size:4rem;height:100px;margin-bottom:30px;width:100px}.success-content h1{font-size:2.5rem;margin-bottom:15px}.success-content p{font-size:1.2rem;margin-bottom:40px;opacity:.9}.application-info{margin-bottom:40px}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;max-width:400px;padding:30px}.info-card h3{font-size:1.3rem;margin-bottom:20px}.info-item{border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.next-steps{margin-bottom:40px;max-width:500px}.next-steps h3{font-size:1.3rem;margin-bottom:20px}.next-steps ul{list-style:none;text-align:right}.next-steps li{margin-bottom:10px;padding-right:20px;position:relative}.next-steps li:before{color:#3498db;content:"•";position:absolute;right:0}.action-buttons{flex-wrap:wrap;gap:15px;justify-content:center}@media print{.btn,.form-actions{display:none}.form-content{box-shadow:none;padding:0}body{background:#fff}}.app{background-color:#f5f5f5;direction:rtl;font-family:Cairo,sans-serif;min-height:100vh;padding:20px;text-align:right}.circular-label{background-color:#4caf50;border-radius:50%;color:#fff;display:inline-block;font-size:14px;font-weight:700;height:30px;line-height:30px;margin-left:10px;text-align:center;width:30px}.instruction-item{align-items:center;background-color:#f8f9fa;border-radius:5px;display:flex;margin-bottom:10px;padding:10px}.action-buttons{bottom:20px;display:flex;gap:10px;left:20px;position:fixed;z-index:1000}.btn-primary{background-color:#007bff}.btn-primary,.btn-primary1{border:none;border-radius:20px;padding:10px 20px}.btn-primary1{background-color:#28a745;color:#fff}.btn-secondary{background-color:#6c757d;border:none;border-radius:20px;padding:10px 20px}.card{box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.card-header{background:linear-gradient(135deg,#6f42c1,#007bff);border-radius:10px 10px 0 0!important;color:#fff}.form-control{border:1px solid #ced4da;border-radius:5px}.rtl-label{direction:rtl;display:block;font-weight:700;margin-bottom:5px;text-align:right}.department-card{border:2px solid #0000;cursor:pointer;transition:transform .3s}.department-card:hover{transform:scale(1.05)}.department-card.selected{background-color:#e9f7ff;border:2px solid #007bff}.selected-list{background-color:#f8f9fa;border:1px solid #ccc;border-radius:5px;min-height:200px;padding:10px}@media (max-width:768px){.app{padding:10px}.action-buttons{bottom:auto;justify-content:center;left:auto;margin-top:20px;position:relative}.instruction-item{align-items:flex-start;flex-direction:column}.circular-label{margin-bottom:5px;margin-left:0}}.loading{font-size:1.2rem}.loading:before{content:"⏳";display:block;font-size:2rem;margin-bottom:10px}.btn:disabled{position:relative}.btn:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;position:absolute;right:10px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.departments-section{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;padding:20px}.section-header{margin-bottom:30px;text-align:center}.section-header h2{color:#2c3e50;font-size:28px;margin-bottom:10px}.section-header p{color:#7f8c8d;font-size:16px}.departments-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}@media (max-width:768px){.departments-container{gap:20px;grid-template-columns:1fr}}.available-departments h3,.selected-departments h3{border-bottom:2px solid #3498db;color:#34495e;font-size:20px;margin-bottom:20px;padding-bottom:8px}.department-selector{align-items:stretch;display:flex;gap:10px;margin-bottom:20px}.department-dropdown{background:#fff;border:2px solid #bdc3c7;border-radius:8px;color:#2c3e50;flex:1 1;font-size:16px;min-height:48px;padding:12px 16px;transition:all .3s ease}.department-dropdown:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.department-dropdown option{font-size:14px;padding:10px}.add-btn{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:48px;min-width:80px;padding:12px 24px;transition:all .3s ease}.add-btn:hover:not(:disabled){background:#219a52;transform:translateY(-1px)}.add-btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.available-info{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:15px}.available-info p{color:#2c3e50;font-weight:500;margin:0}.choices-list{display:flex;flex-direction:column;gap:15px}.choice-slot{border:2px dashed #bdc3c7;border-radius:10px;padding:15px;transition:all .3s ease}.choice-slot:hover{border-color:#3498db}.choice-header{margin-bottom:10px}.priority-label{color:#2c3e50;font-size:14px;font-weight:600}.choice-item{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.choice-item.selected{background:#ecf0f1;border:1px solid #bdc3c7}.choice-item.empty{background:#fafafa;border:1px dashed #bdc3c7;color:#7f8c8d;text-align:center}.choice-item.empty p{font-style:italic;margin:0}.choice-info h4{color:#2c3e50;font-size:16px;margin:0 0 5px}.choice-info p{color:#7f8c8d;font-size:14px;margin:0}.remove-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.remove-btn:hover{background:#c0392b;transform:translateY(-1px)}.selection-info{background:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:20px;text-align:center}.selection-info p{color:#2c3e50;font-size:16px;font-weight:500;margin:0}.error-message{color:#e74c3c!important;font-weight:600!important;margin-top:10px!important}.form-actions{display:flex;gap:15px;justify-content:space-between}.btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 30px;transition:all .3s ease}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d;transform:translateY(-1px)}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background:#2980b9;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading{color:#7f8c8d;font-size:18px;padding:40px;text-align:center}@media (max-width:480px){.departments-section{padding:15px}.department-selector{flex-direction:column}.add-btn{width:100%}.form-actions{flex-direction:column}.btn{width:100%}}@media (prefers-color-scheme:dark){.departments-section{background:#1a1a1a;color:#fff}.section-header h2{color:#fff}.department-dropdown{background:#2d2d2d;border-color:#555;color:#fff}.choice-item.selected,.selection-info{background:#2d2d2d}}.header{animation:slideDown .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2563ebf2,#3b82f6e6 50%,#60a5fad9);border-bottom:1px solid #fff3;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header.scrolled{background:#2563ebfa;box-shadow:0 8px 32px #0000001a;padding:.5rem 0}.header-pattern{overflow:hidden;pointer-events:none}.header-pattern,.islamic-geometry{bottom:0;left:0;position:absolute;right:0;top:0}.islamic-geometry{background-image:radial-gradient(circle at 20% 30%,#ffffff1a 2px,#0000 0),radial-gradient(circle at 80% 70%,#ffffff1a 2px,#0000 0);background-size:80px 80px;opacity:.3}.gradient-overlay{background:linear-gradient(45deg,#0000,#ffffff1a 50%,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem;position:relative;z-index:2}.logo-section{flex:1 1}.logo{align-items:center;display:flex;gap:1rem}.logo-icon{animation:logoFloat 4s ease-in-out infinite}.icon-wrapper,.logo-icon{align-items:center;display:flex;justify-content:center;position:relative}.icon-wrapper{animation:logoRotate 3s linear infinite;background:linear-gradient(135deg,#fff,#f0f0f0);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 32px #0000001a,inset 0 2px 4px #fffc;height:70px;width:70px}.main-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2rem}.icon-glow{animation:rotate 3s linear infinite;background:conic-gradient(from 0deg,#2563eb,#3b82f6,#60a5fa,#3b82f6,#2563eb);border-radius:50%;bottom:-5px;left:-5px;opacity:.7;position:absolute;right:-5px;top:-5px;z-index:-1}.icon-particles{bottom:0;left:0;position:absolute;right:0;top:0}.particle{animation:float 3s ease-in-out infinite;color:#fffc;font-size:.8rem;position:absolute}.particle-1{animation-delay:0s;left:50%;top:-10px}.particle-2{animation-delay:.5s;right:-5px;top:20%}.particle-3{animation-delay:1s;bottom:20%;right:-5px}.particle-4{animation-delay:1.5s;bottom:-10px;left:50%}.particle-5{animation-delay:2s;bottom:20%;left:-5px}.particle-6{animation-delay:2.5s;left:-5px;top:20%}.logo-text{animation:fadeInRight .6s ease-out;display:flex;flex-direction:column}.main-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 2px 8px #0000004d}.subtitle{animation:fadeInRight .8s ease-out;color:#ffffffe6;font-size:.9rem;font-weight:500;margin:.25rem 0 0}.nav-section{animation:fadeInLeft .6s ease-out;gap:2rem}.nav,.nav-section{align-items:center;display:flex}.nav{gap:1rem}.nav-title{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.nav-title:hover{background:#fff3;transform:translateY(-2px)}.nav-decoration{color:#ffffffb3;font-size:1.2rem}.date-time-card,.time-section{position:relative}.date-time-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;min-width:200px;overflow:hidden;padding:.75rem 1rem;transition:all .3s ease}.date-time-card:hover{background:#ffffff26;transform:translateY(-2px)}.time-display{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.time-icon{font-size:1rem}.time-text{color:#fff;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.date-display{color:#ffffffe6;font-size:.8rem;text-align:center}.time-glow{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffffff1a 50%,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.status-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.status-indicator:hover{background:#ffffff26}.status-dot{animation:pulse 2s infinite;background:#60a5fa;border-radius:50%;height:8px;width:8px}.status-text{color:#fff;font-size:.8rem;font-weight:500}.header-progress{animation:progressLoad 1.5s ease-out;background:linear-gradient(90deg,#60a5fa,#3b82f6,#2563eb,#3b82f6,#60a5fa);bottom:0;box-shadow:0 0 10px #60a5fa80;height:3px;left:0;position:absolute;right:0;transform-origin:left}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:.5rem;transition:all .3s ease}.mobile-menu-btn:hover{transform:scale(1.1)}.mobile-menu-btn span{background:#fff;border-radius:2px;height:3px;transition:all .3s ease;width:25px}.mobile-menu{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2563ebfa;border-bottom:1px solid #fff3}.mobile-nav{color:#fff;display:flex;flex-direction:column;gap:1rem;padding:1rem 2rem;text-align:center}.mobile-time{display:flex;font-size:.9rem;justify-content:space-between;opacity:.9}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(-2deg)}}@keyframes logoRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{opacity:.8;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-10px) scale(1.2)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes progressLoad{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.header-content{padding:1rem}.main-title{font-size:1.5rem}.nav-section{gap:1rem}.date-time-card{min-width:180px}}@media (max-width:768px){.nav-section{display:none}.mobile-menu-btn{display:flex}.logo{gap:.75rem}.icon-wrapper{height:50px;width:50px}.main-icon{font-size:1.5rem}.main-title{font-size:1.2rem}.subtitle{font-size:.8rem}}@media (max-width:480px){.header-content{padding:.75rem 1rem}.main-title{font-size:1rem}.subtitle{font-size:.7rem}.icon-wrapper{height:40px;width:40px}.main-icon{font-size:1.2rem}}.footer{background-color:#fff;border-top:1px solid #e0e0e0;direction:rtl;margin-top:auto;padding:1rem 0}.footer-content{margin:0 auto;max-width:1200px;padding:0 1rem;text-align:center}.footer-content p{color:#666;font-size:.9rem;margin:0}.progress-bar-container{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:20px 0;overflow:hidden;padding:30px;position:relative}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px;padding:0 10px}.progress-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;color:#2c3e50;font-size:1.2rem;font-weight:700}.progress-percentage{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-size:1rem;font-weight:700;padding:8px 16px}.steps-wrapper{margin-bottom:30px;padding:0 10px}.steps{display:flex;justify-content:space-between;margin:0 -10px;position:relative}.step{flex:1 1;flex-direction:column;min-width:120px;position:relative;text-align:center;z-index:2}.step,.step-indicator{align-items:center;display:flex}.step-indicator{flex-direction:column;margin-bottom:15px;width:100%}.step-number{align-items:center;border:3px solid #0000;border-radius:50%;box-shadow:0 4px 15px #0000001a;display:flex;font-size:1.2rem;font-weight:700;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px;z-index:2}.step-connector{background:#e9ecef;height:3px;left:-50%;position:absolute;right:50%;top:30px;z-index:1}.step:first-child .step-connector{display:none}.step.completed .step-connector{background:linear-gradient(90deg,#28a745,#20c997)}.step-content{display:flex;flex-direction:column;justify-content:center;min-height:50px;padding:0 10px;text-align:center}.step-title{font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:5px;transition:all .3s ease}.step-subtitle{color:#6c757d;font-size:.85rem;line-height:1.2;opacity:.8}.progress-track{background:#f1f3f4;height:12px;margin:20px 10px 0;overflow:hidden}.progress-fill,.progress-track{border-radius:6px;position:relative}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2 50%,#28a745);height:100%;transition:width .5s ease-in-out}.progress-thumb{background:#fff;border:2px solid #667eea;border-radius:50%;box-shadow:0 2px 8px #0000004d;height:20px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:20px}.step.pending .step-number{background-color:#f8f9fa;border-color:#e9ecef;color:#6c757d}.step.active .step-number{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#fff;box-shadow:0 6px 25px #667eea66;color:#fff;transform:scale(1.1)}.step.completed .step-number{background:linear-gradient(135deg,#28a745,#20c997);border-color:#fff;box-shadow:0 4px 20px #28a7454d;color:#fff}.step.pending .step-title{color:#6c757d}.step.active .step-title{color:#2c3e50;font-weight:700}.step.completed .step-title{color:#28a745}.step{transition:all .3s ease}.step:hover .step-number{transform:scale(1.05)}.step.active:hover .step-number{transform:scale(1.15)}@media (max-width:768px){.progress-bar-container{margin:15px 0;padding:20px 15px}.steps{flex-wrap:wrap;gap:15px}.step{margin-bottom:15px;min-width:calc(50% - 10px)}.step-number{font-size:1.1rem;height:50px;width:50px}.step-connector{display:none}.step-title{font-size:.9rem}.step-subtitle{font-size:.8rem}}@media (max-width:480px){.progress-bar-container{padding:15px 10px}.step{align-items:center;flex-direction:row;justify-content:flex-start;margin-bottom:20px;min-width:100%;text-align:right}.step-indicator{flex-direction:row;margin-bottom:0;margin-left:15px;width:auto}.step-number{height:45px;margin-left:10px;width:45px}.step-content{flex:1 1;min-height:auto;padding:0;text-align:right}.progress-info{flex-direction:column;gap:10px;text-align:center}}@keyframes pulse{0%{box-shadow:0 0 0 0 #667eea66}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 0 0 #667eea00}}.step.active .step-number{animation:pulse 2s infinite}.progress-bar-container:before{background:linear-gradient(90deg,#667eea,#764ba2,#28a745);content:"";height:4px;opacity:.1;position:absolute;right:0;top:0;width:100%}
/*# sourceMappingURL=main.86ad1217.css.map*/