*{box-sizing:border-box}html,body{margin:0;padding:0;background:#f5f6f7;color:#222;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,Arial,sans-serif}body{min-height:100vh;overflow-x:hidden}#app{width:100%}.registration-page{width:100%;max-width:560px;margin:0 auto;padding:28px 18px 48px}.page-header{text-align:center;margin-bottom:24px}.page-header h1{text-align:center;margin:0;font-size:28px;font-weight:700;color:#1f2933}.page-header p{margin:6px 0 0;font-size:14px;color:#7a828a}.form-section{width:100%;min-width:0;margin-bottom:18px;padding:22px 18px;background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000d}.form-section h2{margin:0 0 20px;font-size:18px;font-weight:700;color:#263238}label,.field-question{display:block;margin:18px 0 7px;font-size:14px;font-weight:600;color:#42484e}.form-section h2+label{margin-top:0}input,textarea,select{box-sizing:border-box;width:100%;max-width:100%;min-width:0}input[type=text],input[type=tel],input[type=date],input[type=password],textarea{width:100%;max-width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid #d7dce0;border-radius:9px;background:#fff;color:#222;font-size:16px;font-family:inherit;outline:none}textarea{display:block;resize:vertical}input[type=date]{display:block;width:100%;max-width:100%;min-width:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=date]::-webkit-date-and-time-value{min-width:0;text-align:left}input[type=date]::-webkit-datetime-edit{min-width:0;padding:0}input[type=date]::-webkit-datetime-edit-fields-wrapper{min-width:0}input:focus,textarea:focus{border-color:#6d8c79;box-shadow:0 0 0 3px #6d8c791f}input[readonly]{background:#f1f3f4;color:#666}.radio-group{display:flex;gap:28px;margin-top:10px}.radio-group label{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:400}.radio-group input{width:18px;height:18px;min-width:18px;max-width:18px}#dependentFields{width:100%;min-width:0;margin-top:20px;padding-top:4px;border-top:1px solid #eeeeee}#dependentFields[hidden]{display:none}.form-actions{margin-top:26px}#submitButton{width:100%;min-height:52px;border:none;border-radius:10px;background:#486a55;color:#fff;font-size:17px;font-weight:700;font-family:inherit;cursor:pointer}#submitButton:active{transform:scale(.99)}#submitButton:disabled{opacity:.55;cursor:not-allowed}#formMessage{min-height:22px;margin:14px 4px 0;text-align:center;font-size:14px;line-height:1.5;color:#555}@media(max-width:480px){.registration-page{padding:22px 14px 40px}.page-header h1{font-size:25px}.form-section{padding:20px 16px;border-radius:12px}}.field-error{margin:6px 2px 0;font-size:13px;line-height:1.4;color:#b42318}#pageLoading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}#pageLoading p{margin:0;font-size:15px}.loadingSpinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#111827;border-radius:50%;animation:loadingSpin .8s linear infinite}@keyframes loadingSpin{to{transform:rotate(360deg)}}#pageLoading[hidden]{display:none}
