.pab-public{--pab-brand:#4f46e5; font-family:inherit; max-width:860px; margin:32px auto; color:#182033}
.pab-test-card,.pab-result-card{background:linear-gradient(180deg,#fff,#f8fafc); border:1px solid #e5e7eb; box-shadow:0 24px 70px rgba(15,23,42,.11); border-radius:28px; overflow:hidden}
.pab-test-header,.pab-result-hero{padding:34px; background:radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--pab-brand) 16%, transparent), transparent 30%), linear-gradient(135deg,#ffffff,#f8fafc)}
.pab-chip{display:inline-flex; align-items:center; border-radius:999px; padding:7px 13px; font-size:12px; font-weight:700; color:var(--pab-brand); background:color-mix(in srgb, var(--pab-brand) 10%, #fff); border:1px solid color-mix(in srgb, var(--pab-brand) 18%, #e5e7eb)}
.pab-test-header h2,.pab-result-hero h2{margin:14px 0 10px; font-size:30px; line-height:1.4; color:#0f172a}
.pab-description{color:#475569; line-height:2}
.pab-test-form{padding:0 34px 34px}
.pab-user-fields{background:#fff; border:1px solid #e5e7eb; border-radius:22px; padding:20px; margin:-8px 0 22px}
.pab-welcome{background:#f0fdf4; color:#166534; border:1px solid #bbf7d0; border-radius:14px; padding:10px 14px; margin-bottom:14px}
.pab-field-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
.pab-field-grid label{font-weight:700; color:#334155}
.pab-field-grid small{color:#64748b; font-weight:400}
.pab-field-grid input{width:100%; margin-top:8px; border:1px solid #dbe3ef; border-radius:14px; padding:12px 14px; font:inherit; outline:none; transition:.2s}
.pab-field-grid input:focus{border-color:var(--pab-brand); box-shadow:0 0 0 4px color-mix(in srgb, var(--pab-brand) 12%, transparent)}
.pab-progress-wrap{display:flex; align-items:center; gap:14px; margin:20px 0 26px}
.pab-progress-line{height:9px; background:#eef2f7; border-radius:999px; flex:1; overflow:hidden}
.pab-progress-line span{display:block; height:100%; background:linear-gradient(90deg,var(--pab-brand),color-mix(in srgb,var(--pab-brand) 65%,#06b6d4)); width:0; border-radius:999px; transition:.25s}
.pab-progress-text{font-size:13px; color:#64748b; white-space:nowrap}
.pab-question-step{display:none; background:#fff; border:1px solid #e5e7eb; border-radius:24px; padding:28px; min-height:270px}
.pab-question-step.active{display:block; animation:pabFade .22s ease}
.pab-question-number{color:var(--pab-brand); font-weight:800; margin-bottom:10px}
.pab-question-step h3{font-size:24px; line-height:1.65; color:#0f172a; margin:0 0 22px}
.pab-options{display:grid; gap:12px}
.pab-option{display:flex; align-items:center; gap:12px; border:1px solid #e5e7eb; border-radius:18px; padding:15px 16px; cursor:pointer; background:#fbfdff; transition:.2s; font-weight:650; color:#334155}
.pab-option:hover{border-color:var(--pab-brand); transform:translateY(-1px); box-shadow:0 12px 30px rgba(15,23,42,.08)}
.pab-option input{accent-color:var(--pab-brand); transform:scale(1.15)}
.pab-option:has(input:checked){border-color:var(--pab-brand); background:color-mix(in srgb,var(--pab-brand) 7%,#fff)}
.pab-nav{display:flex; justify-content:space-between; gap:12px; margin-top:22px}
.pab-btn{border:0; border-radius:16px; padding:13px 24px; cursor:pointer; font:inherit; font-weight:800; transition:.2s}
.pab-btn-primary{background:var(--pab-brand); color:#fff; box-shadow:0 12px 25px color-mix(in srgb,var(--pab-brand) 25%,transparent)}
.pab-btn-primary:hover{transform:translateY(-1px); filter:brightness(.97)}
.pab-btn-secondary{background:#eef2f7; color:#334155}
.pab-alert{background:#fff7ed; color:#9a3412; border:1px solid #fed7aa; padding:14px; border-radius:14px; margin:16px 0}
.pab-result-hero{text-align:center; padding-bottom:38px}
.pab-result-icon{width:76px; height:76px; margin:0 auto 14px; display:grid; place-items:center; font-size:36px; background:#fff; border:1px solid #e5e7eb; border-radius:24px; box-shadow:0 16px 35px rgba(15,23,42,.08)}
.pab-result-section{margin:24px 34px; background:#fff; border:1px solid #e5e7eb; border-radius:22px; padding:24px; line-height:2.05; color:#334155}
.pab-result-section h3{margin-top:0; color:#0f172a}
.pab-summary{font-size:17px; background:color-mix(in srgb,var(--pab-brand) 6%,#fff)}
.pab-scale-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px}
.pab-scale-item{border:1px solid #e5e7eb; border-radius:18px; padding:16px; background:#f8fafc; display:flex; justify-content:space-between; align-items:center}
.pab-answer-note{background:#f8fafc; border-right:4px solid var(--pab-brand); border-radius:14px; padding:12px 16px; margin:10px 0}
.pab-shake{animation:pabShake .35s ease}
@keyframes pabFade{from{opacity:0; transform:translateY(8px)}to{opacity:1; transform:translateY(0)}}
@keyframes pabShake{0%,100%{transform:translateX(0)}25%{transform:translateX(5px)}75%{transform:translateX(-5px)}}
@media(max-width:720px){.pab-public{margin:12px auto}.pab-test-header,.pab-result-hero,.pab-test-form{padding:22px}.pab-field-grid{grid-template-columns:1fr}.pab-question-step{padding:20px}.pab-question-step h3{font-size:20px}.pab-result-section{margin:16px; padding:18px}.pab-nav{position:sticky; bottom:10px; z-index:2}.pab-btn{flex:1}}
.pab-meta{display:inline-flex; margin:4px 0 10px; color:#64748b; background:#fff; border:1px solid #e5e7eb; border-radius:999px; padding:6px 12px; font-size:13px; font-weight:700}
.pab-consent{display:flex; gap:10px; align-items:flex-start; background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:14px 16px; color:#475569; line-height:1.9; margin-top:18px}
.pab-consent input{margin-top:7px; accent-color:var(--pab-brand)}
.pab-cta{text-align:center; background:transparent; border:0; box-shadow:none}
.pab-cta .pab-btn{display:inline-flex; text-decoration:none; align-items:center; justify-content:center}
.pab-footnote{font-size:13px; color:#64748b; background:#f8fafc}
.pab-custom-field.pab-width-full{grid-column:1/-1}
.pab-custom-field.pab-width-half{grid-column:span 1}
.pab-custom-field.pab-width-third{grid-column:span 1}
.pab-user-fields textarea,.pab-user-fields select,.pab-free-answer{width:100%;margin-top:8px;border:1px solid #dbe3ef;border-radius:14px;padding:12px 14px;background:#fff;box-sizing:border-box;font:inherit}
.pab-inline-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.pab-inline-options span{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:8px 12px;font-weight:700;color:#334155}
.pab-help{display:block;margin-top:6px;color:#64748b;font-weight:500}
@media(min-width:860px){.pab-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pab-custom-field.pab-width-third{grid-column:span 1}}