:root{--register-accent: #667eea;--register-input-border: #ced4da;--register-danger: #dc3545;--register-success: #28a745}.register-box{width:90%;margin:30px auto;position:relative;z-index:2}.registration-card{box-shadow:0 0 20px rgba(0, 0, 0, 0.1);border-radius:8px;overflow:hidden}.bs-stepper .content{padding:30px}.step-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;padding:20px;margin:0 -30px 30px -30px}@media(max-width: 400px){.bs-stepper-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}}.step-header h4{color:white;margin:0;font-weight:600}.member-card{border:1px solid var(--tblr-border-color);border-radius:6px;margin-bottom:20px;transition:box-shadow .3s ease;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.member-card:hover{box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}.member-card .card-header{background-color:var(--tblr-bg-surface-secondary);border-bottom:1px solid var(--tblr-border-color);padding:12px 20px;flex-shrink:0;z-index:1}.member-card .card-body{padding:20px;flex:1;overflow:visible;max-height:2000px;transition:max-height .3s ease,opacity .3s ease;opacity:1}.member-card .card-body[style*="display: none"]{max-height:0;padding:0 20px;opacity:0;overflow:hidden}.member-card-header-clickable{cursor:pointer;transition:background-color .2s ease}.member-card-header-clickable:hover{background-color:#f0f0fa}.member-toggle-btn{font-size:.875rem;color:var(--register-accent);text-decoration:none;transition:transform .2s ease}.member-toggle-btn:hover{color:var(--register-accent);text-decoration:none}.member-toggle-btn i{transition:transform .2s ease}.member-card .form-control{border-radius:4px;border:1px solid var(--register-input-border);padding:.375rem .75rem;font-size:1rem}.member-card .form-control:focus{border-color:var(--register-accent);box-shadow:0 0 0 .2rem rgba(102, 126, 234, 0.25)}.member-card .input-group-text{background-color:var(--tblr-bg-surface-secondary);border:1px solid var(--register-input-border);border-radius:4px 0 0 4px;color:var(--register-accent)}.member-card .mb-3 label{font-weight:500;color:var(--tblr-body-color);margin-bottom:.5rem}.member-card select{appearance:none;background:var(--tblr-bg-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:12px;padding-right:2rem}.member-card .invalid-feedback{display:block;color:var(--register-danger);font-size:.875rem;margin-top:.25rem}.member-card .form-control.is-valid{border-color:var(--register-success)}.member-card .form-control.is-valid:focus{border-color:var(--register-success);box-shadow:0 0 0 .2rem rgba(40, 167, 69, 0.25)}.member-card .form-control.is-invalid{border-color:var(--register-danger)}.member-card .form-control.is-invalid:focus{border-color:var(--register-danger);box-shadow:0 0 0 .2rem rgba(220, 53, 69, 0.25)}#add-member-btn{margin-bottom:20px;width:100%;transition:all .3s ease}#add-member-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(40, 167, 69, 0.3)}.remove-member-btn{white-space:nowrap;transition:all .2s ease;padding:.375rem .75rem;font-size:.875rem}.remove-member-btn:hover{background-color:var(--register-danger);border-color:var(--register-danger);color:white}.family-count-badge{display:inline-block;background-color:var(--register-accent);color:white;padding:8px 16px;border-radius:20px;font-size:14px;margin-left:10px}@media(max-width: 767.98px){.register-box{width:100%;max-width:100%;padding:0 12px;margin:16px auto}.bs-stepper .content{padding:16px}.step-header{margin:0 -16px 20px -16px;padding:16px}.step-header h4{font-size:1rem}.step-header p{font-size:.8rem}.member-card .form-control,.member-card .form-select,.register-box .form-control,.register-box .form-select{font-size:16px}.member-card .card-header{padding:10px 14px}.member-card .card-body{padding:14px}.member-card h5{font-size:.9rem}.member-card .input-group{flex-wrap:wrap}.member-card .input-group>.input-group-text:last-child{flex:0 0 100%;width:100%;border-top:1px solid var(--register-input-border);border-left:1px solid var(--register-input-border);border-top-left-radius:0;border-top-right-radius:0;font-size:.8rem}.bs-stepper .content>.mb-3:last-child{display:flex;flex-direction:column-reverse;gap:10px}.bs-stepper .content>.mb-3:last-child .btn{width:100%;margin-right:0}.family-count-badge{padding:4px 10px;font-size:12px}.register-box .card-body{padding:16px}.register-logo{margin-bottom:12px}.register-logo .h2,.register-logo a{font-size:1.25rem}}
