.form-container{box-sizing:border-box;width:80%;margin:0 auto;padding:20px}.component-content{max-height:900px}.form-title{color:#333;text-align:left;margin-top:0;margin-bottom:20px;font-size:18px;font-weight:500}.form-field{padding-bottom:25px;position:relative}.form-field.password-field{padding-bottom:35px}.input-wrapper{margin-bottom:4px;position:relative}.form-field .sf-form-error{position:absolute}.form-actions{flex-direction:column;justify-content:space-between;gap:10px;margin-top:18px;display:flex}@media (min-width:576px){.form-actions{flex-direction:row;gap:0}}.form-button{margin-right:8px;transition:background-color .2s}.status-message,.submission-success{text-align:left;border-radius:4px;margin-top:16px;padding:16px}.status-message.success,.submission-success{color:#2e7d32;background-color:#e8f5e9;border:1px solid #a5d6a7;margin-bottom:20px}.status-message.error{color:#d32f2f;background-color:#fdecea;border:1px solid #f5c6cb}.submission-success h3{color:#2e7d32;margin-top:0;margin-bottom:16px}.form-grid{flex-direction:column;gap:10px;width:100%;margin-bottom:5px;display:flex}@media (min-width:576px){.form-grid{flex-direction:row;align-items:flex-start;gap:20px}}.form-grid .form-field{flex:1;width:100%;min-width:0}@media (max-width:575px){.form-grid .form-field{margin-bottom:16px}}.name-age-row .form-field:first-child{flex:7}.name-age-row .form-field:last-child{flex:3}.error-summary{background-color:#fdecea;border:1px solid #f9dedc;border-radius:4px;margin-bottom:20px;padding:15px}.error-summary h3{color:#410e0b;margin-top:0;margin-bottom:10px;font-size:16px;font-weight:500}.error-summary ul{margin:0;padding-left:20px}.error-summary li{color:#410e0b;margin-bottom:5px}.password-strength-container{margin-top:10px}.password-strength-meter{margin-bottom:10px}.strength-bars{gap:4px;margin-bottom:5px;display:flex}.strength-bar{border-radius:2px;flex:1;height:4px;transition:background-color .3s,opacity .3s}.strength-label{text-align:right;font-size:12px;font-weight:500;transition:color .3s}.password-requirements{font-size:var(--sf-font-size-xs);margin-top:8px}.requirement{color:rgb(var(--sf-color-on-surface-variant));align-items:center;margin-bottom:2px;display:flex}.requirement.met{color:rgb(var(--sf-color-success))}.requirement-icon{font-size:var(--sf-font-size-sm);margin-right:5px}.info-text{color:#666;font-size:var(--sf-font-size-xs);margin-top:4px}.form-field-label{margin-bottom:6px;font-size:14px;font-weight:500;display:block}.input-field{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}.select-field{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8.825l-4.588-4.59L2.825 3 6 6.175 9.175 3l1.413 1.235z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.input-field:focus{border-color:rgba(var(--sf-color-primary),1);outline:none}.input-field.error{background-color:#fff8f8;border-color:#d32f2f}.custom-form .error-message{margin-left:12px}.valid-field{border-color:#4caf50}.custom-checkbox{appearance:none;cursor:pointer;background-color:#0000;border:1px solid #ccc;border-radius:3px;outline:none;width:16px;height:16px;position:relative}.custom-checkbox:focus{border-color:rgba(var(--sf-color-primary),1)}.custom-checkbox:checked:after{content:"";border:2px solid #49454e;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.step-indicator{justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 10px;display:flex;position:relative}@media (min-width:576px){.step-indicator{padding:0 20px}}.step-indicator:before{content:"";z-index:1;background-color:#e0e0e0;height:2px;transition:all .3s;position:absolute;top:12px;left:35px;right:35px}@media (min-width:576px){.step-indicator:before{left:60px;right:50px}}.step-indicator.step-2:before{background:linear-gradient(to right,rgba(var(--sf-color-primary),1)0%,rgba(var(--sf-color-primary),1)50%,#e0e0e0 50%,#e0e0e0 100%)}.step-indicator.step-3:before{background-color:rgba(var(--sf-color-primary),1)}.step{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.step-number{width:20px;height:20px;box-shadow:0 0 0 8px rgba(var(--sf-color-surface));color:#666;background-color:#f0f0f0;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.step-label{color:#666;text-align:center;font-size:12px}@media (min-width:576px){.step-number{width:24px;height:24px;margin-bottom:10px;font-size:14px}.step-label{font-size:14px}}.step.active .step-number,.step.completed .step-number{background-color:rgba(var(--sf-color-primary),1);color:#fff;border-color:rgba(var(--sf-color-primary),1)}.step.active .step-label,.step.completed .step-label{color:rgba(var(--sf-color-primary),1);font-weight:500}.form-fields-display{text-align:left;background-color:#00000008;border-radius:4px;margin:16px 0;padding:16px}.form-field-display{align-items:baseline;margin-bottom:8px;display:flex}.field-label{color:#2e7d32;min-width:180px;margin-right:10px;font-weight:500}.field-value{color:#333}.submit-another-button{margin-top:16px}.form-container .sf-form-validator .sf-auto-width{width:100%}.sf-dark-mode .form-container{color:#e0e0e0}.sf-dark-mode .form-title{color:#f0f0f0}.sf-dark-mode .form-field-label{color:#e0e0e0}.sf-dark-mode .input-field,.sf-dark-mode select{color:#e0e0e0;background-color:#2d2d2d00;border-color:#444}.sf-dark-mode .custom-checkbox{background-color:#0000;border-color:#666}.sf-dark-mode .custom-checkbox:focus{border-color:rgba(var(--sf-color-primary),1)}.sf-dark-mode .custom-checkbox:checked:after{border-color:#e0e0e0}.sf-dark-mode .select-field{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23aaa' d='M6 8.825l-4.588-4.59L2.825 3 6 6.175 9.175 3l1.413 1.235z'/%3E%3C/svg%3E")}.sf-dark-mode select option{color:#e0e0e0;background-color:#2d2d2d}.sf-dark-mode select option:checked,.sf-dark-mode select option:hover,.sf-dark-mode select option:focus{color:#fff;background-color:#3a76f6}.sf-dark-mode .input-field:focus{border-color:rgba(var(--sf-color-primary),.8);outline:none}.sf-dark-mode .input-field.error{background-color:#f443361a;border-color:#f44336}.sf-dark-mode .info-text,.sf-dark-mode .requirement{color:#aaa}.sf-dark-mode .requirement.met{color:#81c784}.sf-dark-mode .step,.sf-dark-mode .step.active .step-number,.sf-dark-mode .step.completed .step-number{color:#371e73}.sf-dark-mode .step.active .step-label,.sf-dark-mode .step.completed .step-label,.sf-dark-mode .step-label{color:#e6e1e5}.sf-dark-mode .step-number{color:#e6e1e5;background-color:#322d3e;border-color:#d0bcff24}.sf-dark-mode .step-indicator:before{background-color:#322d3e}.sf-dark-mode .step-indicator.step-2:before{background:linear-gradient(to right,rgba(var(--sf-color-primary),1)0%,rgba(var(--sf-color-primary),1)50%,#322d3e 50%,#322d3e 100%)}.sf-dark-mode .status-message{background-color:#2d2d2d;border-color:#444}.sf-dark-mode .status-message.success,.sf-dark-mode .submission-success{color:#81c784;background-color:#4caf5026;border-color:#4caf504d}.sf-dark-mode .submission-success h3{color:#81c784}.sf-dark-mode .form-fields-display{background-color:#0003;border:1px solid #ffffff1a}.sf-dark-mode .field-label{color:#81c784}.sf-dark-mode .field-value{color:#e0e0e0}.sf-dark-mode .status-message.error{color:#e57373;background-color:#f4433626;border-color:#f443364d}.sf-dark-mode .valid-field{border-color:#4caf50}.sf-dark-mode .error-summary{background-color:#f4433626;border-color:#f443364d}.sf-dark-mode .error-summary h3,.sf-dark-mode .error-summary li{color:#e57373}