:root{--pah-accent:#00BFB4;--pah-dark:#0F172A;--pah-border:#E2E8F0;--pah-text:#1E293B;--pah-muted:#64748B}
.pah-dashboard{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--pah-text);max-width:960px;margin:0 auto}
.pah-dash-header{display:flex;align-items:center;gap:16px;background:var(--pah-dark);color:#fff;border-radius:16px;padding:20px 24px;margin-bottom:24px}
.pah-wl-logo{height:44px;object-fit:contain}
.pah-dash-title{flex:1}
.pah-dash-title h2{margin:0;font-size:1.3rem}
.pah-dash-title p{margin:2px 0 0;font-size:.82rem;opacity:.7}
.pah-credit-badge{background:rgba(255,255,255,.1);border-radius:12px;padding:12px 20px;text-align:center;border:1px solid rgba(255,255,255,.15)}
.pah-credit-num{display:block;font-size:1.8rem;font-weight:800;color:var(--pah-accent)}
.pah-credit-label{font-size:.72rem;opacity:.7}
.pah-dash-tabs{display:flex;gap:4px;background:#F1F5F9;border-radius:12px;padding:4px;margin-bottom:24px}
.pah-tab{flex:1;border:none;background:none;padding:10px;border-radius:9px;cursor:pointer;font-size:.88rem;font-weight:600;color:var(--pah-muted);transition:all .2s}
.pah-tab.active{background:#fff;color:var(--pah-text);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.pah-tab-content{display:none}
.pah-tab-content.active{display:block}
.pah-generator-form{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px rgba(0,0,0,.07)}
.pah-credit-info{background:#F0FDF4;border:1px solid #BBF7D0;border-radius:9px;padding:10px 16px;margin-bottom:20px;font-size:.88rem}
.pah-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pah-field{display:flex;flex-direction:column;gap:5px}
.pah-field label{font-size:.84rem;font-weight:600;color:var(--pah-muted)}
.pah-field input,.pah-field select{border:1.5px solid var(--pah-border);border-radius:9px;padding:10px 12px;font-size:.9rem;outline:none;transition:border .2s;width:100%;box-sizing:border-box}
.pah-field input:focus,.pah-field select:focus{border-color:var(--pah-accent)}
.pah-req{color:#EF4444}
.pah-field-row{margin:16px 0;font-size:.88rem}
.pah-btn-primary{background:var(--pah-accent);color:#fff;border:none;padding:13px 28px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:20px;transition:opacity .2s;width:100%}
.pah-btn-primary:hover{opacity:.88}
.pah-btn-primary:disabled{opacity:.5;cursor:not-allowed}
.pah-btn-secondary{background:#F1F5F9;color:var(--pah-text);border:none;padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer}
.pah-btn-sm{background:var(--pah-accent);color:#fff;border:none;padding:6px 12px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
.pah-btn-lg{font-size:1.15rem;padding:16px 36px}
.pah-result-image{width:100%;border-radius:12px;margin-top:16px;box-shadow:0 4px 24px rgba(0,0,0,.12)}
.pah-result-actions{display:flex;gap:10px;margin-top:12px}
.pah-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.pah-history-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.07)}
.pah-history-img-wrap{position:relative;aspect-ratio:1;overflow:hidden}
.pah-history-img-wrap img{width:100%;height:100%;object-fit:cover}
.pah-history-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:.2s}
.pah-history-card:hover .pah-history-overlay{opacity:1}
.pah-history-placeholder{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#F8FAFC;color:var(--pah-muted);font-size:.8rem;font-weight:600;text-transform:uppercase}
.pah-history-meta{padding:10px 12px;font-size:.78rem;color:var(--pah-muted)}
.pah-history-meta strong{display:block;color:var(--pah-text);font-size:.84rem;margin-bottom:2px}
.pah-packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin:20px 0}
.pah-pricing-card{background:#fff;border:2px solid var(--pah-border);border-radius:16px;padding:24px;text-align:center;position:relative;transition:transform .2s}
.pah-pricing-card:hover{transform:translateY(-3px)}
.pah-pricing-featured{border-color:var(--pah-accent)}
.pah-pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--pah-accent);color:#fff;font-size:.72rem;font-weight:800;padding:3px 14px;border-radius:50px;white-space:nowrap}
.pah-pricing-name{font-weight:700;font-size:1rem;margin-bottom:8px}
.pah-pricing-credits{font-size:2rem;font-weight:800;color:var(--pah-accent)}
.pah-pricing-price{font-size:1.6rem;font-weight:800;margin:8px 0}
.pah-pricing-per{font-size:.76rem;color:var(--pah-muted);margin-bottom:16px}
.pah-btn-buy{width:100%;padding:11px;border-radius:10px;font-weight:700;font-size:.9rem;border:none;cursor:pointer;background:var(--pah-accent);color:#fff;transition:opacity .2s;text-decoration:none;display:inline-block}
.pah-redeem-section{background:#F8FAFC;border-radius:14px;padding:20px 24px;margin-top:28px}
.pah-redeem-form{display:flex;gap:10px}
.pah-redeem-form input{flex:1;border:1.5px solid var(--pah-border);border-radius:9px;padding:10px 14px;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;outline:none}
#pah-redeem-result{margin-top:10px;font-size:.88rem;font-weight:600}
.pah-wl-form{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px rgba(0,0,0,.07);max-width:480px}
.pah-empty{color:var(--pah-muted);text-align:center;padding:40px}
.pah-demo{max-width:700px;margin:0 auto}
.pah-demo-header{text-align:center;margin-bottom:28px}
.pah-demo-cta{text-align:center;margin-top:24px}
.pah-demo-note{font-size:.82rem;color:var(--pah-muted);margin-top:10px}
.pah-pricing{max-width:900px;margin:0 auto}
.pah-pricing-header{text-align:center;margin-bottom:32px}
.pah-login-prompt{background:#F8FAFC;border-radius:12px;padding:24px;text-align:center;color:var(--pah-muted)}
.pah-spin{display:inline-block;animation:pah-spin 1s linear infinite}
@keyframes pah-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:600px){.pah-form-grid{grid-template-columns:1fr}.pah-packages-grid{grid-template-columns:1fr 1fr}}

/* ── Demo page specific ─────────────────────────────────────────── */
.pah-app { max-width:900px; margin:0 auto; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }

.pah-demo-hero {
  text-align:center;
  padding:48px 20px 36px;
}
.pah-demo-hero-badge {
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(20,184,166,.1));
  border:1px solid rgba(99,102,241,.2);
  color:#6366F1;
  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  padding:5px 14px;
  border-radius:50px;
  margin-bottom:16px;
}
.pah-demo-hero h2 {
  font-size:2.2rem;
  font-weight:800;
  margin:0 0 10px;
  line-height:1.2;
  background:linear-gradient(135deg,#1E293B,#6366F1);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.pah-demo-hero p {
  color:#64748B;
  font-size:1rem;
  margin:0;
}

/* Demo layout */
.pah-demo-form-wrap {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  margin-bottom:40px;
}
.pah-demo-preview { display:flex; flex-direction:column; gap:10px; }
.pah-demo-preview-grid {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:10px;
  flex:1;
}
.pah-demo-preview-card {
  border-radius:12px;
  padding:16px;
  aspect-ratio:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  cursor:default;
  transition:transform .2s;
}
.pah-demo-preview-card:hover { transform:scale(1.03); }

.pah-demo-teaser-card {
  background:#fff;
  border:1.5px solid #E2E8F0;
  border-radius:16px;
  padding:28px;
  box-shadow:0 4px 24px rgba(0,0,0,.07);
}
.pah-demo-teaser-card h3 {
  margin:0 0 20px;
  font-size:1.1rem;
  font-weight:800;
}
.pah-demo-teaser-card .pah-field label {
  font-size:.82rem;
  font-weight:700;
  color:#64748B;
  margin-bottom:5px;
  display:block;
}
.pah-demo-teaser-card input,
.pah-demo-teaser-card select {
  width:100%;
  padding:10px 13px;
  border:1.5px solid #E2E8F0;
  border-radius:9px;
  font-size:.9rem;
  outline:none;
  transition:border .15s;
  box-sizing:border-box;
  font-family:inherit;
}
.pah-demo-teaser-card input:focus,
.pah-demo-teaser-card select:focus {
  border-color:#6366F1;
  box-shadow:0 0 0 3px rgba(99,102,241,.1);
}

/* Features row */
.pah-demo-features {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-bottom:36px;
}
.pah-demo-feature {
  text-align:center;
  padding:20px 12px;
  background:#F8FAFC;
  border-radius:12px;
  border:1px solid #E2E8F0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.pah-demo-feature-icon { font-size:1.6rem; margin-bottom:6px; }
.pah-demo-feature strong { font-size:.9rem; font-weight:800; color:#1E293B; }
.pah-demo-feature span  { font-size:.76rem; color:#64748B; }

/* CTA box */
.pah-demo-cta-box {
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:linear-gradient(135deg,#0F172A,#1E3A5F);
  border-radius:16px;
  padding:32px 36px;
  margin-bottom:20px;
}
.pah-demo-cta-text h3 { margin:0 0 6px; font-size:1.2rem; color:#fff; font-weight:800; }
.pah-demo-cta-text p  { margin:0; color:rgba(255,255,255,.65); font-size:.88rem; }
.pah-demo-cta-btns { display:flex; align-items:center; gap:4px; flex-wrap:wrap; }

/* Teaser result */
#pah-teaser-result .pah-teaser-cta {
  background:linear-gradient(135deg,#F5F3FF,#EFF6FF);
  border:1.5px solid #C4B5FD;
  border-radius:12px;
  padding:20px;
  text-align:center;
}
#pah-teaser-result .pah-teaser-cta h4 { margin:0 0 8px; font-size:1rem; color:#5B21B6; }
#pah-teaser-result .pah-teaser-cta p  { margin:0 0 14px; font-size:.85rem; color:#64748B; }

@media(max-width:768px) {
  .pah-demo-form-wrap { grid-template-columns:1fr; }
  .pah-demo-preview-grid { grid-template-columns:1fr 1fr 1fr; }
  .pah-demo-features { grid-template-columns:1fr 1fr; }
  .pah-demo-cta-box { flex-direction:column; gap:20px; text-align:center; }
  .pah-demo-hero h2 { font-size:1.6rem; }
}
@media(max-width:480px) {
  .pah-demo-preview { display:none; }
  .pah-demo-features { grid-template-columns:1fr 1fr; }
}