.signup-modal { position: fixed; inset: 0; z-index: 1000; display: none; align-items: center; justify-content: center; padding: 20px; background: rgb(0 0 0 / 60%); }
.signup-modal.is-open { display: flex; }
.signup-modal .signup-box { width: 100%; max-width: 320px; max-height: calc(100dvh - 40px); overflow-y: auto; padding: 24px; border-radius: 12px; background: #fff; text-align: center; }
.signup-modal h2 { margin: 0 0 20px; }
.signup-modal .input-field { width: 100%; min-width: 0; height: 48px; padding: 0 12px; margin: 0 0 12px; border: 1px solid #dcdcdc; border-radius: 10px; font: inherit; }
.signup-modal .signup-guide { font-size: 13px; }
.signup-modal .signup-policy-consent { display: flex; align-items: flex-start; gap: 8px; margin: 12px 0; font-size: 12px; font-weight: normal; line-height: 1.5; text-align: left; }
.signup-modal .signup-policy-consent input { flex-shrink: 0; margin-top: 3px; }
.signup-modal .login-btn, .signup-modal .close-btn { width: 100%; min-height: 48px; margin-top: 10px; border: 0; border-radius: 10px; font: inherit; cursor: pointer; }
.signup-modal .login-btn { background: #d3edf5; color: #222; }
.signup-modal .close-btn { background: #f2f2f2; color: #222; }