:root{--marine-blue: #004e97;--primary: #5394c7;--primary-light: #6ba8d6;--accent: #dc3545;--bg: #fafaf8;--surface: #ffffff;--text: #1a1a1a;--text-light: #6b6b6b;--border: #e5e5e0;--success: #28a745;--required: #dc3545;--button-red: #FF0000}.membership-registration *,.membership-registration *:before,.membership-registration *:after{box-sizing:border-box}.membership-registration{font-family:Open Sans,sans-serif;background:#fff;color:var(--text);min-height:100vh;padding:2rem 1rem}.membership-registration .container{max-width:1200px;margin:0 auto}.membership-registration .wizard-layout{display:flex;gap:2rem;align-items:flex-start}.membership-registration .wizard-main{flex:1;min-width:0}.membership-registration .wizard-sidebar{width:280px;flex-shrink:0}.membership-registration .sidebar-box{background:var(--surface);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;position:sticky;top:2rem}.membership-registration .sidebar-title{font-size:1rem;font-weight:700;margin:0 0 1rem}.membership-registration .sidebar-group{margin-bottom:.75rem}.membership-registration .sidebar-group:last-child{margin-bottom:0}.membership-registration .sidebar-group-header{font-size:.75rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.8px;margin-bottom:.25rem}.membership-registration .sb-card{border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:10px;transition:box-shadow .15s ease}.membership-registration .sb-card:last-child{margin-bottom:0}@media (hover: hover){.membership-registration .sb-card:hover{box-shadow:0 2px 8px #0000000f}}.membership-registration .sb-category{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#a0a8b4;margin-bottom:4px}.membership-registration .sb-category-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.membership-registration .sb-card.is-aktiv .sb-category-dot{background:#4ade80}.membership-registration .sb-card.is-pending .sb-category-dot{background:#f59e0b;animation:dotPulse 1.5s infinite}.membership-registration .sb-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px;line-height:1.3}.membership-registration .sb-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0}.membership-registration .sb-row+.sb-row{border-top:1px solid var(--border)}.membership-registration .sb-label{font-size:11px;color:#9ca3af;white-space:nowrap;flex-shrink:0}.membership-registration .sb-value{font-size:12px;font-weight:500;color:var(--text-light);text-align:right;line-height:1.3}.membership-registration .sb-status-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap}.membership-registration .sb-status-pill svg{flex-shrink:0}.membership-registration .sb-status-pill.aktiv{background:#f0fbf5;color:#2e7d52;border:1px solid #86EFAC}.membership-registration .sb-status-pill.pending{background:#fffbf0;color:#b45309;border:1px solid #FCD34D}.membership-registration .sidebar-list{list-style:none;padding:0;margin:0}.membership-registration .sidebar-item{display:flex;justify-content:space-between;align-items:baseline;padding:.6rem 0;border-bottom:1px solid var(--border)}.membership-registration .sidebar-item:last-child{border-bottom:none}.membership-registration .sidebar-item-name{font-size:.9rem;color:var(--text);font-weight:600}.membership-registration .sidebar-item-price{font-size:.85rem;color:var(--text-light);white-space:nowrap;margin-left:.5rem}.membership-registration .sidebar-empty{font-size:.9rem;color:var(--text-light);font-style:italic;margin:0}.membership-registration .header{text-align:center;margin-bottom:3rem;animation:fadeInDown .6s ease}.membership-registration .header h1{font-family:Open Sans,sans-serif;font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.membership-registration .header p{color:var(--text-light);font-size:1.1rem}.membership-registration .progress-container{background:var(--surface);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000000f;animation:fadeIn .6s ease .2s both}.membership-registration .progress-steps{display:flex;justify-content:space-between;position:relative;margin-bottom:1rem}.membership-registration .progress-line{position:absolute;top:20px;height:3px;background:var(--border);z-index:0}.membership-registration .progress-line-fill{height:100%;background:var(--marine-blue);transition:width .5s ease;border-radius:3px}.membership-registration .step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;flex:1;cursor:default}.membership-registration .step.completed{cursor:pointer}.membership-registration .step-circle{width:40px;height:40px;border-radius:50%;background:var(--surface);border:3px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease;margin-bottom:.5rem}.membership-registration .step.active .step-circle{background:var(--marine-blue);border-color:var(--marine-blue);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #004e974d}.membership-registration .step.completed .step-circle{background:var(--marine-blue);border-color:var(--marine-blue);color:#fff}.membership-registration .step-label{font-size:.85rem;color:var(--text-light);text-align:center;max-width:120px}.membership-registration .step.active .step-label{color:var(--marine-blue);font-weight:600}.membership-registration .progress-mobile{display:none}.membership-registration .card{background:var(--surface);border-radius:16px;padding:3rem;box-shadow:0 8px 32px #00000014;animation:slideUp .6s ease .3s both}.membership-registration .step-content{animation:fadeIn .4s ease}.membership-registration .step-title{font-family:Open Sans,sans-serif;font-size:2rem;margin-bottom:.5rem}.membership-registration .step-description{color:var(--text-light);margin-bottom:2rem;font-size:1.05rem}.membership-registration .required-badge{display:inline-block;background:var(--required);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-left:.5rem}.membership-registration .card-legend{display:flex;gap:20px;margin-bottom:18px;flex-wrap:wrap}.membership-registration .card-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-light)}.membership-registration .card-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.membership-registration .card-legend-dot.dot-selected{background:var(--primary)}.membership-registration .card-legend-dot.dot-pending{background:#f97316}.membership-registration .card-legend-dot.dot-active{background:#22c55e}.membership-registration .membership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:2rem}.membership-registration .membership-option{border:1.5px solid var(--border);border-radius:14px;padding:16px;cursor:pointer;position:relative;background:var(--surface);transition:border-color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;gap:6px;min-height:110px}@media (hover: hover){.membership-registration .membership-option:hover:not(.selected):not(.disabled):not(.existing):not(.in-basket):not(.pending){border-color:#c4c9d4;box-shadow:0 4px 16px #00000012;transform:translateY(-1px)}}.membership-registration .membership-option:active:not(.disabled):not(.in-basket):not(.pending){transform:scale(.98)}.membership-registration .status-dot{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;display:none}.membership-registration .check-icon{display:none;position:absolute;top:10px;right:10px;width:22px;height:22px;background:#fff;border-radius:50%;align-items:center;justify-content:center}.membership-registration .check-icon svg{display:none}.membership-registration .membership-option.selected{background:var(--primary);border-color:var(--primary);box-shadow:0 6px 24px #5394c74d}.membership-registration .membership-option.selected .option-title{color:#ffffffe6}.membership-registration .membership-option.selected .option-title-suffix{color:#fff9}.membership-registration .membership-option.selected .option-amount{color:#fff}.membership-registration .membership-option.selected .option-currency{color:#ffffffe6}.membership-registration .membership-option.selected .option-period{color:#ffffffbf}.membership-registration .membership-option.selected .check-icon{display:none}.membership-registration .membership-option.selected .check-icon svg{display:none}.membership-registration .membership-option.existing{background:#f0fdf4;border-color:#22c55e;cursor:pointer}.membership-registration .membership-option.existing .status-dot{display:block;background:#22c55e}.membership-registration .membership-option.existing .option-title{color:var(--text-light)}.membership-registration .membership-option.existing .option-amount{color:var(--text)}.membership-registration .membership-option.existing.selected{background:#f0fdf4;border-color:#22c55e;box-shadow:none}.membership-registration .membership-option.existing.selected .option-title{color:var(--text-light)}.membership-registration .membership-option.existing.selected .option-amount{color:var(--text)}.membership-registration .membership-option.existing.selected .option-currency{color:var(--text-light)}.membership-registration .membership-option.existing.selected .option-period{color:#9ca3af}.membership-registration .membership-option.existing.selected .check-icon{display:none}.membership-registration .membership-option.in-basket{background:#f0fdf4;border-color:#16a34a;cursor:not-allowed}.membership-registration .membership-option.in-basket .status-dot{display:block;background:#16a34a}.membership-registration .membership-option.in-basket .option-title{color:var(--text-light)}.membership-registration .membership-option.in-basket .option-amount{color:var(--text)}.membership-registration .membership-option.disabled{background:#f4f5f7;border-color:#e2e5ea;cursor:not-allowed;opacity:.5}.membership-registration .membership-option.disabled .option-title,.membership-registration .membership-option.disabled .option-amount,.membership-registration .membership-option.disabled .option-currency,.membership-registration .membership-option.disabled .option-period{color:#9ca3af}.membership-registration .membership-option.pending{background:#fff8f0;border-color:#f97316;cursor:not-allowed}.membership-registration .membership-option.pending .status-dot{display:block;background:#f97316;animation:dotPulse 1.5s infinite}.membership-registration .membership-option.pending .option-title{color:var(--text-light)}.membership-registration .membership-option.pending .option-amount{color:var(--text)}.membership-registration .membership-option.pending.selected{background:#fff8f0;border-color:#f97316;box-shadow:none}.membership-registration .membership-option.pending.selected .option-title{color:var(--text-light)}.membership-registration .membership-option.pending.selected .option-amount{color:var(--text)}.membership-registration .membership-option.pending.selected .option-currency{color:var(--text-light)}.membership-registration .membership-option.pending.selected .option-period{color:#9ca3af}.membership-registration .membership-option.pending.selected .check-icon{display:none}.membership-registration .option-title{font-size:15px;font-weight:600;color:var(--text);line-height:1.3}.membership-registration .option-title-suffix{font-size:12px;font-weight:400;color:var(--text-light)}.membership-registration .option-price-row{display:flex;align-items:baseline;gap:3px;margin-top:auto}.membership-registration .option-amount{font-size:24px;font-weight:700;letter-spacing:-.8px;color:var(--text);line-height:1;font-variant-numeric:tabular-nums}.membership-registration .option-currency{font-size:14px;font-weight:600;color:var(--text-light);margin-right:1px;align-self:flex-start;padding-top:4px}.membership-registration .option-period{font-size:11px;color:#9ca3af;margin-left:2px}.membership-registration .price-period{font-size:.5em;font-weight:400}.membership-registration .option-info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;font-size:.7rem;font-weight:700;font-style:italic;margin-left:.4rem;cursor:help;opacity:.8;vertical-align:middle;font-family:Georgia,serif}.membership-registration .membership-option .option-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#333;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;font-weight:400;line-height:1.4;max-width:340px;width:max-content;z-index:10;text-align:left}.membership-registration .membership-option .option-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#333}@media (hover: hover){.membership-registration .membership-option:hover .option-tooltip{display:block}}.membership-registration .location-options{display:flex;gap:1.5rem;margin-bottom:2rem}.membership-registration .location-btn{flex:1;padding:2rem;background:var(--bg);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center;font-family:Open Sans,sans-serif;font-size:1rem}@media (hover: hover){.membership-registration .location-btn:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--primary-light)}}.membership-registration .location-btn.selected{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-color:var(--primary);color:#fff}.membership-registration .location-btn .icon{font-size:3rem;margin-bottom:1rem}.membership-registration .location-btn .label{font-size:1.3rem;font-weight:600}.membership-registration .regional-select{margin-bottom:2rem}.membership-registration .regional-select label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--primary)}.membership-registration .regional-select select{width:100%;padding:1rem;border:2px solid var(--border);border-radius:8px;font-size:1rem;font-family:Open Sans,sans-serif;background:var(--surface);cursor:pointer;transition:all .3s ease}.membership-registration .regional-select select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5394c71a}.membership-registration .summary-section-title{font-size:1.1rem;font-weight:700;color:var(--text);margin:1.5rem 0 .75rem}.membership-registration .summary-card{background:var(--surface);border-radius:16px;padding:1.5rem 2rem;margin-bottom:1rem;box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000a}.membership-registration .summary-card-existing{background:#f0faf0}.membership-registration .summary-card-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.8px;margin-bottom:.5rem}.membership-registration .summary-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.membership-registration .dot-primary{background:var(--primary)}.membership-registration .dot-success{background:var(--success)}.membership-registration .dot-pending{background:#d97706}.membership-registration .summary-card-pending{border-left:3px solid #d97706}.membership-registration .summary-card-pending-label{color:#d97706;font-weight:600}.membership-registration .dot-muted{background:var(--border)}.membership-registration .summary-card-title{font-size:1.4rem;font-weight:700;color:var(--text);margin-bottom:1rem}.membership-registration .summary-card-row{display:flex;justify-content:space-between;align-items:baseline;padding:.6rem 0}.membership-registration .summary-card-row+.summary-card-row{border-top:1px solid var(--border)}.membership-registration .summary-card-label{color:var(--text-light);font-size:.95rem}.membership-registration .summary-card-price{font-weight:700;color:var(--text);font-size:1rem;white-space:nowrap}.membership-registration .summary-card-status{display:flex;align-items:center;gap:.4rem;color:var(--success);font-weight:600;font-size:.95rem}.membership-registration .summary-card-detail{font-size:.95rem;color:var(--text-light);padding:.4rem 0}.membership-registration .total-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border-radius:12px;padding:1.5rem;margin-top:1.5rem}.membership-registration .total-section .total-label{font-size:1.1rem;margin-bottom:.5rem}.membership-registration .total-section .total-amount{font-size:2.5rem;font-weight:700;color:#fff}.membership-registration .success-message{background:var(--success);color:#fff;padding:1.5rem;border-radius:12px;text-align:center;margin-bottom:2rem;animation:slideDown .5s ease}.membership-registration .success-message h3{margin-bottom:.5rem}.membership-registration .loading-spinner{text-align:center;padding:4rem;color:var(--text-light);font-size:1.2rem}.membership-registration .error-message{background:#fce4e4;color:var(--accent);padding:1rem 1.5rem;border-radius:8px;border:1px solid rgba(220,53,69,.2);margin:1rem 0}.membership-registration .no-products{text-align:center;color:var(--text-light);padding:2rem;font-style:italic}.membership-registration .button-group{display:flex;flex-direction:column;gap:.5rem;margin-top:3rem}.membership-registration .button-group-total{display:flex;align-items:baseline;gap:.5rem;justify-content:flex-end}.membership-registration .button-group-total-label{font-size:.8rem;color:var(--text-light)}.membership-registration .button-group-total-amount{font-size:1.2rem;font-weight:700;color:var(--text)}.membership-registration .button-group-buttons{display:flex;gap:1rem}.membership-registration button{padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Open Sans,sans-serif}.membership-registration .btn-primary{background:var(--button-red)!important;color:#fff;flex:1}@media (hover: hover){.membership-registration .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ff00004d}}.membership-registration .btn-primary:disabled{opacity:.5;cursor:not-allowed}.membership-registration .btn-secondary{background:var(--border);color:var(--text)}@media (hover: hover){.membership-registration .btn-secondary:hover{background:var(--text-light);color:#fff}}.wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch}.wizard-overlay .membership-registration{min-height:auto}.overlay-close{position:fixed;top:12px;right:12px;z-index:1001;width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;padding:0}.wizard-reopen-btn{width:100%;padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;font-family:Open Sans,sans-serif}.membership-registration .sidebar-toggle{display:none}.membership-registration .sidebar-content{max-height:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width: 900px){.membership-registration{padding:.75rem 0;background:#f4f5f7}.wizard-overlay{background:#f4f5f7}.membership-registration .wizard-layout{flex-direction:column;align-items:stretch;gap:.75rem}.membership-registration .wizard-main{display:contents}.membership-registration .progress-container{order:1}.membership-registration .wizard-sidebar{width:100%;order:2}.membership-registration .card{order:3}.membership-registration .header{padding:1rem 1rem 0;margin-bottom:1rem}.membership-registration .header h1{font-size:1.6rem}.membership-registration .header p{font-size:.95rem}.membership-registration .progress-container{margin-bottom:0;padding:.75rem 1rem}.membership-registration .progress-steps{display:none}.membership-registration .progress-mobile{display:block}.membership-registration .progress-mobile-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.membership-registration .progress-mobile-step{font-size:.8rem;font-weight:600;color:var(--marine-blue);white-space:nowrap}.membership-registration .progress-mobile-title{font-size:.9rem;font-weight:700;color:var(--text)}.membership-registration .progress-mobile-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.membership-registration .progress-mobile-fill{height:100%;background:var(--marine-blue);border-radius:2px;transition:width .5s ease}.membership-registration .card{padding:1.5rem 1rem;padding-bottom:calc(7rem + env(safe-area-inset-bottom,0px));animation:none}.membership-registration .step-title{font-size:1.4rem}.membership-registration .step-description{font-size:.95rem}.membership-registration .membership-grid{grid-template-columns:repeat(2,1fr);gap:8px}.membership-registration .membership-option{padding:12px;min-height:90px;border-radius:10px}.membership-registration .option-title{font-size:13px}.membership-registration .option-amount{font-size:22px}.membership-registration .option-currency{font-size:12px}.membership-registration .option-period{font-size:10px}.membership-registration .membership-option .option-tooltip{position:fixed;bottom:0;left:0;right:0;top:auto;transform:none;max-width:100%;border-radius:12px 12px 0 0;z-index:1002;padding:1.25rem 1.5rem}.membership-registration .membership-option .option-tooltip:before{display:none}.membership-registration .location-options{flex-direction:column;gap:1rem}.membership-registration .location-btn{padding:1.5rem;width:100%}.membership-registration .location-btn .icon{font-size:2rem;margin-bottom:.5rem}.membership-registration .location-btn .label{font-size:1.1rem}.membership-registration .summary-card{padding:1rem}.membership-registration .summary-card-header{font-size:.85rem}.membership-registration .summary-card-title{font-size:1rem;margin-bottom:.5rem}.membership-registration .total-section{padding:1rem}.membership-registration .total-section .total-amount{font-size:1.5rem}.membership-registration .success-message h2{font-size:1.3rem}.wizard-overlay .button-group{position:fixed;bottom:0;left:0;right:0;background:var(--surface);padding:.75rem 1.5rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));margin:0;border-top:1px solid var(--border);box-shadow:0 -2px 8px #00000014;z-index:1001;flex-direction:column;gap:.4rem}.wizard-overlay .button-group .button-group-buttons{display:flex;gap:.75rem}.wizard-overlay .button-group .btn-secondary{flex:0 0 auto;padding:1rem;min-width:48px;font-size:0}.wizard-overlay .button-group .btn-secondary:before{content:"‹";font-size:1.4rem;line-height:1}.wizard-overlay .button-group .btn-primary{flex:1}.membership-registration button{min-height:48px;padding:1rem;font-size:1rem}.membership-registration .sidebar-box{position:static;padding:.75rem 1rem}.membership-registration .sidebar-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:0;background:none;border:none;cursor:pointer;font-family:Open Sans,sans-serif;margin-bottom:0;min-height:auto}.membership-registration .sidebar-toggle h3{font-size:.9rem;font-weight:700;color:var(--text);margin:0;flex:1;text-align:left}.membership-registration .sidebar-badge{background:var(--primary);color:#fff;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;flex-shrink:0;vertical-align:middle;margin-left:.25rem}.membership-registration .chevron{color:var(--text-light);transition:transform .3s ease;flex-shrink:0}.membership-registration .chevron.open{transform:rotate(180deg)}.membership-registration .sidebar-title-desktop{display:none}.membership-registration .sidebar-content{max-height:0;overflow:hidden;transition:max-height .3s ease,margin-top .3s ease;margin-top:0}.membership-registration .sidebar-content.open{max-height:2000px;margin-top:.75rem}}@media (max-width: 400px){.membership-registration .membership-grid{grid-template-columns:1fr}}.membership-registration .user-data-form{margin-top:1rem}.membership-registration .ud-columns{display:grid;grid-template-columns:7fr 5fr;gap:2rem}.membership-registration .ud-col-left,.membership-registration .ud-col-right{display:flex;flex-direction:column;gap:1rem}.membership-registration .ud-row{display:flex;gap:.75rem}.membership-registration .ud-row-2>.ud-field{flex:1}.membership-registration .ud-row-3>.ud-field{flex:1}.membership-registration .ud-field-wide{flex:2!important}.membership-registration .ud-field-narrow{flex:1!important}.membership-registration .ud-field{display:flex;flex-direction:column}.membership-registration .ud-label{font-size:.85rem;font-weight:500;color:#374151;margin-bottom:.3rem}.membership-registration .ud-label-bold{font-weight:700}.membership-registration .form-input,.membership-registration select.form-input{width:100%;padding:.5rem .65rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;color:#111827;background:#fff;transition:border-color .15s;box-sizing:border-box}.membership-registration .form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.membership-registration .form-input-error{border-color:#fca5a5!important;background-color:#fef2f2!important}.membership-registration .ud-ship-owner{margin-top:1rem}.membership-registration .ud-radio-group{display:flex;gap:1.25rem;margin-top:.4rem}.membership-registration .ud-radio,.membership-registration .ud-checkbox{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:#374151;cursor:pointer}.membership-registration .ud-checkbox{align-items:flex-start}.membership-registration .ud-checkbox input{margin-top:.2rem}.membership-registration .ud-radio input,.membership-registration .ud-checkbox input{margin:0;cursor:pointer}.membership-registration .ud-ship-types{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin-top:.75rem}.membership-registration .ud-validation-banner{text-align:center;color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:.75rem;margin-top:1rem;font-size:.9rem}.membership-registration .ud-error-banner{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:.75rem 1rem;margin-top:1rem;text-align:center}.membership-registration .ud-error-banner p{color:#991b1b;margin:0;font-size:.9rem}@media (max-width: 1200px){.membership-registration .ud-columns{grid-template-columns:1fr;gap:0}.membership-registration .ud-col-right{margin-top:2.5rem;padding-top:1.5rem;border-top:2px solid var(--border)}}@media (max-width: 500px){.membership-registration .ud-row{flex-direction:column;gap:.5rem}.membership-registration .ud-row.ud-row-inline{flex-direction:row;gap:.75rem}.membership-registration .ud-ship-types{grid-template-columns:1fr}}.membership-registration .ud-birthday-selects{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.membership-registration .ud-birthday-error .form-input{border-color:#fca5a5!important;background-color:#fef2f2!important}.membership-registration .ud-country-select{position:relative}.membership-registration .ud-country-select input{padding-right:2rem;cursor:pointer}.membership-registration .ud-country-chevron{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280;font-size:.7rem;transition:transform .2s}.membership-registration .ud-country-chevron.open{transform:translateY(-50%) rotate(180deg)}.membership-registration .ud-country-dropdown{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 6px 6px;z-index:20;box-shadow:0 4px 12px #0000001a}.membership-registration .ud-country-option{padding:.5rem .65rem;cursor:pointer;font-size:.9rem;color:#111827}.membership-registration .ud-country-option:hover,.membership-registration .ud-country-option.active{background:#eff6ff}.membership-registration .ud-section-header{font-size:.95rem;font-weight:700;padding-bottom:.5rem;border-bottom:2px solid var(--border);margin-bottom:1rem}.membership-registration .ud-required-hint{font-size:.8rem;color:var(--text-light);margin-bottom:1.5rem;margin-top:-.5rem}.membership-registration .iti{width:100%}.step-login{text-align:center;padding:3rem 1.5rem}.step-login h2{margin-bottom:.75rem}.step-login p{margin-bottom:2rem;color:#666}.step-login-btn{min-width:200px}
