@import url(https://fonts.googleapis.com/css2?family=Metrophobic&family=Inter:wght@400;500;700&family=Aldrich&display=swap);:root{--font-primary:'Metrophobic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--font-secondary:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--font-special:'Aldrich', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif}.quiz-outer-container{border:15px solid #1F2F61;max-width:1200px;margin:0 auto;min-height:600px;background:#fff;position:relative;display:flex;flex-direction:column}.quiz-outer-container::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background-color:#FEC20E}.quiz-header{background-color:#1F2F61;padding:10px;width:100%;font-family:var(--font-primary);font-size:32px;font-weight:400;word-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.title-cash-cadet{color:#FEC20E}.title-separator{color:#616161}.title-blast-off{color:#fff}.quiz-subtitle{background-color:#666;width:75%;padding:10px}.subtitle-text{color:#fff;font-size:24px;font-family:var(--font-primary);font-weight:400;word-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.quiz-content{padding:40px 40px;font-family:var(--font-primary);color:#616161;font-size:29px;font-weight:400;word-wrap:break-word;flex:1;display:flex;flex-direction:column;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.question-container,.response-container{padding:0 40px;flex:1;display:flex;flex-direction:column}.question-text{margin-bottom:20px;font-size:29px;line-height:1.2}.answer-choices{display:flex;flex-direction:column;gap:10px}.answer-option{padding:2px 0;font-size:29px;line-height:1.2}.response-container{display:none}.response-header{margin-bottom:20px;font-size:29px;font-family:var(--font-special);font-weight:400;word-wrap:break-word;line-height:1.2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.response-text{color:#616161;font-size:29px;font-family:var(--font-primary);font-weight:400;word-wrap:break-word;line-height:1.2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.response-correct{color:rgb(13 157 0 / .8)}.response-incorrect{color:rgb(202 0 0 / .8)}.response-title{color:#000}.navigation-section{margin-top:auto;width:100%}.answer-header{background-color:#1E1E1E;padding:15px 30px;width:50%;display:block}.select-text{color:#fff;font-family:var(--font-secondary);font-size:16px;font-weight:500;text-transform:uppercase;display:block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gray-bar{background-color:dimgray;width:100%;padding:20px 30px}.nav-controls{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:40px;width:100%}.answer-buttons{display:flex;align-items:center;gap:20px}.nav-button{width:60px;height:60px;position:relative}.button-inner{width:100%;height:100%;position:relative;background:rgb(255 255 255 / .8);border-radius:30px;outline:5px #D1D1D1 solid;outline-offset:-5px;display:flex;align-items:center;justify-content:center;color:#666;font-size:28px;font-family:var(--font-secondary);font-weight:700;line-height:1;transition:all 0.2s ease-in-out;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button-inner:hover{background-color:#A3DFFF}.nav-button[data-state="selected"] .button-inner{background-color:#0081D1;color:#FEC20E}.nav-button[data-state="correct"] .button-inner{background-color:#0D9D00;color:#FEC20E}.nav-button[data-state="incorrect"] .button-inner{background-color:#9D0000;color:#FEC20E}.submit-button-container{margin-left:0;margin-right:auto}.submit-button{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.submit-circle{width:72px;height:73px;position:absolute;background:#1F2F61;border-radius:9999px;border:6px #FEC20E solid;transition:all 0.2s ease-in-out}.submit-button:hover .submit-circle{background:#2a4082}.submit-button:active .submit-circle{background:#162344}.submit-text{position:relative;color:#fff;font-size:12px;font-family:var(--font-secondary);font-weight:700;text-align:center;z-index:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.back-link{margin-left:auto;color:#fff;text-decoration:none;font-family:var(--font-secondary);font-size:16px;font-weight:500;display:flex;align-items:center;gap:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.back-arrow{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff;border-radius:4px;color:dimgray}@media screen and (max-width:768px){.quiz-outer-container{border:none;min-height:auto}.quiz-header{padding:10px 15px;font-size:24px}.quiz-subtitle{width:100%;padding:10px 15px}.quiz-content{padding:0;font-size:20px}.question-container,.response-container{padding:15px}.question-text,.answer-option,.response-text{font-size:20px;line-height:1.4}.answer-header{width:100%;padding:10px 15px;border:none}.gray-bar{padding:15px}.nav-controls{flex-direction:column;align-items:center;gap:15px}.answer-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:10px;margin-bottom:15px;flex-wrap:nowrap}.submit-button-container{width:100%;display:flex;justify-content:center;margin:15px 0}.submit-button{transform:scale(1.2)}.back-link{margin-left:0;margin-top:15px;width:100%;display:flex;justify-content:center;align-items:center}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .95);z-index:9999;display:none}.modal-overlay.active{display:flex;justify-content:center;align-items:center;padding-top:0}.modal-close-btn{position:absolute;top:20px;right:20px;font-size:30px;color:#fff;cursor:pointer;z-index:1001}.quiz-modal{width:95%;max-width:90%;margin:0;overflow-y:auto;max-height:90vh}.modal-overlay.active .quiz-modal{transform:scale(1);opacity:1}.quiz-outer-container{display:none}.modal-overlay.active .quiz-outer-container{display:flex;width:100%}@media screen and (max-width:768px){.modal-overlay.active{align-items:flex-start;padding-top:50px}.quiz-modal{width:100%;height:calc(100vh - 50px);max-height:none;margin:0;padding:0}.modal-close-btn{top:15px;right:15px;font-size:24px}}@media screen and (max-width:375px){.question-container,.response-container{padding:10px}.navigation-section{padding:10px}}@media screen and (max-width:320px){.quiz-modal{padding:10px}.question-text{font-size:16px}.nav-button{padding:10px}.quiz-outer-container{padding:5px}}