.wsb-register-card__title { margin: 0 0 22px; padding: 0; color: var(--wsb-heading-color, #1a1a1a); font-size: var(--wsb-heading-size, 17px); font-weight: 700; line-height: 1.3; text-align: center; letter-spacing: -0.01em; } .wsb-register-form { display: flex; flex-direction: column; gap: 12px; margin-bottom: 4px; } .wsb-register-form__field { position: relative; display: flex; align-items: center; } .wsb-register-form__icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #9ca3af; display: flex; pointer-events: none; transition: color 0.2s; } .wsb-register-form__input { width: 100%; padding: 13px 14px 13px 42px; border: 1.5px solid #e5e7eb; border-radius: 10px; font-size: 15px; color: #1f2937; background: #f9fafb; outline: none; transition: border-color 0.2s, box-shadow 0.2s, background 0.2s; box-sizing: border-box; } .wsb-register-form__input::placeholder { color: #9ca3af; } .wsb-register-form__input:focus { border-color: var(--wsb-btn-bg, #3b82f6); box-shadow: 0 0 0 3px rgba(59,130,246,0.12); background: #fff; } .wsb-register-form__field:focus-within .wsb-register-form__icon { color: var(--wsb-btn-bg, #3b82f6); } .wsb-register-form__btn { width: 100%; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 12px 16px; background: var(--wsb-btn-bg, #1f2937); color: var(--wsb-btn-color, #fff); font-size: var(--wsb-btn-size, 14px); font-weight: 600; line-height: 1.3; border: 1.5px solid transparent; border-radius: 10px; cursor: pointer; transition: filter 0.2s, transform 0.15s, box-shadow 0.2s; letter-spacing: 0.01em; box-sizing: border-box; } .wsb-register-form__btn-icon { flex-shrink: 0; } .wsb-register-form__btn-text { line-height: 1; } .wsb-register-form__btn:hover { filter: brightness(1.12); box-shadow: 0 4px 14px rgba(0,0,0,0.12); } .wsb-register-form__btn:active { transform: scale(0.98); } .wsb-register-form__btn:disabled { opacity: 0.65; cursor: wait; filter: none; transform: none; box-shadow: none; } .wsb-register-notice { display: none; text-align: center; font-size: 13px; line-height: 1.5; color: #ef4444; margin-top: 10px; } .wsb-register-notice.error, .wsb-register-notice.success, .wsb-register-notice.info { display: block; } .wsb-register-notice.success { color: #16a34a; } .wsb-register-notice.info { color: #2563eb; } .wsb-register-card__sub { margin: 14px 0 0; color: var(--wsb-sub-color, #6b7280); font-size: var(--wsb-sub-size, 13px); line-height: 1.5; text-align: center; } .wsb-register-card__success { text-align: center; padding: 16px 0 4px; } .wsb-register-card__success p { color: #16a34a; font-size: 14px; line-height: 1.6; margin: 0 0 14px; } .wsb-register-card__success-btn { display: inline-block; background: #16a34a; color: #fff; padding: 11px 28px; border: none; border-radius: 10px; font-size: 14px; font-weight: 600; cursor: pointer; transition: filter 0.2s, transform 0.15s; } .wsb-register-card__success-btn:hover { filter: brightness(1.1); transform: scale(1.03); }