.join-otp{margin-top:12px;padding:14px;border:1px solid #d6deec;border-radius:12px;background:#f4f7fc;color:#19345c}.join-otp label{display:block;margin:12px 0 6px}.join-otp-row{display:flex;gap:8px;flex-wrap:wrap}.join-otp-row input{flex:1;min-width:110px;width:120px}.join-otp button{min-height:44px;white-space:normal}.join-otp p{font-size:14px;line-height:1.6;margin:10px 0 0;overflow-wrap:anywhere}.join-steps{padding:18px;background:#fff4e8;border-left:4px solid #e87935;border-radius:10px;color:#19345c;line-height:1.8}.join-flow{font-family:system-ui,sans-serif;margin:0;background:#f4f7fc;color:#19345c}.join-flow main{max-width:780px;margin:24px auto;background:white;padding:clamp(18px,5vw,40px);border-radius:18px;box-sizing:border-box}.join-flow h1{font-size:clamp(24px,5vw,32px)}.join-flow pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.9;border:1px solid #d6deec;padding:18px;border-radius:12px}.join-flow button,.join-flow .button{background:#b94a13;color:white;border:0;padding:12px 20px;border-radius:10px;min-height:44px;font:inherit;cursor:pointer}.join-flow input[type=text]{display:block;box-sizing:border-box;width:100%;padding:12px;font:inherit;margin:8px 0 18px;border:1px solid #8b9ab0;border-radius:8px}.join-flow label{display:block;margin:18px 0}.join-flow a{color:#194c85}.join-flow .notice{padding:16px;background:#fff4e8;border-radius:10px;line-height:1.7}.join-flow input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.join-flow p{line-height:1.7;overflow-wrap:anywhere}
.join-otp .fy-button{background:#19345c;border-color:#19345c;color:#fff}.join-otp .fy-button-outline{background:#fff;color:#19345c}.join-otp .fy-button:disabled{opacity:.65}