:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#242424de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#d1d1d1;text-decoration:inherit}a:hover{color:#ccc}body{margin:0;display:flex;place-items:center;justify-content:center;align-items:center;background:#2c2c2c;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{height:100%;margin:0}.wrapper{width:100%;max-width:480px;display:flex;flex-direction:column;gap:24px;align-items:center}.search-row{position:relative;width:100%;height:48px}.search-row .logo{position:absolute;left:12px;top:50%;transform:translateY(-50%);height:16px;max-width:64px;object-fit:contain}.search-row .input{width:100%;height:48px;padding:0 16px 0 80px;border:1px solid #ccc;border-radius:8px;font-size:16px}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:#000;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}#root{min-height:100vh;background-color:#000;display:flex;flex-direction:column}.sap-test-container{flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#000;padding:1rem;width:100%;max-width:100%;overflow-x:hidden}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.link-container{margin-bottom:1rem}.logo-container{margin-bottom:1.5rem}.aws-logo{max-width:100%;height:auto}.link-btn{display:inline-block}.aws-link{margin-bottom:3rem;display:block}.aws-image{margin-bottom:2rem}.home-title{color:#fff;font-size:2.25rem;margin-bottom:2rem}.start-buttons{display:flex;gap:1rem;justify-content:center}.container{width:100%;max-width:42rem;padding-top:105px;background-color:#000;z-index:200;margin:0 auto;flex:1}@media (max-width: 768px){.container{padding-top:95px}}@media (max-width: 480px){.container{padding-top:85px}}.header{position:fixed;top:0;left:0;width:100%;background-color:#000;padding:1rem;z-index:1000;height:100px;min-height:100px;max-height:100px}@media (max-width: 768px){.header{padding:.75rem;height:90px;min-height:90px;max-height:90px}}@media (max-width: 480px){.header{padding:.5rem;height:80px;min-height:80px;max-height:80px}}.header-content{max-width:800px;margin:0 auto;padding:0 1rem}.header-inner{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;position:relative}.header-title{color:#fff;font-size:1.5rem;cursor:pointer;margin-bottom:.5rem;display:block;text-align:center}.header .container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.header h1{margin-bottom:1rem;text-align:center}.header .flex{display:flex;align-items:center;justify-content:center}.header .items-center{align-items:center}.header .justify-center{justify-content:center}.header .gap-2{gap:.5rem}.header .gap-4{gap:1rem}.header .flex-col{flex-direction:column}.page-navigation{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap;justify-content:center;height:32px;position:absolute;top:.5rem;right:0}@media (max-width: 768px){.page-navigation{gap:.4rem;margin-bottom:.2rem;height:30px;justify-content:center;position:absolute;top:.4rem;right:0}}@media (max-width: 480px){.page-navigation{gap:.3rem;margin-bottom:.15rem;flex-direction:row;height:28px;justify-content:center;position:absolute;top:.3rem;right:0}}.page-input{width:60px;height:28px;padding:0 .5rem;text-align:center;border-radius:.25rem;border:1px solid #ccc;font-size:.875rem;box-sizing:border-box}.page-navigation .btn{height:28px;padding:0 .75rem;font-size:.875rem;line-height:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}@media (max-width: 768px){.page-input{width:55px;height:26px;font-size:.8rem}.page-navigation .btn{height:26px;padding:0 .6rem;font-size:.8rem}}@media (max-width: 480px){.page-input{width:50px;height:24px;font-size:.75rem}.page-navigation .btn{height:24px;padding:0 .5rem;font-size:.75rem}}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.2);width:100%}@media (max-width: 768px){.quiz-header{margin-top:.4rem;padding-top:.4rem}}@media (max-width: 480px){.quiz-header{margin-top:.3rem;padding-top:.3rem;flex-direction:row;gap:.25rem;text-align:center}}.question-number{color:#fff;font-size:1.2rem}.progress{color:#fff}.quiz-title{color:#fff;font-size:1.5rem;cursor:pointer}.quiz-content{width:100%;padding:1rem 1rem 2rem;max-width:100%;display:flex;flex-direction:column}@media (max-width: 768px){.quiz-content{padding:.75rem .75rem 1.5rem}}@media (max-width: 480px){.quiz-content{padding:.5rem .5rem 1rem}}.question-container{display:block;width:100%;min-height:auto;height:auto;max-height:none;overflow:visible;padding:1rem;background-color:#00000080;border-radius:.5rem;margin-top:1rem;margin-bottom:1rem}@media (max-width: 768px){.question-container{padding:.75rem;margin-top:.75rem}}@media (max-width: 480px){.question-container{padding:.5rem;margin-top:.5rem}}.question-container::-webkit-scrollbar{width:8px}.question-container::-webkit-scrollbar-track{background:transparent}.question-container::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.question{color:#fff;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow:visible;width:100%;display:block}.choices-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;width:100%;height:auto;overflow:visible}@media (max-width: 768px){.choices-container{gap:.4rem}}@media (max-width: 480px){.choices-container{gap:.3rem}}.choice-button{width:100%;padding:.75rem;text-align:left;border-radius:.25rem;cursor:pointer;border:none;font-size:1rem;background-color:#fff!important;color:#000!important;transition:all .3s ease;margin-bottom:.5rem;line-height:1.5;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;display:block;min-height:auto;height:auto}@media (max-width: 768px){.choice-button{padding:.6rem;font-size:.9rem;margin-bottom:.4rem;line-height:1.4}}@media (max-width: 480px){.choice-button{padding:.5rem;font-size:.85rem;margin-bottom:.3rem;line-height:1.4}}.choice-button.selected{background-color:#3b82f6!important;color:#fff!important}.choice-button.correct{background-color:#22c55e!important;color:#fff!important}.choice-button.wrong{background-color:#ef4444!important;color:#fff!important}.choice-button.disabled{background-color:#d1d5db!important;color:#000!important;opacity:.7}.quiz-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem 0;width:100%;align-items:start}@media (max-width: 768px){.quiz-controls{gap:.75rem;padding:.75rem 0;grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.quiz-controls{gap:.5rem;padding:.5rem 0;grid-template-columns:1fr;grid-template-rows:repeat(3,auto)}.control-item{width:100%}}.control-item{position:relative;display:flex;justify-content:center;gap:.5rem}.control-button{padding:.5rem 1rem;border-radius:.25rem;border:none;background-color:#4b5563;color:#fff;cursor:pointer;font-size:.875rem;min-width:80px;transition:background-color .2s;white-space:nowrap}@media (max-width: 768px){.control-button{padding:.4rem .8rem;font-size:.8rem;min-width:70px}}@media (max-width: 480px){.control-button{padding:.6rem 1rem;font-size:.9rem;min-width:100%;width:100%}}.control-button:disabled{opacity:.5;cursor:not-allowed}.control-button:hover:not(:disabled){background-color:#374151}.answer-button{background-color:#3b82f6}.finish-button{background-color:#dc2626}.answer-section{position:relative}.answer-display{position:absolute;top:100%;left:0;margin-top:.5rem;padding:.5rem 1rem;background-color:#000c;color:#fff;border-radius:.25rem;font-weight:700;white-space:nowrap;animation:fadeIn .3s ease;z-index:10}.text-white{color:#fff!important}.text-black{color:#000!important}.result-container{text-align:center}.result-title{color:#fff;font-size:1.875rem;margin-bottom:1rem}.result-image{margin-bottom:2rem}.result-stats{color:#fff;margin:2rem 0}.stat-item{margin:.5rem 0}.stat-value{font-style:italic}.btn{padding:.75rem 1.25rem;background:none;border:2px solid white;font-size:1rem;color:#000;cursor:pointer;position:relative;overflow:hidden;transition:all .3s;border-radius:.5rem;background-color:#5095fc;font-weight:700;box-shadow:0 2px 0 2px #000}.btn:hover{background-color:#2962ff;color:#fff}.btn:active{transform:scale(.9)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}