.site-page #language_sign_up_form.signup-panel { width: min(560px, 100%); margin: 0 auto 40px; padding: 32px; border: 1px solid #e6dd97; border-radius: 20px; background: #faf3c5; box-shadow: none; text-align: left; }
.signup-panel #sign_up_title { margin: 0 0 12px; color: var(--ink); font-size: clamp(1.5rem, 3vw, 1.875rem); font-weight: 700; line-height: 1.2; letter-spacing: -.035em; text-align: left; }
.signup-panel .signup_lede { margin: 0 0 24px; color: #686447; font-size: .9375rem; text-align: left; }
.signup-panel .signup_field { margin-bottom: 16px; }
.signup-panel .signup_label { width: 100%; margin: 0 0 8px; color: var(--ink_soft); font-size: .8125rem; font-weight: 600; }
.signup-panel #email_login_input, .signup-panel #user_select_level { width: 100%; height: auto; min-height: 50px; margin: 0; padding: 12px 14px; border: 1px solid #d4d2b5; border-radius: 10px; background: var(--paper); color: var(--ink); font-size: 1rem; line-height: 1.5; }
.signup-panel #email_login_input:focus, .signup-panel #user_select_level:focus { border-color: #8b843d; box-shadow: 0 0 0 3px #a99b1920; }
.signup-panel #sign_up_button { width: 100%; height: auto; min-height: 50px; margin: 8px 0 0; padding: 12px 16px; border: 1px solid var(--highlight_deep); border-radius: 10px; background: var(--highlight); color: var(--ink); font-size: 1rem; font-weight: 650; white-space: normal; cursor: pointer; transition: background-color .15s; }
.signup-panel #sign_up_button:hover { background: #f2d700; opacity: 1; }
.signup-panel #sign_up_button:active { background: #e8ce00; }
.signup-panel .signup_reassurance { margin: 14px 0 0; color: #686447; font-size: .8125rem; line-height: 1.6; text-align: center; }
.signup-panel #by_email_status_div { width: 100%; margin: 16px 0; padding: 12px; border-radius: 10px; }
.signup-panel #by_email_status_text { margin: 0; font-size: .9375rem; overflow-wrap: anywhere; }
.signup-panel #left_div, .signup-panel #right_div { height: auto; max-width: 48%; vertical-align: middle; background: transparent; }
.signup-panel #right_div { margin-left: 6%; }
.signup-panel #learn_language_img { width: 100%; height: auto; max-width: 160px; max-height: 160px; object-fit: contain; }
.signup-panel #right_div_text p { margin: 8px 0; color: var(--ink_soft); font-size: .9375rem; line-height: 1.6; text-align: left; }

@media (max-width: 600px) {
    .site-page #language_sign_up_form.signup-panel { padding: 26px 20px; border-radius: 17px; }
    .signup-panel #right_div_text p { font-size: .8125rem; }
}

@media (prefers-contrast: more) {
    .site-page #language_sign_up_form.signup-panel, .signup-panel #email_login_input, .signup-panel #user_select_level { border-color: var(--ink_muted); }
}