:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:#f1f0ea;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;min-height:100vh;width:100%}body{margin:0;padding:20px}h1{font-size:2.2em;line-height:1.1}h2{font-size:1.8em;line-height:1.2}h3{font-size:1.4em;line-height:1.3}a{color:#000;text-decoration:none}a:hover{text-decoration:underline}:focus{outline:2px solid #000000;outline-offset:2px}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #F1F0EA;--primary-hover: #3a5a8f;--secondary-color: transparent;--text-color: #000000;--border-color: transparent;--selected-bg: rgba(230, 247, 255, .1);--selected-border: transparent;--result-bar-bg: #00FF00}body{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:104%;letter-spacing:-.04em;color:var(--text-color);background-color:#f1f0ea;padding:20px}.app-container{max-width:800px;margin:0 auto;background-color:#f1f0ea;border-radius:8px;padding:30px}header{display:flex;flex-direction:column;position:relative;margin-bottom:30px;padding-bottom:20px;border-bottom:none}.logo-container{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.logo{height:16px;width:auto}.mobile-phone-logo{height:116px;width:auto}.header-text{text-align:left;width:100%;position:relative;padding-top:20px;z-index:1}.header-text:before{content:"";position:absolute;top:-68px;right:0;width:300px;height:430px;background-image:url(/mobile-phone.svg);background-repeat:no-repeat;background-position:center;background-size:auto 512px;z-index:-1}header h1{font-family:Inter;font-style:normal;font-weight:800;font-size:80px;line-height:81%;letter-spacing:-.04em;text-transform:uppercase;color:#000;margin-top:21px;margin-bottom:45px}.mobile-text{display:block;width:100%;border-top:10px solid #000000;border-bottom:10px solid #000000;padding-top:15px;padding-bottom:15px;margin-bottom:15px}header p{font-family:Inter;font-style:normal;font-weight:800;font-size:32px;line-height:98%;letter-spacing:-.04em;color:#000}.info-box{margin-top:20px;padding:15px;background-color:#00ff001a;border-left:4px solid #00FF00;border-radius:4px}.info-box p{font-family:Inter;font-style:normal;font-weight:400;font-size:16px;line-height:140%;letter-spacing:-.02em;color:#000}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:var(--primary-color)}.questions-container{margin-bottom:30px}.question-container{margin-bottom:25px;padding:20px;border:none;border-radius:6px;background-color:transparent}.question-text{font-family:Inter;font-style:normal;font-weight:400;font-size:32px;line-height:98%;letter-spacing:-.04em;color:#000;margin-bottom:15px}.answers-container{display:flex;flex-direction:column;gap:10px}.answer-option{display:flex;align-items:center;padding:12px 15px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;background-color:transparent}.answer-option:hover{background-color:#f1f0ea1a}.answer-option.selected{background-color:var(--selected-bg);border-color:var(--selected-border)}.answer-option input[type=radio],.answer-option input[type=checkbox]{margin-right:20px;position:relative;z-index:1;cursor:pointer;width:20px;height:20px}.answer-option label{cursor:pointer;position:relative;z-index:1}.results-container{padding:20px}.results-container h2{font-family:Inter;font-style:normal;font-weight:800;font-size:32px;line-height:98%;letter-spacing:-.04em;color:#000;margin-bottom:15px;text-align:center}.results-container p{font-family:Inter;font-style:normal;font-weight:400;font-size:16px;line-height:104%;letter-spacing:-.04em;color:#000}.results-list{margin-top:25px}.result-item{margin-bottom:25px;padding:15px;border:none;border-radius:6px;background-color:transparent}.result-item h3{font-family:Inter;font-style:normal;font-weight:400;font-size:24px;line-height:98%;letter-spacing:-.04em;color:#000;margin-bottom:10px}.score-bar-container{height:20px;background-color:#f1f0ea33;border-radius:10px;margin-bottom:10px;position:relative;overflow:hidden}.score-bar{height:100%;background-color:var(--result-bar-bg);border-radius:10px;transition:width .5s ease-out}.score-percentage{position:absolute;right:10px;top:0;font-family:Inter;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:-.04em;color:#000}.framework-description{margin-top:10px;font-family:Inter;font-style:normal;font-weight:400;font-size:16px;line-height:104%;letter-spacing:-.04em;color:#000}button{background-color:#0f0;color:#000;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-family:Inter;font-style:normal;font-weight:400;font-size:16px;line-height:104%;letter-spacing:-.04em;transition:background-color .2s}button:hover{background-color:#0c0}.show-results-button{display:block;margin:20px auto;width:200px}.reset-button{display:block;margin:30px auto 0;width:150px}@media (max-width: 600px){.app-container,.question-container{padding:15px}.answer-option{padding:10px}}