*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.6;color:#2D3748;background:#ffffff}.assessment-container{max-width:800px;margin:0 auto;padding:20px;background:white;min-height:100vh}.header{text-align:center;padding:40px 20px;border-bottom:3px solid #00BFB3;margin-bottom:40px}.header h1{font-size:36px;color:#1A202C;margin-bottom:15px;font-weight:700;letter-spacing:-0.5px}.header p{font-size:18px;color:#718096;max-width:600px;margin:0 auto;line-height:1.7}.timer-wrapper{display:flex;justify-content:center;margin-bottom:20px}.timer-container{background:linear-gradient(135deg,#00BFB3 0%,#00A199 100%);color:white;padding:12px 24px;border-radius:30px;font-size:18px;font-weight:600;display:inline-flex;align-items:center;gap:10px}.timer-container.warning{background:linear-gradient(135deg,#F6AD55 0%,#ED8936 100%);animation:pulse 1s ease-in-out infinite}.timer-container.critical{background:linear-gradient(135deg,#FC8181 0%,#E53E3E 100%);animation:pulse 0.5s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.intro-screen{display:none;text-align:center;padding:40px 20px}.intro-screen.active{display:block}.intro-screen h1{font-size:42px;font-weight:700;color:#1A202C;margin-bottom:20px}.intro-screen>p{font-size:18px;color:#718096;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.intro-content{text-align:left;max-width:600px;margin:0 auto 30px;background:#F7FAFC;padding:30px;border-radius:12px;border:1px solid #E2E8F0}.intro-content h2{font-size:22px;color:#1A202C;margin-bottom:15px}.intro-content p{color:#4A5568;margin-bottom:15px;font-size:16px}.intro-content ul{margin:15px 0 20px 20px;color:#4A5568}.intro-content li{margin-bottom:8px}.start-btn{display:inline-block;padding:18px 50px;background:linear-gradient(135deg,#00BFB3 0%,#00A199 100%);color:white;border:none;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px}.start-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,191,179,0.3)}.email-screen{display:none;text-align:center;padding:60px 20px}.email-screen.active{display:block}.email-screen h2{font-size:32px;color:#1A202C;margin-bottom:15px;font-weight:700}.email-screen>p{font-size:18px;color:#718096;margin-bottom:40px;max-width:500px;margin-left:auto;margin-right:auto}.email-form{max-width:400px;margin:0 auto}.email-form input{width:100%;padding:16px 20px;border:2px solid #E2E8F0;border-radius:10px;font-size:16px;margin-bottom:15px;transition:border-color 0.3s ease;font-family:inherit}.email-form input:focus{outline:none;border-color:#00BFB3}.email-error{color:#E53E3E;font-size:14px;margin-bottom:15px;display:none}.email-submit{width:100%;padding:18px 40px;background:linear-gradient(135deg,#00BFB3 0%,#00A199 100%);color:white;border:none;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.email-submit:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,191,179,0.3)}.email-privacy{font-size:12px;color:#A0AEC0;margin-top:20px}.progress-container{margin-bottom:30px;padding:20px;background:#F7FAFC;border-radius:12px}.progress-bar-bg{width:100%;height:10px;background:#E2E8F0;border-radius:5px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#00BFB3 0%,#00E5D6 100%);transition:width 0.4s ease;border-radius:5px}.progress-text{text-align:center;color:#718096;font-size:14px;margin-top:10px}.question-screen{display:none}.question-screen.active{display:block}.question-container{padding:35px;background:white;border:1px solid #E2E8F0;border-radius:12px;margin-bottom:30px}.question-category{display:inline-block;background:linear-gradient(135deg,#00BFB3 0%,#00A199 100%);color:white;padding:6px 15px;border-radius:25px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.question-text{font-size:22px;font-weight:600;color:#1A202C;line-height:1.4;margin-bottom:25px}.options-container{display:flex;flex-direction:column;gap:15px}.option{background:#F7FAFC;border:2px solid #E2E8F0;border-radius:10px;padding:20px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:flex-start;gap:15px}.option:hover{border-color:#00BFB3;background:#F0FFFD;transform:translateX(5px)}.option.selected{border-color:#00BFB3;background:linear-gradient(135deg,rgba(0,191,179,0.1) 0%,rgba(0,161,153,0.1) 100%)}.option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#00BFB3 0%,#00A199 100%);color:white;border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0}.option-text{flex:1;color:#4A5568;line-height:1.5}.navigation{display:flex;justify-content:space-between;margin-top:30px;padding-top:30px;border-top:1px solid #E2E8F0}.nav-btn{padding:16px 40px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.nav-btn-prev{background:#F7FAFC;color:#4A5568;border:2px solid #E2E8F0}.nav-btn-prev:hover{background:#EDF2F7}.nav-btn-next{background:linear-gradient(135deg,#00BFB3 0%,#00A199 100%);color:white}.nav-btn-next:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,191,179,0.3)}.nav-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}.results-screen{display:none}.results-screen.active{display:block}.results-header{text-align:center;margin-bottom:40px}.results-title{font-size:36px;font-weight:700;color:#1A202C;margin-bottom:15px}.type-result{background:linear-gradient(135deg,#00BFB3 0%,#00A199 100%);color:white;padding:35px;border-radius:15px;text-align:center;margin-bottom:30px}.type-label{font-size:14px;text-transform:uppercase;letter-spacing:1.5px;opacity:0.9;margin-bottom:10px}.type-name{font-size:42px;font-weight:700;margin-bottom:10px}.type-percentage{font-size:24px;opacity:0.9}.secondary-type{background:#F7FAFC;padding:20px;border-radius:10px;text-align:center;margin-bottom:30px;border:1px solid #E2E8F0}.secondary-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#718096;margin-bottom:5px}.secondary-name{font-size:24px;font-weight:600;color:#00BFB3}.chart-container{margin:30px 0}.chart-row{display:flex;align-items:center;margin-bottom:15px}.chart-label{flex:0 0 120px;font-weight:600;color:#2D3748}.chart-bar-bg{flex:1;background:#E2E8F0;height:30px;border-radius:15px;overflow:hidden}.chart-bar{height:100%;background:linear-gradient(90deg,#00BFB3 0%,#00A199 100%);border-radius:15px;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;transition:width 1s ease}.chart-percentage{color:white;font-weight:600;font-size:14px}.insight-section{background:#F7FAFC;border-radius:12px;padding:30px;margin-bottom:25px;border:1px solid #E2E8F0}.insight-title{font-size:20px;font-weight:700;color:#1A202C;margin-bottom:15px;display:flex;align-items:center;gap:10px}.insight-icon{width:30px;height:30px;background:linear-gradient(135deg,#00BFB3 0%,#00A199 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:16px}.insight-content{color:#4A5568;line-height:1.7}.insight-list{list-style:none;padding:0;margin:15px 0}.insight-list li{padding-left:25px;position:relative;margin-bottom:10px;color:#4A5568}.insight-list li:before{content:">";position:absolute;left:0;color:#00BFB3;font-weight:700}.pitch-section{margin-top:50px;padding:40px;background:linear-gradient(135deg,rgba(0,191,179,0.08) 0%,rgba(0,161,153,0.08) 100%);border-radius:15px;border:2px solid #00BFB3}.pitch-section h2{font-size:28px;font-weight:700;color:#1A202C;margin-bottom:20px}.pitch-section>p{font-size:17px;color:#4A5568;line-height:1.7;margin-bottom:20px}.pitch-testimonial{background:white;padding:25px;border-radius:10px;margin:25px 0;font-style:italic;color:#4A5568;border-left:4px solid #00BFB3}.pitch-cta{text-align:center;margin-top:30px}.pitch-cta a{display:inline-block;background:linear-gradient(135deg,#00BFB3 0%,#00A199 100%);color:white;padding:18px 45px;border-radius:50px;font-size:18px;font-weight:600;text-decoration:none;transition:all 0.3s ease}.pitch-cta a:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,191,179,0.3)}.pitch-cta p{margin-top:15px;font-size:14px;color:#718096}.other-assessments{margin-top:40px;padding:30px;background:#F7FAFC;border-radius:15px;text-align:center}.other-assessments h3{font-size:22px;color:#1A202C;margin-bottom:10px}.other-assessments>p{color:#718096;margin-bottom:25px}.assessment-cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.assessment-card{background:white;border:2px solid #E2E8F0;border-radius:12px;padding:25px;flex:1;min-width:250px;max-width:300px;text-align:left;transition:all 0.3s ease;text-decoration:none;color:inherit}.assessment-card:hover{border-color:#00BFB3;transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,191,179,0.15)}.assessment-card h4{font-size:18px;color:#1A202C;margin-bottom:8px}.assessment-card .time{font-size:12px;color:#00BFB3;font-weight:600;margin-bottom:10px}.assessment-card p{font-size:14px;color:#718096;line-height:1.5;margin:0}.assessment-card.completed{opacity:0.6;pointer-events:none}.assessment-card.completed::after{content:"Completed";display:block;margin-top:10px;font-size:12px;color:#00BFB3;font-weight:600}@media (max-width:768px){.header h1,.intro-screen h1{font-size:28px}.question-container{padding:20px}.navigation{flex-direction:column;gap:15px}.nav-btn{width:100%}.type-name{font-size:32px}.pitch-section{padding:25px}.assessment-cards{flex-direction:column}.assessment-card{max-width:100%}}
/* Preserve answer-card layout while exposing native keyboard controls. */
button.option{width:100%;font:inherit;color:inherit;text-align:left;white-space:normal}
button.option:focus-visible{outline:3px solid #007d75;outline-offset:3px}