@import url("https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@300;400;500;600;700;800&display=swap");:root{--primary:#00d4aa;--primary-dark:#00b89a;--primary-light:#e8fff8;--accent:#1dd1a1;--dark:#1d1d1f;--gray-100:#f5f5f7;--gray-200:#e8e8ed;--gray-300:#d2d2d7;--gray-400:#aaaa B4;--gray-500:#86868b;--gray-600:#6e6e73;--gray-700:#515154;--gray-800:#1d1d1f;--white:#fff;--shadow:0 4px 24px rgba(0,0,0,.06);--shadow-lg:0 8px 40px rgba(0,0,0,.12)}*{box-sizing:border-box;margin:0;padding:0}.assessment-container{background:var(--white);border-radius:24px;box-shadow:var(--shadow-lg);color:var(--dark);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;margin:40px auto;max-width:680px;overflow:hidden;position:relative;width:100%}.progress-bar{background:var(--gray-200);height:4px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,var(--primary) 0,var(--accent) 100%);height:100%;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1);width:0}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.question-container{display:none;flex-direction:column;justify-content:center;min-height:500px;opacity:0;padding:60px 48px;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.question-container.active{display:flex;opacity:1;transform:translateY(0)}.question-number{color:var(--primary);font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.question-title{color:var(--dark);font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:12px}.question-subtitle{color:var(--gray-600);font-size:18px;font-weight:400;line-height:1.4;margin-bottom:40px}.options-container{display:flex;flex-direction:column;gap:16px}.option{background:var(--gray-100);border:2px solid transparent;border-radius:16px;color:var(--dark);cursor:pointer;font-size:18px;font-weight:500;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.option:hover{background:var(--white);border-color:var(--gray-300);box-shadow:var(--shadow);transform:translateY(-2px)}.option.selected{background:var(--primary-light);border-color:var(--primary);box-shadow:0 4px 20px rgba(0,212,170,.2)}.option:before{background:linear-gradient(45deg,var(--primary),var(--accent));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.option.selected:before{opacity:.05}.input-container{gap:20px}.input-container,.input-group{display:flex;flex-direction:column}.input-group{gap:8px}.input-label{color:var(--dark);font-size:16px;font-weight:600}.input-field{background:var(--gray-100);border:2px solid transparent;border-radius:12px;color:var(--dark);font-family:inherit;font-size:18px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-field:focus{background:var(--white);border-color:var(--primary);box-shadow:0 0 0 4px rgba(0,212,170,.1);outline:none}.navigation{align-items:center;background:var(--gray-100);display:flex;justify-content:space-between;padding:24px 48px}.nav-button{background:none;border:none;border:2px solid var(--gray-300);border-radius:12px;color:var(--gray-500);cursor:pointer;font-family:inherit;font-size:17px;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-button:hover{background:var(--gray-200);border-color:var(--gray-400);color:var(--dark);transform:scale(1.02)}.nav-button:disabled{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-400);cursor:not-allowed;transform:none}.nav-button.primary{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 16px rgba(0,212,170,.3);color:var(--white)}.nav-button.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 6px 20px rgba(0,212,170,.4);transform:translateY(-1px)}.result-container{background:linear-gradient(135deg,var(--primary-light) 0,var(--white) 100%);padding:60px 48px;text-align:center}.result-icon{align-items:center;border-radius:50%;box-shadow:var(--shadow);display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.result-icon.kritis{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff}.result-icon.bwe{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.result-icon.we{background:linear-gradient(135deg,#ffb74d,#ffa726);color:#fff}.result-icon.not-affected{background:linear-gradient(135deg,var(--gray-500),var(--gray-600));color:#fff}.result-title{color:var(--dark);font-size:36px;font-weight:800;letter-spacing:-.5px;margin-bottom:16px}.result-subtitle{color:var(--gray-600);font-size:20px;font-weight:500;margin-bottom:32px}.result-details{background:var(--white);border-radius:16px;box-shadow:var(--shadow);margin:32px 0;padding:32px;text-align:left}.result-details h4{color:var(--primary);font-size:18px;font-weight:700;margin-bottom:16px}.result-details ul{list-style:none;padding:0}.result-details li{color:var(--gray-700);line-height:1.5;padding:8px 0 8px 24px;position:relative}.result-details li:before{color:var(--primary);content:"✓";font-weight:700;left:0;position:absolute}.cta-section{background:linear-gradient(135deg,var(--dark) 0,var(--gray-800) 100%);border-radius:16px;color:var(--white);margin-top:32px;padding:32px}.cta-title{font-size:24px;font-weight:700;margin-bottom:12px}.cta-text{line-height:1.5;margin-bottom:24px;opacity:.9}.cta-button{background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 16px rgba(0,212,170,.3);color:var(--white);cursor:pointer;font-size:17px;font-weight:600;padding:16px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-button:hover{background:var(--primary-dark);box-shadow:0 8px 24px rgba(0,212,170,.4);transform:translateY(-2px)}.intro-screen{background:linear-gradient(135deg,var(--white) 0,var(--primary-light) 100%);padding:80px 48px;text-align:center}.intro-logo{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:24px;box-shadow:var(--shadow-lg);display:flex;height:100px;justify-content:center;margin:0 auto 32px;width:100px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.intro-title{color:var(--dark);font-size:42px;font-weight:800;letter-spacing:-1px;margin-bottom:16px}.intro-subtitle{color:var(--gray-600);font-size:22px;font-weight:400;line-height:1.3;margin-bottom:48px}@media (max-width:768px){.assessment-container{border-radius:16px;margin:10px}.intro-screen,.question-container,.result-container{padding:40px 24px}.navigation{flex-wrap:wrap;gap:10px;padding:20px 24px}#stepIndicator{margin-bottom:10px;order:-1;text-align:center;width:100%}.question-title{font-size:26px}.intro-title{font-size:32px}.result-title{font-size:28px}.option{font-size:16px;padding:16px 18px}.nav-button{flex-grow:1;font-size:16px;padding:10px 16px}.cta-button{font-size:16px;padding:14px 20px;width:100%}}