.landing{background-color:var(--color-background);width:100%}.landing__hero{padding:var(--spacing-2xl)var(--spacing-lg)var(--spacing-xl);justify-content:center;display:flex}.landing__hero-inner{text-align:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;max-width:700px;display:flex}.landing__hero-headline{color:var(--color-dark);letter-spacing:-.02em;margin:0;font-size:40px;font-weight:800;line-height:1.15}.landing__hero-subtext{font-size:var(--font-size-md);line-height:var(--line-height-base);color:var(--color-text-secondary);max-width:580px;margin:0}.landing__hero-actions{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.landing__hero-cta{border-radius:var(--border-radius-lg);height:48px;font-family:inherit;font-size:var(--font-size-base);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;padding:0 28px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.landing__hero-cta--primary{background-color:var(--color-primary);color:#fff;border:2px solid var(--color-primary)}.landing__hero-cta--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.landing__hero-cta--secondary{color:var(--color-dark);border:2px solid var(--color-border);background-color:#0000}.landing__hero-cta--secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#fff}.landing__badges{align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;display:flex}.landing__badge{font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;gap:6px;font-weight:500;display:inline-flex}.landing__badge-icon{width:18px;height:18px;color:var(--color-primary);flex-shrink:0}.landing__section-headline{margin:0 0 var(--spacing-xl);font-size:var(--font-size-xl);color:var(--color-dark);text-align:center;font-weight:800}.landing__cards-section{padding:var(--spacing-2xl)var(--spacing-lg);max-width:960px;margin:0 auto}.landing__cards{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.landing__card{text-align:center;padding:var(--spacing-xl)var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-xl);flex-direction:column;align-items:center;display:flex}.landing__card-icon{background-color:var(--color-primary-light);width:56px;height:56px;margin-bottom:var(--spacing-md);border-radius:50%;justify-content:center;align-items:center;display:flex}.landing__card-icon svg{width:28px;height:28px;color:var(--color-primary)}.landing__card-title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-md);color:var(--color-dark);font-weight:700}.landing__card-text{font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text-secondary);margin:0}.landing__cta-banner{text-align:center;max-width:960px;margin:0 auto var(--spacing-2xl);padding:var(--spacing-2xl)var(--spacing-xl);background-color:var(--color-primary-light);border-radius:var(--border-radius-xl);flex-direction:column;align-items:center;display:flex}.landing__cta-headline{margin:0 0 var(--spacing-sm);font-size:var(--font-size-xl);color:var(--color-dark);font-weight:800}.landing__cta-subtext{margin:0 0 var(--spacing-lg);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-secondary);max-width:520px}.landing__cta-button{background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-lg);height:48px;font-family:inherit;font-size:var(--font-size-base);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0 32px;font-weight:600;transition:background-color .15s;display:inline-flex}.landing__cta-button:hover{background-color:var(--color-primary-hover)}.landing__blog-section{padding:var(--spacing-2xl)var(--spacing-lg);max-width:960px;margin:0 auto}.landing__blog-subtext{margin:-12px 0 var(--spacing-xl);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-secondary);text-align:center;max-width:640px;margin-left:auto;margin-right:auto}.landing__blog-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.landing__blog-grid>:nth-child(4){display:none}.landing__blog-actions{margin-top:var(--spacing-xl);justify-content:center;display:flex}.landing__faq-section{padding:var(--spacing-2xl)var(--spacing-lg);max-width:720px;margin:0 auto}.landing__faq-list{flex-direction:column;display:flex}.landing__faq-item{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-sm);overflow:hidden}.landing__faq-question{width:100%;padding:var(--spacing-md)var(--spacing-lg);background-color:var(--color-surface);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);color:var(--color-dark);text-align:left;justify-content:space-between;align-items:center;gap:var(--spacing-md);border:none;font-weight:600;display:flex}.landing__faq-question:hover{background-color:var(--color-surface-alt)}.landing__faq-chevron{width:20px;height:20px;color:var(--color-text-muted);flex-shrink:0;transition:transform .25s}.landing__faq-item--open .landing__faq-chevron{transform:rotate(180deg)}.landing__faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.landing__faq-item--open .landing__faq-answer{max-height:300px}.landing__faq-answer-text{padding:0 var(--spacing-lg)var(--spacing-lg);font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-text-secondary);margin:0}@media (max-width:768px){.landing__hero{padding:var(--spacing-xl)var(--spacing-md)var(--spacing-lg)}.landing__hero-headline{font-size:28px}.landing__hero-subtext{font-size:var(--font-size-base)}.landing__badges{gap:var(--spacing-md)}.landing__cards{grid-template-columns:1fr}.landing__cards-section{padding:var(--spacing-xl)var(--spacing-md)}.landing__cta-banner{margin-left:var(--spacing-md);margin-right:var(--spacing-md);padding:var(--spacing-xl)var(--spacing-lg)}.landing__faq-section,.landing__blog-section{padding:var(--spacing-xl)var(--spacing-md)}.landing__blog-grid{grid-template-columns:repeat(2,1fr)}.landing__blog-grid>:nth-child(4){display:block}.landing__section-headline{font-size:var(--font-size-lg)}}@media (max-width:480px){.landing__blog-grid{grid-template-columns:1fr}}
.progress{background-color:var(--color-progress-bg);width:100%;height:4px;overflow:hidden}.progress__bar{background-color:var(--color-progress);border-radius:0 2px 2px 0;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}
.question{padding:var(--spacing-lg)var(--spacing-lg)var(--spacing-xl);flex-direction:column;flex:1;align-items:flex-start;width:100%;max-width:720px;margin:0 auto;display:flex}.question__top-row{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.question__back{color:#3c4043;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .15s,color .15s;display:flex}.question__back:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.question__back svg{width:18px;height:18px}.question__badge{font-size:var(--font-size-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em;background-color:var(--color-primary-light);border-radius:var(--border-radius-full);padding:6px 14px;font-weight:700;display:inline-block}.question__timeframe{margin:0 0 var(--spacing-sm);font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:600}.question__text{color:var(--color-dark);letter-spacing:-.01em;margin:0;font-size:28px;font-weight:800;line-height:1.25}.question__answers{gap:var(--spacing-md);margin-top:var(--spacing-2xl);width:100%;display:none}.question__answer{border-radius:var(--border-radius-md);min-height:56px;font-size:var(--font-size-md);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;font-family:inherit;font-weight:600;transition:transform .12s,box-shadow .2s;display:flex}.question__answer:active{transform:scale(.97)}.question__answer--yes{background-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px #00838f40}.question__answer--yes:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 16px #00838f59}.question__answer--yes.question__answer--selected{background-color:var(--color-primary-hover);transform:scale(.98);box-shadow:0 1px 4px #00838f26}.question__answer--no{background-color:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.question__answer--no:hover{border-color:var(--color-text-muted);background-color:var(--color-surface-alt)}.question__answer--no.question__answer--selected{border-color:var(--color-text-secondary);background-color:var(--color-surface-alt);transform:scale(.98)}@media (min-width:769px){.question__answers{max-width:400px;display:flex}}@media (max-width:768px){.question{padding:var(--spacing-md)var(--spacing-md)var(--spacing-lg)}.question__text{font-size:var(--font-size-xl)}}
.risk-scale{width:100%;margin:var(--spacing-md)0}.risk-scale__bar{border-radius:var(--border-radius-full);height:14px;display:flex;position:relative;overflow:visible}.risk-scale__segment{flex:1;height:100%;transition:opacity .3s}.risk-scale__segment--low{background-color:var(--color-success);border-radius:var(--border-radius-full)0 0 var(--border-radius-full)}.risk-scale__segment--mild{background-color:var(--color-caution)}.risk-scale__segment--mid{background-color:var(--color-warning)}.risk-scale__segment--high{background-color:var(--color-danger);border-radius:0 var(--border-radius-full)var(--border-radius-full)0}.risk-scale__segment--inactive{opacity:.2}.risk-scale__marker{z-index:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.risk-scale__marker-label{color:#fff;width:36px;height:36px;font-size:var(--font-size-sm);box-shadow:var(--shadow-md);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-weight:800;transition:background-color .3s;display:flex}.risk-scale__marker-label--low{background-color:var(--color-success)}.risk-scale__marker-label--mild{background-color:var(--color-caution)}.risk-scale__marker-label--mid{background-color:var(--color-warning)}.risk-scale__marker-label--high{background-color:var(--color-danger)}.risk-scale__labels{margin-top:var(--spacing-sm);display:flex}.risk-scale__label{font-size:var(--font-size-xs);text-align:center;color:var(--color-text-secondary);flex:1;font-weight:600;transition:opacity .3s}.risk-scale__label--low{text-align:left}.risk-scale__label--high{text-align:right}.risk-scale__label--inactive{opacity:.25}@media (max-width:768px){.risk-scale__label{font-size:11px}}
.result{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg)var(--spacing-lg)var(--spacing-2xl);flex-direction:column;width:100%;max-width:720px;margin:0 auto;display:flex}.result__badge{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--border-radius-full);padding:6px 14px;font-weight:700;display:inline-block}.result--low .result__badge{color:var(--color-success);background-color:#d1fae5}.result--mild .result__badge{color:var(--color-caution);background-color:var(--color-caution-light)}.result--mid .result__badge{color:var(--color-warning);background-color:var(--color-warning-light)}.result--high .result__badge{color:var(--color-danger);background-color:#fee2e2}.result__score-label{margin:0 0 var(--spacing-sm);font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:600}.result__heading{color:var(--color-dark);letter-spacing:-.01em;margin:0;font-size:28px;font-weight:800;line-height:1.25}.result__summary-box{margin:var(--spacing-sm)0 0;font-size:var(--font-size-base);color:var(--color-text);font-weight:500;line-height:var(--line-height-base);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--border-radius-md);border-left:4px solid #0000}.result__summary-box--low{color:var(--color-text-secondary);border-left-color:var(--color-success);background-color:#d1fae5}.result__summary-box--mild{background-color:var(--color-caution-light);border-left-color:var(--color-caution)}.result__summary-box--mid{background-color:var(--color-warning-light);border-left-color:var(--color-warning)}.result__summary-box--high{border-left-color:var(--color-danger);background-color:#fee2e2}.result__actions{gap:var(--spacing-sm);width:100%;max-width:360px;margin-top:var(--spacing-md);flex-direction:column;display:flex}.result__action-button{min-height:48px;padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;text-align:center;justify-content:center;align-items:center;font-family:inherit;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:flex}.result__action-button--primary{background-color:var(--color-primary);color:#fff;border:none}.result__action-button--primary:hover{background-color:var(--color-primary-hover)}.result__action-button--download{background-color:var(--color-surface-alt);color:var(--color-dark);border:1px solid var(--color-border);gap:8px}.result__action-button--download:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#e2e8f0}.result__bottom-actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.result__restart-button,.result__share-button{font-size:var(--font-size-sm);padding:var(--spacing-sm)var(--spacing-xl);border-radius:var(--border-radius-md);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background-color:#0000;align-items:center;gap:8px;min-height:44px;font-family:inherit;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.result__restart-button:hover,.result__share-button:hover{background-color:var(--color-surface-alt);border-color:var(--color-primary);color:var(--color-primary)}.result__btn-icon{flex-shrink:0;width:18px;height:18px}.result__debug{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px dashed var(--color-border);align-items:center;gap:8px;display:flex}.result__debug-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.result__debug-button{border-radius:var(--border-radius-md);border:1px solid var(--color-border);background-color:var(--color-surface-alt);width:40px;height:40px;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;font-weight:700;transition:background-color .15s,border-color .15s,color .15s;display:flex}.result__debug-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.result__debug-button--active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}@media (max-width:768px){.result{padding:var(--spacing-md)var(--spacing-md)var(--spacing-xl)}.result__heading{font-size:var(--font-size-xl)}.result__actions{max-width:100%}.result__bottom-actions{flex-direction:column;width:100%}.result__restart-button,.result__share-button{justify-content:center}}
.answer-bar{z-index:20;align-items:stretch;gap:var(--spacing-md);height:var(--answer-bar-height);padding:var(--spacing-md)var(--spacing-lg)var(--spacing-lg);background-color:var(--color-surface);border-top:1px solid var(--color-border);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000f}.answer-bar__button{border-radius:var(--border-radius-md);min-height:56px;font-size:var(--font-size-md);cursor:pointer;letter-spacing:.02em;border:none;flex:1;justify-content:center;align-items:center;font-family:inherit;font-weight:700;transition:transform .12s,box-shadow .2s;display:flex}.answer-bar__button:active{transform:scale(.97)}.answer-bar__button--yes{background-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px #00838f40}.answer-bar__button--yes:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 16px #00838f59}.answer-bar__button--yes.answer-bar__button--selected{background-color:var(--color-primary-hover);transform:scale(.98);box-shadow:0 1px 4px #00838f26}.answer-bar__button--no{background-color:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.answer-bar__button--no:hover{border-color:var(--color-text-muted);background-color:var(--color-surface-alt)}.answer-bar__button--no.answer-bar__button--selected{border-color:var(--color-text-secondary);background-color:var(--color-surface-alt);transform:scale(.98)}@media (min-width:769px){.answer-bar{display:none}}
.quiz{flex-direction:column;min-height:100dvh;display:flex}.quiz__content{flex-direction:column;flex:1;width:100%;display:flex;overflow-y:auto}@media (max-width:768px){.quiz__content{padding-bottom:calc(var(--answer-bar-height) + var(--spacing-md))}}.quiz__content--landing{padding-bottom:0}.quiz__breadcrumb{width:100%;max-width:720px;padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-sm);align-items:center;gap:8px;margin:0 auto;display:flex}.quiz__breadcrumb-link{font-family:inherit;font-size:inherit;color:var(--color-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;padding:0;text-decoration:none;display:inline-flex}.quiz__breadcrumb-link:hover{text-decoration:underline}.quiz__breadcrumb-sep{color:var(--color-text-muted);flex-shrink:0}.quiz__breadcrumb-current{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (max-width:768px){.quiz__breadcrumb{padding:var(--spacing-sm)var(--spacing-md)}}