:root{--primary-color: #3b6eea;--primary-dark: #2563eb;--primary-bg: #eaf1fd;--secondary-color: #dc2626;--accent-color: #fbbf24;--text-dark: #1e293b;--text-light: #64748b;--text-white: #ffffff;--bg-light: #f8fafc;--bg-white: #ffffff;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #3b6eea 0%, #2563eb 100%);--gradient-secondary: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);--gradient-accent: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%)}.veteran-funnel *{margin:0;padding:0;box-sizing:border-box}.veteran-funnel{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--bg-white)}.veteran-funnel h1,.veteran-funnel h2,.veteran-funnel h3,.veteran-funnel h4,.veteran-funnel h5,.veteran-funnel h6{font-weight:700;line-height:1.2;margin-bottom:1rem}.veteran-funnel h1{font-size:3.5rem}.veteran-funnel h2{font-size:2.5rem}.veteran-funnel h3{font-size:1.875rem}.veteran-funnel h4{font-size:1.5rem}.veteran-funnel h5{font-size:1.25rem}.veteran-funnel h6{font-size:1.125rem}.veteran-funnel p{margin-bottom:1rem;color:var(--text-light)}.veteran-funnel .cta-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;background:var(--gradient-primary);color:var(--text-white);box-shadow:var(--shadow-md)}.veteran-funnel .cta-button:hover:not([disabled]){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.veteran-funnel .cta-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.veteran-funnel .cta-button.secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.veteran-funnel .cta-button.secondary:hover{background:var(--primary-color);color:var(--text-white)}.veteran-funnel .form-field{margin-bottom:1.5rem}.veteran-funnel .form-field label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-dark)}.veteran-funnel .form-field input,.veteran-funnel .form-field select,.veteran-funnel .form-field textarea{width:100%;padding:12px 16px;font-size:1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-white);color:var(--text-dark);transition:all .3s ease}.veteran-funnel .form-field input:focus,.veteran-funnel .form-field select:focus,.veteran-funnel .form-field textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b6eea1a}.veteran-funnel .form-field input.error,.veteran-funnel .form-field select.error,.veteran-funnel .form-field textarea.error{border-color:var(--secondary-color)}.veteran-funnel .error-message{color:var(--secondary-color);font-size:.875rem;margin-top:.25rem}.veteran-funnel .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.veteran-funnel .modal-overlay.active{opacity:1;visibility:visible}.veteran-funnel .modal-content{background:var(--bg-white);border-radius:12px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);transform:translateY(20px);transition:transform .3s ease}.veteran-funnel .modal-overlay.active .modal-content{transform:translateY(0)}.veteran-funnel .progress-container{margin-bottom:2rem}.veteran-funnel .progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;position:relative}.veteran-funnel .progress-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .3s ease;position:absolute;left:0;top:0}.veteran-funnel .progress-text{text-align:left;margin-top:.5rem;font-size:.875rem;color:var(--text-light)}.veteran-funnel .radio-options,.veteran-funnel .checkbox-options{display:flex;flex-direction:column;gap:.75rem}.veteran-funnel .radio-options label,.veteran-funnel .checkbox-options label{display:flex;align-items:center;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;background:var(--bg-white)}.veteran-funnel .radio-options label:hover,.veteran-funnel .checkbox-options label:hover{border-color:var(--primary-color);background:var(--primary-bg)}.veteran-funnel .radio-options input[type=radio],.veteran-funnel .checkbox-options input[type=checkbox]{margin-right:12px;width:18px;height:18px;accent-color:var(--primary-color)}.veteran-funnel .radio-options label:has(input[type=radio]:checked),.veteran-funnel .checkbox-options label:has(input[type=checkbox]:checked){border-color:var(--primary-color);background:var(--primary-bg)}.veteran-funnel .loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.veteran-funnel .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.veteran-funnel .form-grid{grid-template-columns:1fr}}.veteran-funnel .security-note{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--primary-bg);border-radius:8px;margin-top:1rem;font-size:.875rem;color:var(--text-light)}.veteran-funnel .security-note i{color:var(--primary-color);font-size:1rem}.veteran-funnel .modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-light);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.veteran-funnel .modal-close:hover{background:var(--border-color);color:var(--text-dark)}@media (max-width: 768px){.veteran-funnel .modal-content{padding:1rem;width:98%;max-height:98vh;margin:.5rem}.veteran-funnel h1{font-size:2rem}.veteran-funnel h2{font-size:1.75rem}.veteran-funnel h3{font-size:1.25rem}.veteran-funnel p{font-size:.9rem;line-height:1.5}.veteran-funnel .cta-button{padding:10px 16px;font-size:.875rem;min-height:44px}.veteran-funnel .form-field input,.veteran-funnel .form-field select,.veteran-funnel .form-field textarea{padding:12px 14px;font-size:16px;min-height:44px}.veteran-funnel .radio-options label,.veteran-funnel .checkbox-options label{padding:12px 14px;min-height:44px;font-size:.9rem}.veteran-funnel .modal-close{width:40px;height:40px;font-size:1.1rem;top:.5rem;right:.5rem}.veteran-funnel input[type=checkbox],.veteran-funnel input[type=radio]{min-width:18px;min-height:18px}.veteran-funnel .form-field{margin-bottom:1rem}.veteran-funnel .form-field label{font-size:.9rem;margin-bottom:.4rem}.veteran-funnel .modal-content{-webkit-overflow-scrolling:touch}.veteran-funnel .progress-container{margin-bottom:1rem}.veteran-funnel .progress-text{font-size:.8rem}}@media (max-width: 480px){.veteran-funnel .modal-content{padding:.75rem;width:100%;max-height:100vh;margin:0;border-radius:0}.veteran-funnel h1{font-size:1.75rem}.veteran-funnel h2{font-size:1.5rem}.veteran-funnel h3{font-size:1.125rem}.veteran-funnel p{font-size:.85rem;line-height:1.4}.veteran-funnel .cta-button{padding:12px 14px;font-size:.875rem;width:100%}.veteran-funnel .form-field{margin-bottom:.75rem}.veteran-funnel .form-field label{font-size:.85rem;margin-bottom:.3rem}.veteran-funnel .form-field input,.veteran-funnel .form-field select,.veteran-funnel .form-field textarea{padding:10px 12px;font-size:16px}.veteran-funnel .radio-options label,.veteran-funnel .checkbox-options label{padding:10px 12px;font-size:.85rem}.veteran-funnel .modal-close{width:36px;height:36px;font-size:1rem;top:.25rem;right:.25rem}.veteran-funnel .progress-container{margin-bottom:.75rem}.veteran-funnel .progress-text{font-size:.75rem}}@media (max-width: 360px){.veteran-funnel .modal-content{padding:.75rem;width:100%;border-radius:0}.veteran-funnel h1{font-size:1.75rem}.veteran-funnel h2{font-size:1.5rem}.veteran-funnel .cta-button{padding:16px 12px;font-size:.875rem}.veteran-funnel .form-field input,.veteran-funnel .form-field select,.veteran-funnel .form-field textarea{padding:12px 14px;font-size:16px}.veteran-funnel .radio-options label,.veteran-funnel .checkbox-options label{padding:12px 14px}.veteran-funnel .form-field,.veteran-funnel .progress-container{margin-bottom:1rem}}
