:root{--pf-brand: #d1039e;--pf-violet: #7c3aed;--pf-ink: #0f1222;--pf-ink-2: #3c415c;--pf-muted: #5e6684;--pf-canvas: #f6f7fc;--pf-card: #ffffff;--pf-line: #e8eaf2;--pf-line-2: #d9dcea;--pf-ok: #059669;--pf-warn: #d97706;--pf-bad: #dc2626;--pf-e1: 0 1px 2px rgba(15,18,34,.05), 0 4px 14px rgba(15,18,34,.06);--pf-e2: 0 2px 4px rgba(15,18,34,.05), 0 14px 34px rgba(15,18,34,.1);--pf-e3: 0 24px 60px rgba(15,18,34,.16);--pf-grad: linear-gradient(93deg, var(--pf-brand), var(--pf-violet))}body.prodify-app{background:radial-gradient(1200px 480px at 18% -12%,rgba(209,3,158,.06),transparent 60%),radial-gradient(1000px 460px at 88% -6%,rgba(124,58,237,.06),transparent 55%),var(--pf-canvas)}.pf{max-width:1020px;margin:0 auto;padding:36px 20px 88px}.pf-step-panel{animation:pfIn .38s cubic-bezier(.2,.8,.3,1) both}@keyframes pfIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pf-step-panel,.pf-feedback,.pf-score-ring{animation:none!important}}.pf-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:40px;flex-wrap:wrap}.pf-wordmark{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:1.05rem;letter-spacing:-.01em;color:var(--pf-ink);background:var(--pf-card);border:1px solid var(--pf-line);padding:9px 18px;border-radius:999px;box-shadow:var(--pf-e1)}.pf-wordmark i{background:var(--pf-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.pf-stepper{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:6px;background:var(--pf-card);border:1px solid var(--pf-line);border-radius:999px;box-shadow:var(--pf-e1)}.pf-stepper li{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px}.pf-step-dot{width:22px;height:22px;border-radius:50%;background:#edeff7;color:var(--pf-muted);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;transition:all .2s}.pf-step-label{font-size:.8rem;font-weight:700;color:var(--pf-muted)}.pf-stepper li.current{background:#d1039e12}.pf-stepper li.current .pf-step-dot{background:var(--pf-grad);color:#fff}.pf-stepper li.current .pf-step-label{color:var(--pf-ink)}.pf-stepper li.done .pf-step-dot{background:#05966924;color:var(--pf-ok)}@media(max-width:640px){.pf-step-label{display:none}.pf-stepper li{padding:6px 8px}}.pf-head{text-align:center;margin-bottom:34px}.pf-eyebrow{font-size:.74rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--pf-brand);margin:0 0 10px}.pf-head h1{font-size:clamp(1.7rem,4.2vw,2.5rem);font-weight:800;letter-spacing:-.025em;color:var(--pf-ink);margin:0 0 12px}.pf-head h1 em{font-style:normal;background:var(--pf-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.pf-sub{color:var(--pf-muted);font-size:1.02rem;max-width:540px;margin:0 auto;line-height:1.55}.pf-back{display:inline-flex;align-items:center;gap:8px;background:var(--pf-card);border:1px solid var(--pf-line);border-radius:999px;padding:9px 18px;color:var(--pf-muted);font-weight:700;cursor:pointer;margin-bottom:18px;font-size:.85rem;font-family:inherit;transition:all .16s;box-shadow:var(--pf-e1)}.pf-back:hover{color:var(--pf-brand);border-color:#d1039e66;transform:translate(-2px)}.pf-group-label{display:flex;align-items:center;gap:9px;font-size:.82rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--pf-ink-2);margin:26px 2px 14px}.pf-group-label i{color:var(--pf-ok)}.pf-group-label.muted{color:var(--pf-muted)}.pf-group-label.muted i{color:#b9bfd3}.pf-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px}.pf-course-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 18px 18px;background:var(--pf-card);border:1px solid var(--pf-line);border-radius:18px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-align:left;box-shadow:var(--pf-e1);font-family:inherit;overflow:hidden}.pf-course-card:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:16px;bottom:16px;font-size:.8rem;color:#c3c9db;transition:all .18s}.pf-course-card:hover{transform:translateY(-4px);box-shadow:var(--pf-e2);border-color:#d1039e66}.pf-course-card:hover:after{color:var(--pf-brand);transform:translate(3px)}.pf-course-ico{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;box-shadow:0 6px 16px #0f12222e}.pf-course-name{font-weight:700;color:var(--pf-ink);font-size:.98rem;letter-spacing:-.01em}.pf-course-meta{font-size:.76rem;color:var(--pf-muted);font-weight:600}.pf-course-grid.soon .pf-course-card{opacity:.55;cursor:default;box-shadow:none;padding:14px 16px;flex-direction:row;align-items:center}.pf-course-grid.soon .pf-course-card:after{display:none}.pf-course-grid.soon .pf-course-card:hover{transform:none;border-color:var(--pf-line);box-shadow:none}.pf-course-grid.soon .pf-course-ico{width:34px;height:34px;font-size:.95rem;border-radius:10px;box-shadow:none}.pf-course-grid.soon .pf-course-name{font-size:.88rem}.pf-course-chip{display:inline-flex;align-items:center;gap:9px;font-weight:700;color:var(--pf-ink);background:var(--pf-card);border:1px solid var(--pf-line);padding:8px 18px;border-radius:999px;font-size:.92rem;box-shadow:var(--pf-e1);margin-bottom:14px}.pf-course-chip.small{margin-bottom:0;padding:6px 14px;font-size:.84rem}.pf-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;align-items:stretch}.pf-mode-card{position:relative;display:flex;flex-direction:column;text-align:left;padding:26px 24px 22px;background:var(--pf-card);border:1px solid var(--pf-line);border-radius:20px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;font-family:inherit;box-shadow:var(--pf-e1)}.pf-mode-card:hover{transform:translateY(-5px);box-shadow:var(--pf-e2);border-color:#d1039e66}.pf-mode-card.featured{border:2px solid transparent;background:linear-gradient(var(--pf-card),var(--pf-card)) padding-box,var(--pf-grad) border-box}.pf-featured-tag{position:absolute;top:-11px;left:22px;background:var(--pf-grad);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:4px 12px;border-radius:999px;box-shadow:0 4px 12px #d1039e59}.pf-mode-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pf-mode-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#0000000d;color:var(--c, var(--pf-brand));font-size:1.3rem}.pf-pill{font-size:.64rem;font-weight:800;letter-spacing:.5px;padding:4px 11px;border-radius:999px;text-transform:uppercase}.pf-pill.free{color:#047857;background:#0596691a}.pf-pill.paid{color:#92400e;background:#d977061f}.pf-mode-card h3{color:var(--pf-ink);font-size:1.25rem;font-weight:800;letter-spacing:-.015em;margin:0 0 4px}.pf-mode-card>p{color:var(--pf-muted);font-size:.9rem;margin:0 0 16px}.pf-feature-list{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:9px;flex:1}.pf-feature-list li{display:flex;align-items:flex-start;gap:10px;font-size:.87rem;color:var(--pf-ink-2);line-height:1.4}.pf-feature-list i{color:var(--pf-ok);font-size:.78rem;margin-top:3px}.pf-mode-go{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--pf-brand);font-size:.9rem;transition:gap .16s}.pf-mode-card:hover .pf-mode-go{gap:13px}.pf-notice{margin-top:20px;padding:16px 20px;border-radius:14px;background:#fff8ec;border:1px solid #f5d9a8;color:#8a4b0f;font-size:.92rem;line-height:1.55;box-shadow:var(--pf-e1)}.pf-notice a{color:var(--pf-brand);font-weight:700}.pf-exam-bar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin-bottom:14px;background:color-mix(in srgb,var(--pf-card) 88%,transparent);backdrop-filter:blur(8px);border:1px solid var(--pf-line);border-radius:16px;box-shadow:var(--pf-e1)}@supports not (background: color-mix(in srgb,red 50%,blue)){.pf-exam-bar{background:var(--pf-card)}}.pf-exam-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pf-exam-mode{font-size:.7rem;color:var(--pf-muted);font-weight:800;text-transform:uppercase;letter-spacing:1px;background:#eef0f8;padding:5px 12px;border-radius:999px}.pf-exam-right{display:flex;align-items:center;gap:14px}.pf-timer{display:inline-flex;align-items:center;gap:7px;font-weight:800;color:var(--pf-brand);font-variant-numeric:tabular-nums;background:#d1039e12;border:1px solid rgba(209,3,158,.2);padding:6px 14px;border-radius:999px;font-size:.9rem}.pf-timer.low{color:var(--pf-bad);background:#dc262612;border-color:#dc26264d;animation:pfPulse 1s infinite}@keyframes pfPulse{50%{opacity:.55}}.pf-progress-count{font-weight:800;color:var(--pf-ink-2);font-size:.9rem;font-variant-numeric:tabular-nums}.pf-progress{height:7px;background:#e6e9f3;border-radius:999px;overflow:hidden;margin-bottom:24px}.pf-progress-fill{height:100%;width:0;background:var(--pf-grad);border-radius:999px;transition:width .35s cubic-bezier(.2,.8,.3,1)}.pf-question{background:var(--pf-card);border:1px solid var(--pf-line);border-radius:20px;padding:30px;box-shadow:var(--pf-e2)}.pf-q-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--pf-muted);margin:0 0 10px}.pf-q-text{font-size:1.24rem;font-weight:700;letter-spacing:-.012em;color:var(--pf-ink);margin:0 0 22px;line-height:1.45}.pf-q-code{background:#12122b;color:#e2e8f0;border-radius:14px;padding:18px 20px;overflow-x:auto;font-family:JetBrains Mono,Consolas,monospace;font-size:.86rem;margin:0 0 22px;white-space:pre;border:1px solid rgba(255,255,255,.07)}.pf-options{display:grid;gap:12px}.pf-option{display:flex;align-items:center;gap:14px;padding:15px 18px;background:#f8f9fd;border:2px solid #e7eaf4;border-radius:14px;cursor:pointer;text-align:left;font-family:inherit;font-size:.98rem;color:var(--pf-ink);transition:border-color .13s,background .13s,transform .13s}.pf-option:hover:not([disabled]){border-color:var(--pf-line-2);background:#fff;transform:translate(3px)}.pf-option.selected{border-color:var(--pf-brand);background:#d1039e0b}.pf-option.correct{border-color:var(--pf-ok);background:#0596690f}.pf-option.wrong{border-color:var(--pf-bad);background:#dc26260d}.pf-option[disabled]{cursor:default}.pf-opt-key{width:30px;height:30px;flex:0 0 auto;border-radius:9px;background:#e7eaf4;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;color:#555f7e;transition:all .13s}.pf-option.selected .pf-opt-key{background:var(--pf-brand);color:#fff}.pf-option.correct .pf-opt-key{background:var(--pf-ok);color:#fff}.pf-option.wrong .pf-opt-key{background:var(--pf-bad);color:#fff}.pf-feedback{margin-top:20px;padding:16px 20px;border-radius:14px;font-size:.93rem;line-height:1.6;animation:pfIn .28s ease both}.pf-feedback.ok{background:#0596690f;border:1px solid rgba(5,150,105,.25);color:#065f46}.pf-feedback.no{background:#dc26260b;border:1px solid rgba(220,38,38,.2);color:#7f1d1d}.pf-feedback .pf-tip{display:block;margin-top:9px;color:var(--pf-muted)}.pf-exam-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}.pf-kbd-hint{font-size:.78rem;color:var(--pf-muted)}.pf-kbd-hint kbd{background:var(--pf-card);border:1px solid var(--pf-line-2);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-family:inherit;font-size:.74rem;font-weight:700;color:var(--pf-ink-2)}@media(max-width:560px){.pf-kbd-hint{display:none}}.pf-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:999px;font-weight:800;cursor:pointer;font-family:inherit;font-size:.92rem;border:1px solid var(--pf-line);background:var(--pf-card);color:#555f7e;transition:all .16s;box-shadow:var(--pf-e1)}.pf-btn:hover:not([disabled]){border-color:var(--pf-line-2)}.pf-btn.primary{background:var(--pf-grad);color:#fff;border:none}.pf-btn.primary:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 12px 26px #d1039e59}.pf-btn[disabled]{opacity:.4;cursor:default;transform:none}.pf-results{background:var(--pf-card);border:1px solid var(--pf-line);border-radius:24px;padding:44px 32px;box-shadow:var(--pf-e2)}.pf-result-hero{text-align:center;margin-bottom:30px}.pf-score-ring{--p: 0;width:168px;height:168px;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--ring, #059669) calc(var(--p) * 1%),#e9ecf5 0);animation:pfPop .5s cubic-bezier(.2,1.4,.4,1) both}.pf-score-inner{width:134px;height:134px;border-radius:50%;background:var(--pf-card);display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes pfPop{0%{transform:scale(.65);opacity:0}to{transform:scale(1);opacity:1}}.pf-score-inner .n{font-size:2.5rem;font-weight:800;line-height:1;color:var(--pf-ink);letter-spacing:-.02em}.pf-score-inner .l{font-size:.72rem;color:var(--pf-muted);text-transform:uppercase;letter-spacing:1.2px;margin-top:5px;font-weight:700}.pf-results h2{color:var(--pf-ink);font-weight:800;letter-spacing:-.02em;margin:0 0 6px;font-size:1.65rem;text-align:center}.pf-results-sub{color:var(--pf-muted);margin:0 0 26px;text-align:center}.pf-stat-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.pf-stat{min-width:108px;text-align:center;background:#f8f9fd;border:1px solid var(--pf-line);border-radius:14px;padding:14px 18px}.pf-stat .v{font-size:1.3rem;font-weight:800;color:var(--pf-ink);font-variant-numeric:tabular-nums}.pf-stat .k{font-size:.72rem;font-weight:700;color:var(--pf-muted);text-transform:uppercase;letter-spacing:.8px;margin-top:2px}.pf-results-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pf-upsell{display:flex;align-items:center;gap:16px;margin:30px auto 0;max-width:560px;padding:18px 22px;border-radius:16px;border:2px solid transparent;background:linear-gradient(var(--pf-card),var(--pf-card)) padding-box,var(--pf-grad) border-box;text-align:left}.pf-upsell i.big{font-size:1.6rem;background:var(--pf-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.pf-upsell b{color:var(--pf-ink);display:block;margin-bottom:2px}.pf-upsell span{color:var(--pf-muted);font-size:.86rem}.pf-upsell .pf-btn{margin-left:auto;white-space:nowrap}.pf-review{text-align:left;margin-top:34px;border-top:1px solid var(--pf-line);padding-top:26px}.pf-review h3{color:var(--pf-ink);font-size:1.1rem;font-weight:800;margin:0 0 16px}.pf-review-item{padding:16px 18px;border-radius:14px;margin-bottom:12px;border:1px solid var(--pf-line);background:#fbfcfe;border-left:4px solid var(--pf-ok)}.pf-review-item.missed{border-left-color:var(--pf-bad)}.pf-review-item .q{font-weight:700;color:var(--pf-ink);margin-bottom:8px;line-height:1.45}.pf-review-item .a{font-size:.9rem;margin:3px 0}.pf-review-item .a.good{color:#047857;font-weight:600}.pf-review-item .a.bad{color:var(--pf-bad);font-weight:600}.pf-review-item .exp{font-size:.86rem;color:var(--pf-muted);margin-top:8px;line-height:1.55}[data-theme=dark] body.prodify-app{background:radial-gradient(1200px 500px at 50% -12%,rgba(209,3,158,.1),transparent 60%),#0e0e1c}[data-theme=dark] .pf-wordmark,[data-theme=dark] .pf-stepper,[data-theme=dark] .pf-course-card,[data-theme=dark] .pf-mode-card,[data-theme=dark] .pf-question,[data-theme=dark] .pf-results,[data-theme=dark] .pf-course-chip,[data-theme=dark] .pf-back,[data-theme=dark] .pf-btn,[data-theme=dark] .pf-exam-bar{background:#1a1a30;border-color:#ffffff17;box-shadow:none;color:#cbd5e1}[data-theme=dark] .pf-mode-card.featured,[data-theme=dark] .pf-upsell{background:linear-gradient(#1a1a30,#1a1a30) padding-box,var(--pf-grad) border-box}[data-theme=dark] .pf-head h1,[data-theme=dark] .pf-course-name,[data-theme=dark] .pf-mode-card h3,[data-theme=dark] .pf-q-text,[data-theme=dark] .pf-results h2,[data-theme=dark] .pf-wordmark,[data-theme=dark] .pf-course-chip,[data-theme=dark] .pf-review h3,[data-theme=dark] .pf-review-item .q,[data-theme=dark] .pf-stat .v,[data-theme=dark] .pf-score-inner .n,[data-theme=dark] .pf-upsell b{color:#f1f5f9}[data-theme=dark] .pf-step-dot{background:#ffffff17}[data-theme=dark] .pf-option{background:#14142a;border-color:#ffffff17;color:#e2e8f0}[data-theme=dark] .pf-option:hover:not([disabled]){background:#1e1e3a;border-color:#fff3}[data-theme=dark] .pf-opt-key{background:#ffffff1a;color:#cbd5e1}[data-theme=dark] .pf-review-item,[data-theme=dark] .pf-stat{background:#14142a;border-color:#ffffff14}[data-theme=dark] .pf-score-inner{background:#1a1a30}[data-theme=dark] .pf-exam-mode,[data-theme=dark] .pf-progress{background:#ffffff14}[data-theme=dark] .pf-group-label{color:#a9b2ca}[data-theme=dark] .pf-notice{background:#2a2114;border-color:#5d451d;color:#f3cd8b}[data-theme=dark] .pf-kbd-hint kbd{background:#14142a;border-color:#ffffff26;color:#cbd5e1}.pf-option:focus-visible,.pf-btn:focus-visible,.pf-back:focus-visible,.pf-mode-card:focus-visible,.pf-course-card:focus-visible{outline:3px solid var(--pf-violet, #6d28d9);outline-offset:2px}.pf-btn.primary:focus-visible{outline-color:#fff;outline-offset:3px;box-shadow:0 0 0 5px #d1039e73}.pf-course-grid.soon .pf-course-card:not([disabled]):hover{cursor:default}[data-theme=dark] .pf-pill.free{color:#34d399;background:#10b98129}[data-theme=dark] .pf-pill.paid{color:#fbbf24;background:#d9770638}[data-theme=dark] .pf-feedback.ok{background:#10b9811a;border-color:#10b9814d;color:#6ee7b7}[data-theme=dark] .pf-feedback.no{background:#f871711a;border-color:#f871714d;color:#fca5a5}[data-theme=dark] .pf-option.correct{background:#10b98124;border-color:#10b981}[data-theme=dark] .pf-option.wrong{background:#f871711f;border-color:#ef4444}[data-theme=dark] .pf-review-item .a.good{color:#6ee7b7}[data-theme=dark] .pf-review-item .a.bad{color:#fca5a5}[data-theme=dark] .pf-score-ring{background:conic-gradient(var(--ring, #059669) calc(var(--p) * 1%),rgba(255,255,255,.12) 0)}[data-theme=dark] .pf-sub,[data-theme=dark] .pf-course-meta,[data-theme=dark] .pf-mode-card>p,[data-theme=dark] .pf-results-sub,[data-theme=dark] .pf-review-item .exp,[data-theme=dark] .pf-upsell span,[data-theme=dark] .pf-feature-list li,[data-theme=dark] .pf-feedback .pf-tip{color:#aab2c8}[data-theme=dark] .pf-btn[disabled]{opacity:.55}@media(max-width:480px){.pf-upsell{flex-direction:column;align-items:flex-start}.pf-upsell .pf-btn{margin-left:0;width:100%;justify-content:center}}