.signup-right-panel{width:55%;display:flex;flex-direction:column;padding:40px 48px;overflow-y:auto;min-height:100vh;background:#f5f7fa}.signup-heading{margin-bottom:24px}.signup-heading h2{font-size:22px;font-weight:700;color:#1a2332;margin-bottom:4px;display:flex;align-items:center;gap:10px}.signup-heading h2 i{color:#ff9800}.signup-heading p{color:#64748b;font-size:14px}.signup-card{background:#fff;border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,.08);padding:28px 32px 36px;width:100%}.signup-section{margin-bottom:32px;border-bottom:1px solid #e9edf2;padding-bottom:28px}.signup-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.signup-section-title{font-size:16px;font-weight:600;color:#1e2a3a;margin-bottom:20px;display:flex;align-items:center;gap:10px}.signup-section-badge{background:#2e7d32;color:#fff;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;font-weight:700;flex-shrink:0}.signup-row{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:16px}.signup-row:last-child{margin-bottom:0}.signup-group{flex:1 1;min-width:200px}.signup-group-full{width:100%}.signup-label{display:block;font-weight:600;font-size:13px;color:#2c3e42;margin-bottom:6px}.signup-label.required:after{content:"*";color:#e53e3e;margin-left:4px}.signup-input,.signup-select,.signup-textarea{width:100%;padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:inherit;color:#1e2a3a;background:#fff;transition:border-color .2s,box-shadow .2s}.react-datepicker-wrapper,.react-datepicker__input-container,.signup-datepicker{width:100%}.react-datepicker__input-container .signup-input{padding-right:36px}.signup-input:focus,.signup-select:focus,.signup-textarea:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px rgba(46,125,50,.14)}.react-datepicker__input-container .signup-input:focus{border-color:#2e7d32;box-shadow:0 0 0 3px rgba(46,125,50,.14)}.signup-select:disabled{background:#f5f7fa;color:#aab;cursor:not-allowed}.signup-textarea{resize:vertical}.signup-pw-wrap{position:relative}.signup-pw-wrap .signup-input{padding-right:44px}.signup-pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;font-size:14px;padding:4px}.signup-pw-toggle:hover{color:#2e7d32}.signup-pw-rules{margin-top:10px;display:flex;flex-direction:column;gap:5px}.signup-pw-rule{display:flex;align-items:center;gap:7px;font-size:12px;color:#94a3b8;transition:color .2s}.signup-pw-rule.ok{color:#2e7d32}.signup-pw-rule i{width:13px;text-align:center}.signup-alert{background:#e8f5e9;border-left:4px solid #2e7d32;padding:10px 14px;border-radius:8px;margin-bottom:18px;font-size:13px;color:#1b5e20;display:flex;align-items:flex-start;gap:8px}.signup-kode-area{background:#f0f9f4;border:1.5px solid #c8e6c9;border-radius:10px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:16px}.signup-kode-label{font-size:11px;font-weight:700;color:#2e7d32;background:#c8e6c9;padding:3px 12px;border-radius:20px;letter-spacing:.6px;text-transform:uppercase}.signup-kode-value{font-family:Courier New,monospace;font-weight:700;font-size:15px;color:#1b5e20;letter-spacing:1px}.signup-hint{font-size:12px;color:#7f8c8d;margin-top:6px;display:block}.signup-dropzone{border:1.5px dashed #a5c8b4;background:#fafdf8;border-radius:12px;padding:24px 20px;text-align:center;cursor:pointer;transition:all .2s;color:#5a7a6a;font-size:14px}.signup-dropzone:focus,.signup-dropzone:hover{border-color:#2e7d32;background:#f0f9f4;color:#2e7d32;outline:none}.signup-dropzone i{font-size:26px;display:block;margin-bottom:8px;color:#ff9800}.signup-file-preview{margin-top:10px;display:flex;align-items:center;gap:10px;background:#f0f9f4;padding:9px 14px;border-radius:8px;font-size:13px;color:#2e7d32;border:1px solid #c8e6c9}.signup-file-name{flex:1 1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signup-btn-clear{background:none;border:none;color:#e53e3e;cursor:pointer;font-size:15px;padding:0 2px;line-height:1;flex-shrink:0}.signup-field-error{display:block;margin-top:5px;font-size:12px;color:#dc2626}.signup-field-error-block{margin-bottom:8px}.signup-input-error{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.12)!important}.signup-dropzone-error{border-color:#dc2626!important;background:#fff5f5!important}.signup-success{display:flex;align-items:flex-start;gap:10px;background:#f0fdf4;border:1px solid #86efac;color:#166534;padding:12px 16px;border-radius:10px;font-size:13px;margin-bottom:20px}.signup-success i{font-size:16px;flex-shrink:0;margin-top:1px}.signup-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:10px;font-size:13px;margin-bottom:20px}.signup-btn-submit,.signup-error{display:flex;align-items:center;gap:10px}.signup-btn-submit{background:linear-gradient(135deg,#2e7d32,#388e3c);color:#fff;border:none;padding:14px 28px;font-size:15px;font-weight:700;border-radius:10px;width:100%;cursor:pointer;margin-top:28px;transition:all .2s;justify-content:center;font-family:inherit}.signup-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#1b5e20,#2e7d32);box-shadow:0 6px 18px rgba(46,125,50,.3);transform:translateY(-1px)}.signup-btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.signup-footer{text-align:center;margin-top:24px;font-size:14px;color:#64748b}.signup-footer a{color:#2e7d32;font-weight:600;text-decoration:none}.signup-footer a:hover{text-decoration:underline}.signup-card .w-dropdown{position:relative;min-width:0;width:100%;display:flex;align-items:center}.signup-card .w-dropdown-main{position:relative;flex:1 1;width:100%}.signup-card .w-dropdown-trigger{width:100%;height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;font-size:14px;font-family:inherit;color:#1e2a3a;transition:border-color .2s,box-shadow .2s;text-align:left;box-sizing:border-box}.signup-card .w-dropdown-trigger.open,.signup-card .w-dropdown-trigger:hover{border-color:#2e7d32;box-shadow:0 0 0 3px rgba(46,125,50,.14)}.signup-card .w-dropdown-trigger:disabled{opacity:.6;cursor:not-allowed;background:#f5f7fa;box-shadow:none}.signup-card .w-dropdown-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signup-card .w-dropdown-label.placeholder{color:#94a3b8;font-weight:400}.signup-card .w-dropdown-chevron{font-size:12px;color:#888;flex-shrink:0}.signup-card .w-dropdown-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:200;padding:6px;max-height:260px;overflow-y:auto}.signup-card .w-dropdown-option{width:100%;display:flex;align-items:center;padding:8px 10px;border:none;border-radius:7px;background:transparent;cursor:pointer;font-size:14px;font-family:inherit;color:#1e2a3a;transition:background .15s;text-align:left}.signup-card .w-dropdown-option:hover{background:#f0f7f0}.signup-card .w-dropdown-option.active{background:#e8f5e9;font-weight:600;color:#2e7d32}.react-datepicker{border:1px solid #e2e8f0;border-radius:12px;font-family:inherit;box-shadow:0 12px 28px rgba(0,0,0,.12);min-width:440px}.react-datepicker__month-container{width:100%}.react-datepicker__month{margin:.4rem .8rem .6rem}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{width:2.7rem;line-height:2.7rem}.react-datepicker__header{background:#f7fafc;border-bottom:1px solid #e2e8f0;border-top-left-radius:12px;border-top-right-radius:12px}.react-datepicker__current-month,.react-datepicker__day-name{color:#1e2a3a;font-weight:600}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{border-radius:8px}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background:#2e7d32;color:#fff}.react-datepicker__day:hover{background:#e8f5e9}.react-datepicker__triangle{display:none}@media (max-width:768px){.signup-right-panel{width:100%;padding:32px 24px}}@media (max-width:640px){.signup-card{padding:20px 16px 24px;border-radius:14px}.signup-row{gap:12px}.signup-group{min-width:100%}}