*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Nunito Sans,system-ui,-apple-system,sans-serif;background:#f7f7f5;color:#1f2937;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}::selection{background:#4338ca20}input,select,textarea{font-family:inherit;font-size:16px;font-weight:500;color:#111827;border:1.5px solid #D1D5DB;border-radius:10px;padding:12px 14px;width:100%;background:#fff;outline:none;transition:border .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='3' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:36px;-moz-appearance:none;appearance:none;-webkit-appearance:none}input:focus,select:focus,textarea:focus{border-color:#4338ca;box-shadow:0 0 0 3px #4338ca12}input::placeholder,textarea::placeholder{color:#9ca3af;font-weight:400}textarea{resize:vertical;line-height:1.6;min-height:80px}button{font-family:inherit;cursor:pointer;border:none;outline:none;-webkit-tap-highlight-color:transparent}label{display:block;font-size:13px;font-weight:700;color:#374151;margin-bottom:5px}label .req{color:#dc2626;margin-left:1px}.header{background:#fff;border-bottom:1px solid #E5E7EB;padding:12px 16px;position:sticky;top:0;z-index:10}.header-inner{max-width:560px;margin:0 auto}.header-row{display:flex;align-items:center;gap:10px}.logo{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#4338ca,#6366f1);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;flex-shrink:0}.header-text{flex:1}.header-title{font-weight:800;font-size:15px;color:#111827}.header-sub{font-size:11px;color:#6b7280;font-weight:600}.step-count{font-size:13px;color:#4338ca;font-weight:700;white-space:nowrap}.progress{display:flex;gap:4px;margin-top:10px}.progress-seg{flex:1;height:4px;border-radius:2px;background:#e5e7eb;transition:background .4s}.progress-seg.active{background:#4338ca}.content{flex:1;padding:20px 16px 32px;overflow-y:auto}.content-inner{max-width:560px;margin:0 auto}.footer{background:#fff;border-top:1px solid #E5E7EB;padding:12px 16px;position:sticky;bottom:0;z-index:10}.footer-inner{max-width:560px;margin:0 auto;display:flex;gap:10px}.btn-primary{flex:2;padding:14px 20px;border-radius:11px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;box-shadow:0 2px 8px #4338ca25;transition:opacity .15s;text-align:center}.btn-primary:disabled{opacity:.4}.btn-primary:active{opacity:.85}.btn-back{flex:1;padding:14px 20px;border-radius:11px;font-size:16px;font-weight:700;background:#fff;color:#374151;border:1.5px solid #D1D5DB;text-align:center}.btn-back:active{background:#f9fafb}.step-icon{font-size:28px;margin-bottom:6px}.step-title{font-size:21px;font-weight:800;color:#111827;margin-bottom:4px;letter-spacing:-.02em}.step-sub{font-size:14px;color:#6b7280;font-weight:500;line-height:1.5;margin-bottom:20px}.field{margin-bottom:12px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.divider{display:flex;align-items:center;gap:8px;margin:20px 0 12px}.divider-line{flex:1;height:1px;background:#e5e7eb}.divider-text{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tip{padding:10px 14px;background:#eef2ff;border-radius:9px;border:1px solid #C7D2FE;margin:10px 0;font-size:13px;color:#3730a3;font-weight:600;line-height:1.5}.warn{padding:10px 14px;background:#fef2f2;border-radius:9px;border:1px solid #FECACA;margin:10px 0;font-size:13px;color:#991b1b;font-weight:600;line-height:1.5}.box{padding:14px 16px;border-radius:11px;margin-bottom:12px}.box-warm{background:#fef3c7;border:1px solid #FDE68A}.box-info{background:#eef2ff;border:1px solid #C7D2FE}.box-gray{background:#f9fafb;border:1px solid #E5E7EB}.btn-group{display:flex;gap:5px;flex-wrap:wrap;margin:4px 0 12px}.btn-opt{padding:10px 14px;border-radius:9px;font-size:14px;font-weight:500;background:#fff;color:#374151;border:1.5px solid #D1D5DB;transition:all .15s;flex:1;min-width:70px;text-align:center}.btn-opt.active{background:#4338ca;color:#fff;border-color:#4338ca;font-weight:700}.btn-opt:active{transform:scale(.97)}.check-row{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;font-size:14px;font-weight:500;color:#374151;-webkit-tap-highlight-color:transparent}.check-box{width:22px;height:22px;border-radius:6px;border:2px solid #D1D5DB;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.check-box.on{background:#4338ca;border-color:#4338ca}.radio-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:11px;border:2px solid #E5E7EB;background:#fff;margin-bottom:6px;cursor:pointer;transition:all .15s;text-align:left;width:100%;-webkit-tap-highlight-color:transparent}.radio-card.active{border-color:#4338ca;background:#4338ca06}.radio-card:active{transform:scale(.99)}.radio-dot{width:20px;height:20px;border-radius:50%;border:2px solid #D1D5DB;background:#fff;flex-shrink:0;transition:all .15s}.radio-card.active .radio-dot{border:6px solid #4338CA}.radio-title{font-weight:700;font-size:14px;color:#111827}.radio-desc{font-size:12px;color:#6b7280;font-weight:500;margin-top:1px}.consent-card{padding:14px 16px;border-radius:11px;border:1.5px solid #E5E7EB;background:#fff;margin-bottom:8px;transition:all .15s;cursor:pointer;-webkit-tap-highlight-color:transparent}.consent-card.on{border-color:#4338ca;background:#4338ca04}.consent-inner{display:flex;gap:10px;align-items:flex-start}.consent-title{font-weight:700;font-size:14px;color:#111827;margin-bottom:4px}.consent-item{display:flex;gap:6px;margin-bottom:3px;font-size:13px;color:#4b5563;line-height:1.5;font-weight:500}.consent-bullet{color:#9ca3af;flex-shrink:0}.ins-card{background:#fff;border:1.5px solid #E5E7EB;border-radius:12px;padding:16px;margin-bottom:10px;position:relative}.ins-card-num{position:absolute;top:-10px;left:14px;background:#4338ca;color:#fff;font-size:11px;font-weight:800;padding:2px 10px;border-radius:6px}.upload-row{padding:12px 14px;border-radius:10px;border:1.5px dashed #D1D5DB;background:#fafafa;display:flex;align-items:center;gap:10px;margin-bottom:6px}.upload-icon{width:34px;height:34px;border-radius:9px;background:#eef2ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upload-info{flex:1}.upload-name{font-size:13px;font-weight:600;color:#111827}.upload-meta{font-size:11px;color:#9ca3af;font-weight:500}.upload-btn{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;background:#fff;color:#4338ca;border:1.5px solid #4338CA}.upload-btn:active{background:#eef2ff}.link-btn{background:none;color:#4338ca;font-size:14px;font-weight:700;padding:0;margin-top:8px}.sig-preview{font-family:Segoe Script,Bradley Hand,Comic Sans MS,cursive;font-size:36px;color:#1a1a2e;text-align:center;padding:20px 0 10px;margin-top:16px;border-bottom:2px solid #111827;position:relative}.sig-date{font-size:12px;color:#6b7280;font-weight:500;text-align:center;margin-top:6px}.done-check{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#047857,#10b981);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;animation:pop .3s cubic-bezier(.16,1,.3,1) both}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade{animation:fadeIn .25s ease both}.chip{padding:10px 14px;border-radius:9px;font-size:14px;font-weight:500;background:#fff;color:#374151;border:1.5px solid #D1D5DB;transition:all .15s;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent}.chip.on{background:#4338ca;color:#fff;border-color:#4338ca;font-weight:700}.chip:active{transform:scale(.97)}@media(max-width:600px){.row2{grid-template-columns:1fr}.row3{grid-template-columns:1fr 1fr}.btn-group{flex-wrap:wrap}.btn-opt{min-width:calc(33% - 4px)}}.freq-row{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid #E5E7EB}.freq-row:last-of-type{border-bottom:none}.freq-name{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px}.freq-opts{display:flex;gap:5px;flex-wrap:wrap}.freq-opt{padding:9px 12px;border-radius:8px;font-size:13px;font-weight:500;background:#fff;color:#374151;border:1.5px solid #D1D5DB;transition:all .15s;cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:52px;text-align:center;flex:1}.freq-opt.on{background:#4338ca;color:#fff;border-color:#4338ca;font-weight:700}.freq-opt:active{transform:scale(.97)}.beh-card{background:#fff;border:1.5px solid #E5E7EB;border-radius:12px;padding:16px;margin-bottom:14px}.beh-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.beh-card-num{background:#4338ca;color:#fff;font-size:11px;font-weight:800;padding:3px 10px;border-radius:6px}.beh-card-remove{background:none;color:#9ca3af;font-size:15px;font-weight:700;padding:4px 9px;border-radius:6px;border:1.5px solid #E5E7EB;cursor:pointer;line-height:1}