.layout-wrapper{min-height:100vh;background:#f4f6f8;padding:2rem 1rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.form-box{background:#fff;width:100%;max-width:650px;padding:2rem;margin-top:1.5rem;border-radius:12px;box-shadow:0 4px 12px #00000012;box-sizing:border-box}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.form-group h4{margin-bottom:1rem;font-size:18px;color:#007bff;border-bottom:2px solid #e0e0e0;padding-bottom:5px}.review-field{display:flex;flex-direction:column;margin-bottom:1rem}.review-field label{margin-bottom:6px;font-weight:600;font-size:14px;color:#333;text-transform:capitalize}.review-field input{padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;transition:border .3s ease;background:#fdfdfd;outline:none}.review-field input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.form-navigation{display:flex;justify-content:space-between;margin-top:2rem}.nav-btn{padding:10px 22px;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:14px;transition:all .3s ease}.back-btn{background-color:#dee2e6;color:#333}.next-btn{background-color:#007bff;color:#fff}.next-btn.disabled{background-color:#b5d2f0;cursor:not-allowed}.submitting-msg{margin-top:1.5rem;font-size:14px;color:#555;font-style:italic}.submission-success{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f0f4f8;padding:2rem;box-sizing:border-box}.success-card{background:#fff;padding:2.5rem 2rem;border-radius:12px;box-shadow:0 4px 16px #0000001a;max-width:480px;width:100%;text-align:center;border-top:6px solid #28a745;animation:fadeIn .6s ease-in-out}.success-card h2{font-size:26px;color:#28a745;margin-bottom:1rem}.success-card p{font-size:16px;color:#333;margin:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.form-group .error{color:#dc3545;font-size:12px;margin-top:5px}.form-group.success{background:#e6f9ed;padding:.8rem 1rem;border:1px solid #28a745;border-radius:6px;color:#155724;font-size:14px;font-weight:500;margin-bottom:1.2rem}@media (max-width: 600px){.form-box{padding:1rem;margin-top:1rem}.nav-btn{width:48%;font-size:13px}.form-navigation{flex-direction:column;gap:10px}}.navbar{width:100%;background-color:#fff;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 6px #0000000d;position:sticky;top:0;z-index:1000}.navbar-title{font-size:24px;font-weight:700;color:#1e3a8a;letter-spacing:.5px}.navbar-actions{display:flex;align-items:center;gap:16px}.navbar-icon{font-size:26px;color:#1e3a8a;cursor:pointer;transition:transform .3s ease}.navbar-icon:hover{transform:scale(1.1)}@media (max-width: 600px){.navbar{padding:12px 16px}.navbar-title{font-size:18px}.navbar-icon{font-size:22px}}:root{--circle-size: 32px;--completed-color: #28a745;--active-color: #518700;--line-color: #ccc}.progressbar-container{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f8f9fa;border-bottom:1px solid #ddd;overflow-x:auto;flex-wrap:nowrap;gap:1rem}.step-item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;min-width:90px}.step-circle{width:var(--circle-size);height:var(--circle-size);border-radius:50%;background-color:var(--line-color);color:#fff;text-align:center;line-height:var(--circle-size);font-weight:700;z-index:2;transition:background-color .3s ease;flex-shrink:0}.step-label{font-size:12px;text-align:center;margin-top:4px;white-space:nowrap}.step-line{position:absolute;top:calc(var(--circle-size) / 2);left:50%;width:100%;height:2px;background-color:var(--line-color);z-index:1}.step-item:not(:last-child):after{content:"";position:absolute;top:calc(var(--circle-size) / 2);left:50%;transform:translate(16px);width:calc(100% + 16px);height:2px;background-color:var(--line-color);z-index:1;transition:background-color .3s ease}.step-item.completed .step-circle{background-color:var(--completed-color)}.step-item.completed:not(:last-child):after{background-color:var(--completed-color)}.step-item.active .step-circle{background-color:var(--active-color)}@media (max-width: 600px){:root{--circle-size: 28px}.step-label{font-size:10px}.step-circle{font-size:12px}.step-item{min-width:70px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background-color:#f9fafb;color:#222;padding:20px}h2{margin-bottom:1rem;font-size:1.5rem;color:#222}.form-group{margin-bottom:1.2rem;display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:6px}.error{color:#e11d48;font-size:.875rem;margin-top:.3rem}.checkbox-group label{display:inline-block;margin-right:1rem}.review-group{border:1px solid #ddd;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.review-field{display:flex;justify-content:space-between;margin-bottom:.8rem}.review-field label{font-weight:500;width:40%}.review-field input{width:55%}@media screen and (max-width: 600px){.form-container{padding:1rem}.form-group{font-size:.95rem}.review-field{flex-direction:column}.review-field label,.review-field input{width:100%}.btn{width:100%;margin-top:.5rem}.form-navigation{flex-direction:column;gap:.5rem}}
