.pw-wrap { display: flex; justify-content: center; padding: 40px 16px; }
.pw-card { max-width: 480px; width: 100%; padding: 36px 32px 28px; }

.pw-ico {
    width: 56px; height: 56px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    margin: 0 auto 16px;
}
.pw-card:has(.pw-ico) { text-align: center; }
.pw-ico-success { background: var(--color-green-bg); color: var(--color-green-text); }
.pw-ico svg { width: 24px; height: 24px; }

.pw-title { font-size: var(--text-3xl); font-weight: var(--fw-semibold); letter-spacing: -0.02em; color: var(--color-text-primary); margin: 0 0 10px; line-height: 1.2; }
.pw-sub { font-size: var(--text-md); color: var(--color-text-secondary); line-height: 1.55; margin: 0 0 24px; }

.pw-error {
    display: flex; align-items: flex-start; gap: 8px;
    padding: 12px 14px; margin: 0 0 18px;
    background: var(--color-red-bg); color: var(--color-red-text);
    border-radius: var(--radius-sm); font-size: var(--text-base); line-height: 1.5;
}
.pw-error svg { width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; }

.pw-question {
    padding: 14px 16px;
    background: var(--color-surface-secondary);
    border-radius: var(--radius-sm);
    font-size: var(--text-md); font-weight: var(--fw-medium);
    color: var(--color-text-primary);
    margin-bottom: 8px;
    line-height: 1.55;
}

.pw-form { display: flex; flex-direction: column; gap: 14px; }
.pw-form .form-group { display: flex; flex-direction: column; gap: 6px; }
.pw-form .form-label { font-size: var(--text-base); font-weight: var(--fw-medium); color: var(--color-text-primary); }
.pw-form .form-input {
    height: 42px; padding: 0 12px;
    border: 0.5px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    font-size: var(--text-lg); font-family: inherit;
    color: var(--color-text-primary);
}
.pw-form .form-input:focus {
    outline: none; border-color: var(--color-accent);
    box-shadow: 0 0 0 3px var(--color-accent-light);
}
.pw-submit { width: 100%; height: 44px; font-size: var(--text-md); font-weight: var(--fw-medium); margin-top: 4px; }
.pw-cta { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 18px; font-size: var(--text-md); margin: 0 auto; }
.pw-altlink { text-align: center; margin: 16px 0 0; font-size: var(--text-base); }
.pw-altlink a { color: var(--color-accent); text-decoration: none; }
.pw-altlink a:hover { text-decoration: underline; }

/* CAPTCHA widget */
.pw-captcha { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.pw-captcha .g-recaptcha,
.pw-captcha .h-captcha { display: inline-block; }
.pw-captcha img { border-radius: var(--radius-sm); border: 0.5px solid var(--color-border); }
.pw-captcha input[type="text"] {
    height: 42px; padding: 0 12px; max-width: 220px;
    border: 0.5px solid var(--color-border); border-radius: var(--radius-md);
    background: var(--color-surface); font-size: var(--text-lg); font-family: inherit;
    color: var(--color-text-primary);
}
.pw-captcha input[type="text"]:focus { outline: none; border-color: var(--color-accent); box-shadow: 0 0 0 3px var(--color-accent-light); }

@media (max-width: 480px) {
    .pw-card { padding: 28px 20px 22px; }
    .pw-title { font-size: var(--text-2xl); }
}