.wfpo-modal-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.5);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}
.wfpo-modal-overlay.wfpo-open {
	display: flex;
}
.wfpo-modal {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 20px 60px rgba(0,0,0,0.2);
	width: 100%;
	max-width: 460px;
	padding: 24px;
}
.wfpo-title {
	margin: 0 0 6px 0;
	font-size: 22px;
}
.wfpo-subtitle {
	margin: 0 0 16px 0;
	color: #666;
	font-size: 13px;
}
.wfpo-form-group {
	margin-bottom: 14px;
}
.wfpo-label {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
	font-size: 13px;
}
.wfpo-input, .wfpo-otp {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	font-size: 15px;
}
.wfpo-btn {
	width: 100%;
	padding: 12px;
	border: 0;
	border-radius: 8px;
	background: #4f46e5;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
}
.wfpo-btn-secondary {
	background: #f3f4f6;
	color: #111827;
}
.wfpo-btn + .wfpo-btn {
	margin-top: 8px;
}
.wfpo-message {
	display: none;
	font-size: 13px;
	padding: 10px;
	border-radius: 8px;
	margin-bottom: 12px;
}
.wfpo-message.wfpo-show { display: block; }
.wfpo-message.wfpo-success { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }
.wfpo-message.wfpo-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
.wfpo-recaptcha { margin: 10px 0; display: flex; justify-content: center; }