.dpdi-form-wrapper{
  --dpdi-max-width:560px;
  --dpdi-bg:#fff;
  --dpdi-text:#111827;
  --dpdi-help:#475467;
  --dpdi-label:#111827;
  --dpdi-input-bg:#fff;
  --dpdi-input-text:#111827;
  --dpdi-border:#d0d5dd;
  --dpdi-focus:#98a2b3;
  --dpdi-button-bg:#111827;
  --dpdi-button-text:#fff;
  --dpdi-button-hover:#0f172a;
  --dpdi-error-bg:#fef3f2;
  --dpdi-error-text:#b42318;
  --dpdi-status-bg:#111827;
  --dpdi-status-text:#fff;
  --dpdi-status-accent:#98a2b3;
  --dpdi-shadow:0 8px 24px rgba(16,24,40,.06);
  --dpdi-padding:24px;
  --dpdi-radius:16px;
  --dpdi-input-radius:12px;
  --dpdi-button-radius:12px;
  --dpdi-border-width:1px;
  --dpdi-title-size:22px;
  --dpdi-label-size:15px;
  --dpdi-input-height:48px;
  --dpdi-button-height:48px;
  position:relative;
  max-width:var(--dpdi-max-width);
  padding:var(--dpdi-padding);
  border:var(--dpdi-border-width) solid var(--dpdi-border);
  border-radius:var(--dpdi-radius);
  background:var(--dpdi-bg);
  color:var(--dpdi-text);
  box-shadow:var(--dpdi-shadow);
  overflow:hidden;
}
.dpdi-title{margin:0 0 10px;font-size:var(--dpdi-title-size);line-height:1.2;color:var(--dpdi-text)}
.dpdi-help{margin:0 0 16px;color:var(--dpdi-help)}
.dpdi-form{display:grid;gap:14px}
.dpdi-field{display:grid;gap:8px}
.dpdi-field label{font-weight:600;font-size:var(--dpdi-label-size);color:var(--dpdi-label)}
.dpdi-field input[type="text"]{width:100%;height:var(--dpdi-input-height);padding:12px 14px;border:var(--dpdi-border-width) solid var(--dpdi-border);border-radius:var(--dpdi-input-radius);outline:none;background:var(--dpdi-input-bg);color:var(--dpdi-input-text);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.dpdi-field input[type="text"]:focus{border-color:var(--dpdi-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--dpdi-focus) 28%, transparent);transform:translateY(-1px)}
.dpdi-button{border:0;border-radius:var(--dpdi-button-radius);height:var(--dpdi-button-height);padding:0 18px;font-weight:700;cursor:pointer;background:linear-gradient(180deg,var(--dpdi-button-bg),var(--dpdi-button-hover));color:var(--dpdi-button-text);transition:transform .18s ease,filter .18s ease,opacity .18s ease;box-shadow:0 10px 24px rgba(0,0,0,.14)}
.dpdi-button:hover{filter:brightness(1.03);transform:translateY(-1px)}
.dpdi-button:disabled{opacity:.8;cursor:wait;transform:none}
.dpdi-message{padding:12px 14px;border-radius:12px;margin:0 0 14px}
.dpdi-message-error{background:var(--dpdi-error-bg);color:var(--dpdi-error-text);border:1px solid color-mix(in srgb, var(--dpdi-error-text) 14%, transparent)}
.dpdi-inline-validation{display:none;font-size:13px;color:var(--dpdi-error-text)}
.dpdi-inline-validation.is-visible{display:block}
.dpdi-inline-validation.is-ok{color:#0a7a2f}
.dpdi-captcha-op{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb, var(--dpdi-status-bg) 10%, white);font-weight:700}
.dpdi-status-card{position:absolute;inset:auto 16px 16px 16px;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:color-mix(in srgb, var(--dpdi-status-bg) 94%, transparent);color:var(--dpdi-status-text);box-shadow:0 18px 40px rgba(0,0,0,.18);transform:translateY(140%);opacity:0;pointer-events:none;transition:transform .28s ease,opacity .28s ease;backdrop-filter:blur(8px)}
.dpdi-status-card.is-active{transform:translateY(0);opacity:1}
.dpdi-status-card__dot{width:14px;height:14px;border-radius:999px;background:var(--dpdi-status-accent);box-shadow:0 0 0 0 color-mix(in srgb, var(--dpdi-status-accent) 40%, transparent);animation:dpdiPulse 1.5s infinite}
.dpdi-status-card__content{display:grid;gap:2px}
.dpdi-status-card__title{font-size:14px;line-height:1.1}
.dpdi-status-card__text{font-size:12px;opacity:.86}
.dpdi-hp{position:absolute !important;left:-9999px !important;opacity:0 !important;height:1px !important;width:1px !important;pointer-events:none !important}
@keyframes dpdiPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--dpdi-status-accent) 42%, transparent)}70%{box-shadow:0 0 0 12px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media (max-width:640px){.dpdi-form-wrapper{padding:18px}.dpdi-status-card{left:12px;right:12px;bottom:12px}}