:root{--bg:#fafafa;--card:#fff;--muted:#86868b;--text:#1d1d1f;--accent:#ff8048;--accent2:#ff8048;--border:#00000014;--shadow:0 2px 16px #00000014}*{box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{color:var(--text);-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#fafafa 0%,#f5f5f7 100%);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.47}a{color:inherit}.container{justify-content:center;align-items:center;max-width:680px;min-height:100vh;margin:0 auto;padding:40px 24px;display:flex}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;width:100%;max-width:100%;padding:48px 40px;animation:.6s cubic-bezier(.4,0,.2,1) fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{letter-spacing:-.02em;margin:0 0 12px;font-size:40px;font-weight:700}h2{letter-spacing:-.01em;margin:0 0 12px;font-size:28px;font-weight:600}p{color:var(--text);opacity:.85;line-height:1.6}.small{color:var(--muted);font-size:15px;line-height:1.5}.badge{border:1px solid var(--border);color:var(--text);background:#00000008;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:500;display:inline-flex}.progressWrap{align-items:center;gap:16px;margin-bottom:32px;display:flex}.progressBar{background:#0000000f;border-radius:999px;flex:1;height:6px;overflow:hidden}.progressFill{background:var(--accent);width:0%;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.qTitle{letter-spacing:-.01em;margin:0 0 12px;font-size:32px;font-weight:600;line-height:1.15}.options{gap:12px;margin-top:32px;display:grid}.opt{border:2px solid var(--border);background:var(--card);cursor:pointer;border-radius:16px;align-items:flex-start;gap:16px;padding:20px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.opt:hover{border-color:#00000026;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.opt:has(input:checked){border-color:var(--accent);background:#ff80480a;box-shadow:0 4px 16px #ff80481f}.opt input{cursor:pointer;width:20px;height:20px;accent-color:var(--accent);margin-top:3px}.opt input:checked+div,.opt input:checked+div strong{color:var(--accent)}.opt strong{margin-bottom:4px;font-size:17px;font-weight:600;display:block}.opt span{color:var(--muted);font-size:15px;line-height:1.4;display:block}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:48px;display:flex}.btn{appearance:none;color:var(--text);cursor:pointer;background:#0000000a;border:none;border-radius:12px;min-width:140px;padding:14px 32px;font-size:17px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:hover{background:#00000014;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn.primary{background:var(--accent);color:#fff;font-weight:600}.btn.primary:hover{background:#e8703a;box-shadow:0 6px 20px #ff80484d}.btn.primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn.ghost{color:var(--muted);background:0 0}.btn.ghost:hover{color:var(--text);background:#0000000a}.grid2{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:900px){.grid2{grid-template-columns:1.15fr .85fr}}.modalOverlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{border:1px solid var(--border);background:var(--card);border-radius:20px;width:min(480px,100%);max-height:calc(100vh - 32px);margin:auto;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;overflow-y:auto;box-shadow:0 24px 64px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modalHeader{padding:24px 24px 0}.modalBody{padding:16px 24px 24px}.field{gap:6px;margin-bottom:12px;display:grid}.field label{color:var(--text);font-size:14px;font-weight:500}.field label:after{content:" *";color:var(--accent);font-weight:600}.field input{border:2px solid var(--border);background:var(--card);color:var(--text);-webkit-appearance:none;border-radius:12px;outline:none;padding:12px 14px;font-size:16px;transition:border-color .2s}.field input:focus{border-color:var(--accent)}.hr{background:#00000014;height:1px;margin:24px 0}.blurred{filter:blur(12px);opacity:.3;pointer-events:none;-webkit-user-select:none;user-select:none;transform:scale(1.01)}.kpi{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.kpi .k{border:1px solid var(--border);background:#00000005;border-radius:16px;padding:20px}.kpi .k div:first-child{color:var(--muted);font-size:14px;font-weight:500}.kpi .k div:last-child{color:var(--accent);margin-top:6px;font-size:20px;font-weight:600}.results-display{flex-direction:column;gap:32px;width:100%;display:flex}.results-hero{text-align:center;margin-bottom:16px}.results-hero h2{margin:0;font-size:32px;font-weight:600}.gauge-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;justify-content:center;align-items:center;gap:32px;padding:40px 32px;animation:.4s cubic-bezier(.4,0,.2,1) .3s backwards slideUpDelayed;display:flex}.gauge-visual{flex-shrink:0}.gauge-info{text-align:left;flex-direction:column;gap:12px;display:flex}.gauge-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:500}.gauge-value{color:var(--text);font-size:24px;font-weight:600;line-height:1.2}.gauge-value.accent{color:var(--accent)}@keyframes drawCircle{0%{stroke-dashoffset:440px}to{stroke-dashoffset:var(--score-offset)}}@keyframes slideUpDelayed{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-tabs{width:100%}.tabs-nav{border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:0 4px;display:flex;overflow-x:auto}.tabs-nav::-webkit-scrollbar{display:none}.tab-button{appearance:none;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 20px;font-size:16px;font-weight:500;transition:all .2s;position:relative}.tab-button:hover{color:var(--text)}.tab-button.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{padding:32px 0;animation:.3s ease-out fadeInSlide}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timeline{flex-direction:column;gap:24px;padding-left:40px;display:flex;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom,var(--accent)0%,#0000001a 100%);width:2px;position:absolute;top:12px;bottom:12px;left:15px}.timeline-node{opacity:0;animation:.4s ease-out forwards slideInTimeline;position:relative}.timeline-node:first-child{animation-delay:0s}.timeline-node:nth-child(2){animation-delay:.15s}.timeline-node:nth-child(3){animation-delay:.3s}.timeline-node:nth-child(4){animation-delay:.45s}@keyframes slideInTimeline{to{opacity:1;transform:translate(0)}}.timeline-icon{background:var(--card);border:2px solid var(--accent);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;position:absolute;top:0;left:-40px}.timeline-content{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px 24px;box-shadow:0 2px 8px #0000000a}.timeline-title{color:var(--text);margin:0 0 8px;font-size:18px;font-weight:600}.timeline-description{color:var(--text);opacity:.85;margin:0;font-size:15px;line-height:1.6}.accordion{flex-direction:column;gap:12px;display:flex}.accordion-item{background:var(--card);border:1px solid var(--border);border-radius:16px;transition:box-shadow .2s;overflow:hidden}.accordion-item:hover{box-shadow:0 4px 12px #0000000f}.accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:17px;font-weight:600;display:flex}.accordion-icon{width:20px;height:20px;color:var(--accent);flex-shrink:0;transition:transform .2s}.accordion-icon.open{transform:rotate(180deg)}.accordion-content{max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.accordion-content.open{max-height:800px}.accordion-body{color:var(--text);opacity:.85;padding:0 24px 20px;font-size:15px;line-height:1.6}.accordion-body ul{margin:12px 0;padding-left:20px}.accordion-body li{margin:8px 0}.accordion-body p{margin:12px 0}.accordion-body p:first-child{margin-top:0}.accordion-body strong{color:var(--text);font-weight:600}.results-kpi{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.results-kpi .kpi-card{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:24px;transition:all .2s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.4,0,.2,1) backwards fadeInUp}.results-kpi .kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.results-kpi .kpi-card.full-width{grid-column:1/-1}.kpi-card-icon{margin-bottom:12px;font-size:32px}.kpi-card-label{color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:500}.kpi-card-value{color:var(--accent);font-size:20px;font-weight:600;line-height:1.3}.results-kpi .kpi-card:first-child{animation-delay:0s}.results-kpi .kpi-card:nth-child(2){animation-delay:.1s}.results-kpi .kpi-card:nth-child(3){animation-delay:.2s}table{border-collapse:collapse;width:100%}th{color:var(--text);background:#00000005;font-weight:600}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.gauge-card circle{stroke-dashoffset:var(--score-offset);animation:none}}@media (max-width:640px){.container{padding:20px 16px}.card{border-radius:20px;padding:32px 24px}h1{font-size:32px}h2{font-size:24px}.qTitle{font-size:26px}.opt{padding:16px 20px}.opt strong{font-size:16px}.opt span{font-size:14px}.btn{min-width:120px;min-height:48px;padding:14px 24px;font-size:16px}.actions{gap:10px;margin-top:32px}.modalOverlay{align-items:center;padding:12px}.modalHeader{padding:20px 20px 0}.modalBody{padding:12px 20px 20px}.modal{width:calc(100% - 24px);max-height:calc(100vh - 24px);margin:0 auto}.kpi{grid-template-columns:1fr;gap:10px}.progressWrap{margin-bottom:24px}.gauge-card{flex-direction:column;gap:24px;padding:32px 24px}.gauge-info{text-align:center}.results-hero h2{font-size:28px}.tabs-nav{gap:4px;padding:0}.tab-button{padding:12px 16px;font-size:15px}.timeline{padding-left:36px}.timeline-icon{width:28px;height:28px;font-size:14px;left:-36px}.timeline-content{padding:16px 20px}.timeline-title{font-size:16px}.timeline-description{font-size:14px}.results-kpi{grid-template-columns:1fr;gap:12px}.accordion-header{padding:16px 20px;font-size:16px}.accordion-body{padding:0 20px 16px;font-size:14px}table{font-size:12px}th,td{padding:8px!important}.container{max-width:100%!important}}