:root{
  --dpw-blue:#005bbb;--dpw-green:#9ac23d;--dpw-bg:#f5f7fb;--dpw-text:#111827;--dpw-muted:#6b7280;
  --dpw-radius:22px;--dpw-shadow:0 18px 40px rgba(15,23,42,.12);--dpw-t:.25s ease;
  --dpw-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.dpw-widget{font-family:var(--dpw-font); color:var(--dpw-text);}
.dpw-wrap{max-width:980px;width:100%;display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center}
@media (max-width:860px){.dpw-wrap{grid-template-columns:1fr}}
.dpw-hero{padding:8px}
.dpw-badge{display:inline-flex;gap:8px;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(0,91,187,.08);color:var(--dpw-blue);font-size:.82rem;margin-bottom:12px}
.dpw-hero h1{margin:0 0 10px;font-size:2rem;line-height:1.2}
.dpw-hero p{margin:0 0 14px;color:var(--dpw-muted);font-size:.95rem}
.dpw-list{list-style:none;padding:0;margin:0 0 12px;font-size:.9rem}
.dpw-list li{margin:0 0 6px}
.dpw-list li::before{content:"• ";color:var(--dpw-green);font-weight:700}
.dpw-hint{margin:0;color:var(--dpw-muted);font-size:.85rem}

.dpw-card{background:#fff;border-radius:var(--dpw-radius);box-shadow:var(--dpw-shadow);padding:22px;position:relative;overflow:hidden}
.dpw-progress{height:4px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:14px}
.dpw-bar{height:100%;width:0;background:linear-gradient(90deg,var(--dpw-blue),var(--dpw-green));transition:width var(--dpw-t)}

.dpw-step{opacity:0;transform:translateX(10px);pointer-events:none;position:absolute;inset:40px 22px 22px;display:flex;flex-direction:column;gap:16px;transition:opacity var(--dpw-t),transform var(--dpw-t)}
.dpw-step.active{opacity:1;transform:translateX(0);pointer-events:auto;position:relative;inset:0}
.dpw-step h2{margin:0;font-size:1.35rem;line-height:1.25}
.dpw-sub{margin:0;color:var(--dpw-muted);font-size:.95rem}

.dpw-back{border:none;background:transparent;color:var(--dpw-muted);font-size:.86rem;cursor:pointer;align-self:flex-start;padding:0}
.dpw-options{display:grid;gap:10px}
.dpw-opt{
  border:1px solid #e5e7eb;border-radius:999px;padding:10px 14px;background:#fff;cursor:pointer;
  display:flex;gap:10px;align-items:center;transition:background var(--dpw-t),border-color var(--dpw-t),box-shadow var(--dpw-t),transform var(--dpw-t);
  font-size:.95rem;text-align:left;
}
.dpw-opt:hover{background:#f9fafb;box-shadow:0 6px 18px rgba(15,23,42,.06);transform:translateY(-1px)}
.dpw-opt.selected{border-color:var(--dpw-blue);background:#eff6ff;box-shadow:0 8px 22px rgba(37,99,235,.25)}
.dpw-emoji{font-size:1.15rem}

.dpw-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.dpw-btnP,.dpw-btnS{
  border-radius:999px;border:none;padding:10px 16px;font-weight:700;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;
  transition:transform var(--dpw-t),box-shadow var(--dpw-t),opacity var(--dpw-t),background var(--dpw-t);
  font-size:.95rem;
}
.dpw-btnP{background:var(--dpw-blue);color:#fff;box-shadow:0 10px 25px rgba(37,99,235,.45)}
.dpw-btnP:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 32px rgba(37,99,235,.55)}
.dpw-btnP:disabled{opacity:.4;cursor:default;box-shadow:none}
.dpw-btnS{background:#fff;color:var(--dpw-blue);border:1px solid #d1d5db}
.dpw-btnS:hover{background:#f3f4f6}

.dpw-result{background:linear-gradient(145deg,#fff,#f3f4ff);border:1px solid #e5e7eb;border-radius:18px;padding:14px 16px}
.dpw-result h3{margin:0 0 6px;color:var(--dpw-blue)}
.dpw-result p{margin:0 0 10px;color:var(--dpw-muted)}
.dpw-result ul{margin:0;padding-left:18px;font-size:.92rem}

.dpw-link{border:none;background:transparent;color:var(--dpw-muted);cursor:pointer;font-size:.86rem;padding:0;margin-top:8px;align-self:flex-start}
.dpw-note{font-size:.85rem;color:var(--dpw-muted);margin:0}