.challenge-main{background-color:#f5f7f8;color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;padding:80px 0;min-height:90vh}.challenge-container{max-width:820px;margin:0 auto;padding:0 24px}.challenge-card{background:#fff;border-radius:24px;box-shadow:0 20px 40px #0a6e6e0a,0 1px 3px #00000003;border:1px solid rgba(10,110,110,.07);padding:48px;transition:all .4s cubic-bezier(.16,1,.3,1)}.state-section{display:none;opacity:0}.state-section.active{display:block;opacity:1;animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-top-layout{text-align:center;margin-bottom:40px}.badge-accent{display:inline-block;background:#0a6e6e0f;color:#0a6e6e;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;padding:8px 16px;border-radius:30px;margin-bottom:24px}.challenge-title{font-size:3rem;font-weight:800;line-height:1.15;letter-spacing:-1px;color:#064545;margin-bottom:20px}.challenge-subtitle{font-size:1.2rem;line-height:1.6;color:#4a5568;max-width:680px;margin:0 auto 35px}.hero-primary-cta{margin-bottom:10px}.btn-hero{background:linear-gradient(135deg,#0a6e6e,#054545);color:#fff;padding:18px 48px;font-size:1.15rem;border-radius:50px;font-weight:700;box-shadow:0 10px 25px #0a6e6e33;border:none;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-hero:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0a6e6e59;background:linear-gradient(135deg,#0d7e7e,#065252)}.metrics-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:#fafcfc;border:1px solid rgba(10,110,110,.1);border-radius:16px;padding:24px;margin-bottom:40px}.metric-item{text-align:center}.metric-val{display:block;font-size:1.8rem;font-weight:750;color:#0a6e6e;letter-spacing:-.5px}.metric-label{font-size:.78rem;color:#718096;text-transform:uppercase;letter-spacing:.8px;font-weight:700;margin-top:6px}.instructions-card{background:#fbfdfd;border-left:5px solid #0A6E6E;padding:28px;border-radius:0 16px 16px 0;margin-bottom:40px;border-top:1px solid rgba(10,110,110,.05);border-right:1px solid rgba(10,110,110,.05);border-bottom:1px solid rgba(10,110,110,.05)}.instructions-card h3{font-size:1.25rem;font-weight:800;color:#064545;margin-top:0;margin-bottom:14px}.instructions-card ul{margin:0;padding-left:20px;color:#4a5568}.instructions-card li{font-size:1rem;line-height:1.6;margin-bottom:10px}.challenge-faqs{margin-top:60px;border-top:1px solid rgba(0,0,0,.08);padding-top:40px}.faq-section-title{font-size:1.6rem;color:#064545;font-weight:800;margin-bottom:24px;text-align:center;letter-spacing:-.5px}.faq-item{border-bottom:1px solid rgba(0,0,0,.06);padding:20px 0}.faq-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:0;font-size:1.1rem;font-weight:700;color:#1a202c;cursor:pointer;text-align:left}.faq-trigger:hover{color:#0a6e6e}.faq-icon-wrapper{display:flex;align-items:center;justify-content:center;color:#718096;margin-left:15px}.faq-icon{transition:transform .28s cubic-bezier(.16,1,.3,1);color:currentColor}.line-vert{transition:transform .28s ease,opacity .22s ease;transform-origin:center}.faq-item.active .line-vert{transform:scaleY(0);opacity:0}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.16,1,.3,1)}.faq-content p{margin-top:12px;margin-bottom:0;color:#4a5568;font-size:.98rem;line-height:1.6}.faq-item.active .faq-content{max-height:200px}.quiz-header{margin-bottom:40px}.quiz-progress-wrap{height:8px;background:#edf2f7;border-radius:10px;overflow:hidden;margin-bottom:20px}.quiz-progress-fill{height:100%;background-color:#0a6e6e;border-radius:10px;transition:width .3s cubic-bezier(.16,1,.3,1)}.quiz-meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:700;color:#718096}.category-tag{background:#0a6e6e14;color:#0a6e6e;padding:4px 14px;border-radius:30px;font-size:.85rem}.question-body{margin-bottom:40px}.question-text{font-size:1.8rem;font-weight:800;line-height:1.35;color:#064545;margin-bottom:30px;letter-spacing:-.5px}.options-grid{display:grid;grid-template-columns:1fr;gap:16px}.option-card{display:flex;align-items:center;gap:18px;background:#fff;border:2.5px solid #edf2f7;border-radius:16px;padding:20px 24px;font-size:1.1rem;font-weight:700;text-align:left;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);outline:none;width:100%;color:#2d3748;box-shadow:0 4px 6px #00000001}.option-card:hover{border-color:#0a6e6e;background-color:#fafcfc;transform:translateY(-2px);box-shadow:0 10px 20px #0a6e6e0d}.option-letter{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;border-radius:50%;background:#f7fafc;color:#4a5568;font-size:.95rem;font-weight:800;transition:all .25s ease;border:1.5px solid #cbd5e0}.option-card:hover .option-letter{background:#0a6e6e;color:#fff;border-color:#0a6e6e}.option-text{flex:1;line-height:1.4}.option-card.selected-correct{border-color:#2f855a!important;background-color:#2f855a08!important;color:#2f855a!important}.option-card.selected-correct .option-letter{background:#2f855a!important;color:#fff!important;border-color:#2f855a!important}.option-card.selected-incorrect{border-color:#c05621!important;background-color:#c0562108!important;color:#c05621!important}.option-card.selected-incorrect .option-letter{background:#c05621!important;color:#fff!important;border-color:#c05621!important}.option-card.disabled{pointer-events:none;opacity:.6}.feedback-drawer{background:#fafbfb;border-top:4px solid #0A6E6E;border-radius:18px;padding:32px;margin-top:40px;border-left:1px solid rgba(10,110,110,.08);border-right:1px solid rgba(10,110,110,.08);border-bottom:1px solid rgba(10,110,110,.08);display:none;animation:slideIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-title-wrap{display:flex;align-items:center;margin-bottom:16px}.status-icon{font-size:1.4rem;margin-right:10px;font-weight:800}#feedback-status-title{font-size:1.3rem;margin:0;font-weight:800}.correct-text{color:#2f855a}.incorrect-text{color:#c05621}.answer-reveal{font-size:1rem;margin-bottom:20px;color:#4a5568}.feedback-grid-details{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}@media(max-width:640px){.feedback-grid-details{grid-template-columns:1fr;gap:16px}}.feedback-info-block{background:#fff;border:1px solid rgba(0,0,0,.04);padding:20px;border-radius:12px;box-shadow:0 4px 10px #00000001;border-left:4px solid #0A6E6E}.feedback-info-block h5{font-size:.82rem;font-weight:800;color:#064545;margin-top:0;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.feedback-info-block p{font-size:.93rem;line-height:1.5;color:#4a5568;margin:0}.feedback-info-block:nth-child(2){border-left-color:#dd6b20}.feedback-info-block:nth-child(3){border-left-color:#38a169}.feedback-info-block:nth-child(4){border-left-color:#e53e3e}.feedback-info-block:nth-child(5){border-left-color:#805ad5}.feedback-info-block.source-block{border-left-color:#4a5568;grid-column:span 2}@media(max-width:640px){.feedback-info-block.source-block{grid-column:span 1}}.drawer-action{margin-top:24px;text-align:right}.results-main-title{font-size:2.2rem;font-weight:800;color:#064545;text-align:center;margin-bottom:40px;letter-spacing:-.5px}.results-score-panel{display:flex;align-items:center;gap:40px;background:#fafcfc;border-radius:20px;padding:32px;border:1px solid rgba(10,110,110,.1);margin-bottom:48px}.score-radial-wrap{position:relative;width:96px;height:96px;min-width:96px}.radial-svg{transform:rotate(-90deg);width:100%;height:100%;display:block}.radial-bg{stroke:#edf2f7}.radial-fill{stroke:#0a6e6e;stroke-linecap:round;transition:stroke-dashoffset 1.2s ease-in-out}.score-text-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;width:100%}#results-score-num{font-size:1.55rem;font-weight:800;color:#064545;display:block}.score-denominator{font-size:.72rem;color:#718096;font-weight:700;display:block;margin-top:-1px}#results-title-badge{font-size:1.5rem;font-weight:800;color:#0a6e6e;margin-top:0;margin-bottom:8px;letter-spacing:-.3px}#results-title-text{font-size:1rem;line-height:1.6;color:#4a5568;margin:0}.dimensions-section{margin-bottom:48px}.dimensions-section h3{font-size:1.3rem;font-weight:800;color:#064545;margin-bottom:24px;letter-spacing:-.3px}.results-chart-layout{display:flex;align-items:center;gap:40px;margin-top:24px}.chart-col{flex:1;display:flex;justify-content:center;align-items:center}.polar-svg{width:240px;height:240px;display:block;overflow:visible}.legend-col{flex:1.2;width:100%}.legend-list{display:flex;flex-direction:column;gap:12px}.legend-item{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#fafcfc;border:1px solid rgba(0,0,0,.04);border-radius:12px;transition:all .2s ease}.legend-item:hover{transform:translate(4px);border-color:#0a6e6e26;background:#fff;box-shadow:0 4px 12px #0a6e6e08}.legend-left-side{display:flex;align-items:center;font-weight:700;font-size:.95rem;color:#4a5568}.legend-color-tag{width:12px;height:12px;border-radius:50%;margin-right:12px;display:inline-block}.legend-score-val{font-weight:800;font-size:1.05rem;color:#064545}.cert-block{background:#fafcfc;border:1px solid rgba(0,0,0,.05);border-radius:20px;padding:32px;margin-bottom:48px;display:flex;flex-direction:column;gap:32px}.cert-info h3{font-size:1.3rem;font-weight:800;color:#064545;margin-top:0;margin-bottom:10px}.cert-info p{font-size:.98rem;color:#718096;margin-top:0;margin-bottom:20px;line-height:1.5}.cert-input-wrap{display:flex;gap:12px;margin-bottom:16px}#cert-name-input{flex:1;padding:14px 18px;border:1.5px solid #cbd5e0;border-radius:10px;font-size:1rem;outline:none;transition:border-color .2s}#cert-name-input:focus{border-color:#0a6e6e}#cert-name-input:disabled{background:#edf2f7;color:#a0aec0;cursor:not-allowed}.btn-accent{background:#d69e2e;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-weight:700;cursor:pointer;transition:background .2s}.btn-accent:hover{background:#b7791f}.cert-status-success{color:#2f855a;font-weight:700;margin-top:0;margin-bottom:10px;font-size:.95rem}.cert-preview-wrap{display:flex;justify-content:center;background:#edf2f7;padding:12px;border-radius:16px;overflow:hidden}.cert-canvas{max-width:100%;height:auto;border-radius:8px;box-shadow:0 6px 18px #0000001a;background:#fff}.ctas-wrap{display:flex;justify-content:center;gap:20px}.btn{display:inline-block;padding:14px 28px;border-radius:10px;font-weight:700;text-align:center;cursor:pointer;border:none;transition:background .2s,transform .2s;text-decoration:none;font-size:1rem}.btn-primary{background:#0a6e6e;color:#fff;box-shadow:0 4px 12px #0a6e6e26}.btn-primary:hover{background:#064545}.btn-outline{background:transparent;border:2px solid #0A6E6E;color:#0a6e6e}.btn-outline:hover{background:#0a6e6e0d}.btn-wa{background:#25d366;color:#fff;box-shadow:0 4px 12px #25d36626}.btn-wa:hover{background:#128c7e}.skip-wrap{text-align:center;margin-top:24px}.btn-skip-text{background:none;border:none;color:#718096;font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:underline;transition:color .2s;outline:none}.btn-skip-text:hover{color:#0a6e6e}@media(max-width:768px){.challenge-main{padding:40px 0}.challenge-card{padding:28px 20px;border-radius:20px}.challenge-title{font-size:2.1rem;letter-spacing:-.5px}.challenge-subtitle{font-size:1.05rem;margin-bottom:28px}.btn-hero{padding:16px 36px;font-size:1.05rem;width:100%}.metrics-bar{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;margin-bottom:28px}.metric-val{font-size:1.5rem}.instructions-card{padding:20px;margin-bottom:28px}.question-text{font-size:1.4rem;margin-bottom:24px}.option-card{padding:16px 18px;font-size:.98rem;gap:12px;border-radius:12px}.option-letter{width:30px;height:30px;min-width:30px;font-size:.85rem}.feedback-drawer{padding:20px;border-radius:14px;margin-top:28px}.results-score-panel{flex-direction:column;text-align:center;gap:20px;padding:20px}.results-chart-layout{flex-direction:column;gap:24px}.cert-block{padding:20px;gap:20px}.cert-input-wrap{flex-direction:column;gap:10px}.ctas-wrap{flex-direction:column;gap:12px}}@media(min-width:1024px){.challenge-card{box-shadow:0 30px 60px #0a6e6e0a,0 1px 3px #00000003}}
