:root{--primary:#2a9e6e;--primary-dark:#1f7d56;--primary-light:#e8f7f2;--primary-soft:#f0fbf7;--text-dark:#1a1a2e;--text-mid:#444;--text-light:#888;--border:#dde8e4;--bg-page:#f4faf7;--danger:#e74c3c;--shadow-sm:0 2px 8px #2a9e6e12;--radius:10px;--radius-sm:6px}body{background:var(--bg-page);color:var(--text-dark);font-family:Inter,sans-serif;font-size:14px}.hero-section{text-align:center;background:linear-gradient(135deg,#e8f7f1 0%,#d4f0e7 60%,#c6ead9 100%);padding:48px 0 40px}.hero-section h1{color:var(--text-dark);margin-bottom:10px;font-family:Poppins,sans-serif;font-size:clamp(24px,4vw,40px);font-weight:800}.steps-wrap{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:24px;padding:20px 24px 16px}.steps-wrap h6{color:var(--text-mid);margin-bottom:16px;font-size:13px;font-weight:600}.steps-list{align-items:flex-start;gap:0;padding-bottom:4px;display:flex;overflow-x:auto}.step-item{cursor:pointer;flex-direction:column;flex:1;align-items:center;min-width:70px;display:flex;position:relative}.step-item:after{content:"";background:var(--border);z-index:0;width:calc(100% - 36px);height:2px;position:absolute;top:17px;left:calc(50% + 18px)}.step-item:last-child:after{display:none}.step-icon{color:#aaa;z-index:1;background:#f0f0f0;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:relative}.step-item.active .step-icon{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #2a9e6e26}.step-item.completed .step-icon{background:var(--primary);color:#fff;border-color:var(--primary)}.step-item.completed:after{background:var(--primary)}.step-label{color:#aaa;text-align:center;white-space:nowrap;margin-top:6px;font-size:10px;font-weight:500}.step-item.active .step-label{color:var(--primary);font-weight:600}.step-item.completed .step-label{color:var(--primary)}.step-progress{color:var(--primary);margin-top:12px;font-size:11px;font-weight:600}.progress-line{background:var(--border);border-radius:2px;height:3px;margin-top:14px}.progress-fill{background:var(--primary);border-radius:2px;height:100%;transition:width .4s}.step-pane{display:none}.step-pane.active{animation:.4s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-section{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:24px;padding:24px 28px}.form-label{color:var(--text-mid);margin-bottom:6px;font-size:12.5px;font-weight:600}.member-card{border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:#fff;margin-bottom:15px;padding:14px 12px 12px;transition:all .25s}.member-card:hover{border-color:var(--primary);background:var(--primary-soft)}.member-card.selected{border-color:var(--primary);background:var(--primary-light)}.btn-step{cursor:pointer;border-radius:8px;align-items:center;gap:7px;font-size:13.5px;transition:all .2s;display:inline-flex}.btn-next{background:var(--primary);color:#fff;border:none;padding:9px 26px;font-weight:700}.btn-next:hover{background:var(--primary-dark)}.btn-prev{border:1.5px solid var(--primary);color:var(--primary);background:#fff;padding:9px 22px;font-weight:600}.btn-prev:hover{background:var(--primary-soft)}.btn-submit{background:var(--primary);color:#fff;border:none;border-radius:24px;width:100%;padding:12px 0;font-size:15px;font-weight:700}.summary-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:16px;padding:18px 20px;position:sticky;top:100px}.err-msg{color:var(--danger);margin-top:5px;font-size:11px;display:none}.err-msg.show{display:block}.btn-proceed{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-size:14px;font-weight:700;transition:background .2s,opacity .2s;display:flex}.btn-proceed:hover:not(:disabled){background:var(--primary-dark)}.btn-proceed:disabled{cursor:not-allowed;opacity:.65;background:#b0c9be}.ssl-note{text-align:center;color:var(--text-light);justify-content:center;align-items:center;gap:4px;margin-top:8px;font-size:11px;display:flex}.toast-container{z-index:9999;position:fixed;top:80px;right:20px}.toast-msg{border-left:4px solid var(--primary);background:#fff;border-radius:8px;min-width:260px;margin-bottom:10px;padding:12px 18px;font-size:13px;animation:.3s slideIn;box-shadow:0 4px 20px #0000001f}.toast-msg.error{border-left-color:var(--danger)}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}