:root{--hcos-primary:#2563eb;--hcos-secondary:#1e40af;--hcos-success:#10b981;--hcos-danger:#ef4444;--hcos-warning:#f59e0b;--hcos-info:#3b82f6;--hcos-dark:#1f2937;--hcos-light:#f3f4f6;--hcos-border:#e5e7eb;--hcos-text:#374151}.hcos-progress-container{max-width:1200px;margin:0 auto 40px;padding:30px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgb(0 0 0 / .1)}.hcos-progress-steps{display:flex;align-items:center;justify-content:space-between;position:relative}.hcos-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:0 0 auto}.step-circle{width:56px;height:56px;border-radius:50%;background:var(--hcos-light);border:3px solid var(--hcos-border);display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all 0.3s ease;font-size:20px;font-weight:600;color:#9ca3af}.hcos-step.active .step-circle{background:var(--hcos-primary);border-color:var(--hcos-primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px rgb(37 99 235 / .3)}.hcos-step.completed .step-circle{background:var(--hcos-success);border-color:var(--hcos-success);color:#fff}.step-number{font-size:20px;font-weight:600}.checkmark{font-size:28px;font-weight:700}.step-label{font-size:15px;color:#6b7280;font-weight:500;text-align:center;white-space:nowrap}.hcos-step.active .step-label{color:var(--hcos-primary);font-weight:600}.hcos-step.completed .step-label{color:var(--hcos-success);font-weight:600}.step-connector{flex:1;height:3px;background:var(--hcos-border);position:relative;margin:0 -5px;margin-top:-30px;z-index:1;transition:background 0.3s ease}.step-connector.completed{background:var(--hcos-success)}.hcos-form-container{max-width:900px;margin:0 auto;padding:40px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgb(0 0 0 / .1)}.hcos-form-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--hcos-light)}.hcos-form-header h2{font-size:28px;color:var(--hcos-dark);margin:0 0 10px 0;display:flex;align-items:center;gap:15px}.hcos-form-header p{color:#6b7280;margin:0;font-size:15px}.hcos-status-badge{display:inline-block;padding:6px 14px;background:#fef3c7;color:#92400e;border-radius:16px;font-size:13px;font-weight:600;margin-left:12px}.hcos-status-badge.verified{background:#d1fae5;color:#065f46}.hcos-status-badge.pending{background:#dbeafe;color:#1e40af}.hcos-status-badge.failed{background:#fee2e2;color:#991b1b}.hcos-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.hcos-form-group{margin-bottom:20px}.hcos-form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--hcos-dark);font-size:14px}.hcos-form-group input[type="text"],.hcos-form-group input[type="email"],.hcos-form-group input[type="tel"],.hcos-form-group input[type="date"],.hcos-form-group input[type="number"],.hcos-form-group select{width:100%;padding:12px 16px;border:2px solid var(--hcos-border);border-radius:8px;font-size:15px;transition:border-color 0.3s ease}.hcos-form-group input:focus,.hcos-form-group select:focus{outline:none;border-color:var(--hcos-primary);box-shadow:0 0 0 3px rgb(37 99 235 / .1)}.hcos-form-group input[readonly]{background:var(--hcos-light);cursor:not-allowed}.hcos-form-group small{display:block;margin-top:6px;color:#6b7280;font-size:13px}.hcos-toggle-container{margin:30px 0;padding:20px;background:var(--hcos-light);border-radius:8px}.hcos-toggle-switch{display:flex;align-items:center;cursor:pointer;user-select:none}.hcos-toggle-switch input[type="checkbox"]{display:none}.hcos-toggle-slider{position:relative;width:52px;height:28px;background:#cbd5e1;border-radius:14px;cursor:pointer;transition:background 0.3s;margin-right:12px;flex-shrink:0}.hcos-toggle-slider:before{content:'';position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform 0.3s;box-shadow:0 2px 4px rgb(0 0 0 / .2)}.hcos-toggle-switch input:checked+.hcos-toggle-slider{background:var(--hcos-primary)}.hcos-toggle-switch input:checked+.hcos-toggle-slider:before{transform:translateX(24px)}.hcos-toggle-label{font-weight:500;color:var(--hcos-dark);font-size:15px}.hcos-info-box{background:#eff6ff;border-left:4px solid var(--hcos-info);padding:16px 20px;margin:20px 0;border-radius:6px;font-size:14px;color:#1e40af;line-height:1.6}.hcos-warning-box{background:#fef3c7;border-left:4px solid var(--hcos-warning);padding:16px 20px;margin:20px 0;border-radius:6px;font-size:14px;color:#92400e;line-height:1.6}.hcos-success-box{background:#d1fae5;border-left:4px solid var(--hcos-success);padding:16px 20px;margin:20px 0;border-radius:6px;font-size:14px;color:#065f46;line-height:1.6}.hcos-error-box{background:#fee2e2;border-left:4px solid var(--hcos-danger);padding:16px 20px;margin:20px 0;border-radius:6px;font-size:14px;color:#991b1b;line-height:1.6}.hcos-btn{padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;border:none;display:inline-block;text-decoration:none;text-align:center}.hcos-btn-primary{background:var(--hcos-primary);color:#fff}.hcos-btn-primary:hover{background:var(--hcos-secondary);transform:translateY(-2px);box-shadow:0 8px 16px rgb(37 99 235 / .3)}.hcos-btn-secondary{background:#6b7280;color:#fff}.hcos-btn-secondary:hover{background:#4b5563}.hcos-btn-outline{background:#fff0;color:var(--hcos-primary);border:2px solid var(--hcos-primary)}.hcos-btn-outline:hover{background:var(--hcos-primary);color:#fff}.hcos-btn:disabled{opacity:.6;cursor:not-allowed}.hcos-loader{border:4px solid var(--hcos-light);border-top:4px solid var(--hcos-primary);border-radius:50%;width:50px;height:50px;animation:hcos-spin 1s linear infinite;margin:20px auto}@keyframes hcos-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hcos-loading-container{text-align:center;padding:40px 20px}.hcos-loading-container h3{margin:20px 0 10px;color:var(--hcos-dark)}.hcos-loading-container p{color:#6b7280;margin:0}.hcos-verified-badge{display:inline-block;width:24px;height:24px;background:var(--hcos-success);color:#fff;border-radius:50%;text-align:center;line-height:24px;font-size:14px;margin-left:8px}@media (max-width:768px){.hcos-progress-container{padding:20px 15px}.hcos-progress-steps{flex-direction:column}.hcos-step{margin-bottom:30px;width:100%}.step-connector{display:none}.hcos-form-container{padding:25px 20px}.hcos-form-row{grid-template-columns:1fr;gap:0}.step-label{white-space:normal}}@media (max-width:480px){.hcos-form-header h2{font-size:22px;flex-direction:column;align-items:flex-start}.hcos-status-badge{margin-left:0;margin-top:8px}.step-circle{width:48px;height:48px;font-size:18px}}.hcos-powered-by{text-align:center;padding:20px;color:#9ca3af;font-size:13px}.hcos-powered-by a{color:var(--hcos-primary);text-decoration:none;font-weight:500}.hcos-powered-by a:hover{text-decoration:underline}.hcos-form-group input.hcos-error,.hcos-form-group select.hcos-error{border-color:var(--hcos-danger)}.hcos-field-error{display:block;color:var(--hcos-danger);font-size:13px;margin-top:6px;font-weight:500}.hcos-notification{position:fixed;top:32px;right:-400px;max-width:350px;background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 10px 25px rgb(0 0 0 / .2);z-index:999999;transition:right 0.3s ease}.hcos-notification.show{right:20px}.hcos-notification-success{border-left:4px solid var(--hcos-success)}.hcos-notification-error{border-left:4px solid var(--hcos-danger)}.hcos-notification-warning{border-left:4px solid var(--hcos-warning)}.hcos-notification-info{border-left:4px solid var(--hcos-info)}