:root{--color-cream:#f7f5f2;--color-dark-gray:#545454;--color-gold:#e8d8b9;--color-deep-blue:#31455b;--color-white:#fff;--color-border:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-cream);max-width:100vw;color:var(--color-dark-gray);font-family:Liberation Sans,Frutiger,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:2rem}.header-brand h1{color:var(--color-deep-blue);margin-bottom:.25rem;font-size:2.5rem;font-weight:700}.header-brand p{color:var(--color-dark-gray);font-size:1.1rem;font-style:italic}.header-consultant{text-align:right;color:var(--color-dark-gray);font-size:.9rem}.header-consultant strong{color:var(--color-deep-blue)}.logo-container img{border-radius:8px;max-width:150px}.card{background-color:var(--color-white);border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 25px #0000000d}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--color-deep-blue);margin-bottom:.5rem;font-weight:600;display:block}.form-input{border:2px solid var(--color-border);border-radius:8px;width:100%;padding:1rem;font-family:inherit;font-size:1.1rem;transition:all .3s}.form-input:focus{border-color:var(--color-deep-blue);outline:none;box-shadow:0 0 0 3px #31455b1a}.btn{background-color:var(--color-deep-blue);color:var(--color-white);cursor:pointer;text-align:center;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-block}.btn:hover{background-color:#243548;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;background-color:#a0aec0;transform:none}.dashboard-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;display:grid}.chart-container{background-color:var(--color-white);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:1.5rem;display:flex;box-shadow:0 10px 25px #0000000d}.chart-title{color:var(--color-deep-blue);align-self:flex-start;margin-bottom:1rem;font-size:1.25rem}.dimensions-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;margin-top:2rem;overflow:hidden;box-shadow:0 4px 6px #0000000d}.dimensions-table th,.dimensions-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:1rem}.dimensions-table th{background-color:var(--color-deep-blue);color:var(--color-white)}.dimensions-table tr:nth-child(2n){background-color:var(--color-cream)}.assessment-container{max-width:800px;margin:0 auto}.progress-wrapper{background:var(--color-cream);z-index:10;margin-bottom:2rem;padding:1rem 0;position:sticky;top:0}.progress-bar{background-color:var(--color-border);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background-color:var(--color-deep-blue);height:100%;transition:width .5s ease-out}.progress-text{text-align:right;color:var(--color-dark-gray);margin-top:.5rem;font-size:.85rem;font-weight:600}.question-card{background-color:var(--color-white);border-radius:16px;flex-direction:column;justify-content:center;min-height:450px;padding:3rem;display:flex;box-shadow:0 20px 40px #00000014}.fade-in{animation:.3s ease-in forwards fadeIn}.fade-out{animation:.3s ease-out forwards fadeOut}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.modern-title{color:var(--color-deep-blue);margin-bottom:.5rem;font-size:2rem}.modern-subtitle{color:var(--color-dark-gray);margin-bottom:2rem;font-size:1.1rem}.question-counter{color:var(--color-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:.9rem;font-weight:700}.modern-question-text{color:var(--color-deep-blue);margin-bottom:2.5rem;font-size:1.6rem;line-height:1.4}.modern-options{flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}.modern-option-btn{background-color:var(--color-cream);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:12px;align-items:center;width:100%;padding:1.2rem;transition:all .2s;display:flex}.modern-option-btn:hover{background-color:var(--color-border);transform:translate(5px)}.modern-option-btn.selected{border-color:var(--color-gold);background-color:#e8d8b94d}.opt-number{background-color:var(--color-deep-blue);width:32px;height:32px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:1rem;font-weight:700;display:inline-flex}.modern-option-btn.selected .opt-number{background-color:var(--color-gold);color:var(--color-deep-blue)}.opt-label{color:var(--color-dark-gray);font-size:1.1rem;font-weight:500}.navigation-buttons{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:2rem;display:flex}.nav-btn{color:var(--color-dark-gray);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-size:1.1rem;font-weight:600;transition:all .2s}.nav-btn:hover:not(:disabled){background-color:var(--color-cream);color:var(--color-deep-blue)}.nav-btn.next{color:var(--color-deep-blue)}.pulse-animation{animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #31455b66}70%{box-shadow:0 0 0 10px #31455b00}to{box-shadow:0 0 #31455b00}}.header{border-bottom:2px solid var(--color-gold);justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;display:flex}.header-right{text-align:right}.logo-container{margin-bottom:1rem}@media (max-width:768px){.container{padding:1rem}.card{padding:1.5rem 1rem}.header{text-align:center;flex-direction:column;align-items:center;gap:1.5rem}.header-left,.header-right,.header-consultant{text-align:center;width:100%}.logo-container img{margin:0 auto;display:block}.header-brand h1{font-size:2rem}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}.chart-container{min-height:350px;padding:.5rem}.question-card{min-height:auto;padding:1.5rem 1rem}.modern-title{font-size:1.5rem}.modern-question-text{margin-bottom:1.5rem;font-size:1.2rem}.modern-option-btn{padding:1rem .8rem}.opt-number{width:28px;height:28px;margin-right:.5rem;font-size:.9rem}.opt-label{font-size:.9rem}.navigation-buttons{flex-direction:column;gap:1rem;padding-top:1rem}.nav-btn{text-align:center;background-color:var(--color-cream);width:100%;padding:.8rem}.dimensions-table{white-space:nowrap;font-size:.9rem;display:block;overflow-x:auto}.dimensions-table th,.dimensions-table td{padding:.8rem}}