:root{--color-bg:#f4f6fc;--color-surface:rgba(255,255,255,0.65);--color-primary:#3b82f6;--color-primary-strong:#2563eb;--color-primary-soft:#eff6ff;--color-accent:#f59e0b;--color-accent-soft:#fffbeb;--color-text:#0f172a;--color-text-muted:#475569;--color-border:rgba(226,232,240,0.8);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--font-main:"Plus Jakarta Sans","Inter",sans-serif;--font-ui:"Inter","Segoe UI",sans-serif;--radius-xl:32px;--radius-lg:24px;--radius-md:16px;--radius-sm:8px;--shadow-glow:0 0 40px rgba(59,130,246,0.15);--shadow-glass:0 20px 40px rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.6);--shadow-card:0 10px 40px -10px rgba(0,0,0,0.08)}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap");*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100dvh;background:radial-gradient(120rem 60rem at 10% 20%,rgba(59,130,246,.12),transparent),radial-gradient(80rem 50rem at 90% 80%,rgba(245,158,11,.15),transparent),linear-gradient(135deg,#f0f4ff,#fafcff 40%,#fefcf3);background-attachment:fixed;color:var(--color-text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;line-height:1.15;letter-spacing:-.04em;background:linear-gradient(135deg,#1e3a8a,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.3;font-weight:700;color:#1e293b;letter-spacing:-.02em}h3{font-size:1.15rem;line-height:1.4;font-weight:600;color:#334155}ol,ul{margin:0;padding-left:0;list-style:none}.container{min-height:100dvh;display:grid;place-items:center;padding:32px 16px;animation:fadeIn .6s ease-out}.card{width:min(100%,1024px);background:rgba(255,255,255,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);padding:32px;display:grid;grid-gap:20px;gap:20px}.quizShell{width:min(100%,760px)}.diagnosticShell{width:min(100%,1200px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .6s ease-out forwards}.heroTop{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.heroTopDiagnostic{padding-bottom:24px;border-bottom:1px dashed rgba(148,163,184,.4)}.personBlock{display:flex;align-items:center;gap:16px}.avatar{width:56px;height:56px;border-radius:999px;display:inline-grid;place-items:center;font-weight:800;font-size:1.2rem;color:#fff;background:linear-gradient(135deg,var(--color-primary),#60a5fa);box-shadow:0 10px 20px rgba(59,130,246,.3)}.personName{font-size:1.2rem;font-weight:700;color:#0f172a}.chipStack{display:flex;gap:12px;flex-wrap:wrap}.eyebrow{letter-spacing:.1em;text-transform:uppercase}.chip,.eyebrow{color:var(--color-primary-strong);font-family:var(--font-ui);font-size:13px;font-weight:700}.chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.6);border:1px solid rgba(226,232,240,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:8px 16px;box-shadow:0 2px 10px rgba(0,0,0,.02)}.lead{font-size:1.15rem;line-height:1.6;color:#334155;font-weight:500}.muted{color:var(--color-text-muted);line-height:1.5}.progress{height:14px;width:100%;border-radius:999px;overflow:hidden;background:rgba(226,232,240,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}.progressBar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary),#60a5fa);box-shadow:0 0 10px rgba(59,130,246,.5);transition:width .6s cubic-bezier(.22,1,.36,1)}.answers{display:grid;grid-gap:12px;gap:12px;margin-top:12px}.option{width:100%;text-align:left;border:1px solid rgba(203,213,225,.8);border-radius:var(--radius-lg);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px 18px;font-size:.95rem;line-height:1.5;font-weight:500;font-family:var(--font-ui);color:var(--color-text);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.option:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(59,130,246,.12)}.option.selected,.option:hover{border-color:var(--color-primary)}.option.selected{background:var(--color-primary-soft);color:var(--color-primary-strong);box-shadow:0 12px 24px rgba(59,130,246,.15),inset 0 0 0 1px var(--color-primary)}.resultGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-top:12px}.surfacePanel{border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-xl);background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-glass);padding:32px;display:grid;grid-gap:20px;gap:20px;transition:transform .3s ease}.surfacePanel:hover{transform:translateY(-2px)}.focusPanel{background:linear-gradient(150deg,rgba(255,255,255,.8),rgba(240,249,255,.6));border-color:rgba(186,230,253,.5);position:relative;overflow:hidden}.focusPanel:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.executivePanel{background:linear-gradient(165deg,rgba(255,255,255,.9),rgba(248,250,252,.8))}.journeyPanel{background:linear-gradient(165deg,rgba(255,251,235,.9),rgba(254,243,199,.8));border-color:rgba(252,211,77,.5)}.kpiGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.kpiCard{border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.9);padding:24px;background:rgba(255,255,255,.7);box-shadow:0 4px 15px rgba(0,0,0,.03);display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kpiLabel{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:700;display:flex;align-items:center;gap:6px}.kpiValue{font-size:2.2rem;line-height:1;font-weight:800;color:var(--color-primary-strong);background:linear-gradient(135deg,var(--color-primary-strong),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dimensionList{display:grid;grid-gap:20px;gap:20px}.dimensionItem{display:grid;grid-gap:10px;gap:10px}.between{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;font-size:1rem}.meter{height:12px;border-radius:999px;background:rgba(226,232,240,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.meterFill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#60a5fa);position:relative;overflow:hidden}.meterFill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.styledList{display:grid;grid-gap:12px;gap:12px}.styledList li{display:flex;gap:12px;background:rgba(255,255,255,.8);padding:14px 18px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.8);font-size:1rem;line-height:1.5;color:#334155;align-items:flex-start;box-shadow:0 4px 12px rgba(0,0,0,.02);transition:transform .2s ease}.styledList li:hover{transform:translateX(4px)}.styledList li svg{flex-shrink:0;margin-top:2px}.list-success li{background:rgba(16,185,129,.05);border-color:rgba(16,185,129,.2)}.list-success li svg{color:var(--color-success)}.list-warning li{background:rgba(245,158,11,.05);border-color:rgba(245,158,11,.2)}.list-warning li svg{color:var(--color-warning)}.list-error li{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.2)}.list-error li svg{color:var(--color-error)}.list-primary li{border-color:rgba(59,130,246,.2)}.list-primary li svg{color:var(--color-primary)}.row{display:flex;gap:16px;justify-content:flex-end;margin-top:12px}.rowStart{justify-content:flex-start}.button{border:none;border-radius:999px;padding:16px 28px;font-size:1.05rem;font-weight:700;cursor:pointer;font-family:var(--font-ui);transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:10px}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px rgba(59,130,246,.25)}.button.primary{background:linear-gradient(135deg,var(--color-primary),#60a5fa);color:#fff}.button.secondary{background:rgba(255,255,255,.9);color:var(--color-primary-strong);border:1px solid rgba(147,197,253,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button.secondary:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 12px 24px rgba(0,0,0,.05)}.button.accent{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;box-shadow:0 8px 20px rgba(245,158,11,.3)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);display:grid;place-items:center;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out;z-index:50}.modal{width:min(100%,600px);background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.8);padding:40px;display:grid;grid-gap:20px;gap:20px;box-shadow:0 24px 60px rgba(0,0,0,.2);animation:slideUp .4s cubic-bezier(.16,1,.3,1)}label{display:grid;grid-gap:10px;gap:10px;font-size:.95rem;font-weight:600;color:#1e293b}input[type=text],label{font-family:var(--font-ui)}input[type=text]{border:1px solid rgba(203,213,225,.8);border-radius:var(--radius-md);padding:14px 16px;font-size:1rem;background:rgba(255,255,255,.9);transition:all .2s;color:var(--color-text)}input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(59,130,246,.15);background:#fff}.consent{grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;font-weight:500;color:var(--color-text-muted)}.consent input[type=checkbox]{width:20px;height:20px;border-radius:6px;accent-color:var(--color-primary);cursor:pointer}.error{color:var(--color-error);font-size:.9rem;font-weight:600;font-family:var(--font-ui);background:rgba(239,68,68,.1);padding:10px 14px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(239,68,68,.2)}.noPrint{display:flex}@media print{body,html{background:#fff;min-height:auto;zoom:.8}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.container{padding:0;min-height:auto}.card,.modal,.surfacePanel{box-shadow:none;border:1px solid rgba(200,200,210,.5);background:#fff;border-radius:24px;-webkit-backdrop-filter:none;backdrop-filter:none;margin-bottom:24px;page-break-inside:avoid}.focusPanel{background:#fdf8f6!important}.journeyPanel{display:none}.card{width:100%;max-width:840px;margin:0 auto;padding:0;border:none}.noPrint{display:none!important}.onlyPrint{display:flex!important}}@media screen{.onlyPrint{display:none!important}}@media (max-width:800px){.kpiGrid,.resultGrid{grid-template-columns:1fr}}@media (max-width:640px){.card{border-radius:var(--radius-lg)}.card,.modal{padding:20px}.row,.rowStart{flex-direction:column-reverse}.button{width:100%}}