:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;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}}:root{--bg-color: #1D3557;--text-primary: #F1FAEE;--text-secondary: #A8DADC;--theme-color: #646cff}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;overflow:hidden;transition:background-color .5s ease}.presentation-frame{width:100vw;height:100dvh;display:flex;justify-content:center;align-items:center;position:relative;transition:--theme-color .5s ease}.help-banner{position:absolute;top:0;left:0;width:100%;background-color:var(--theme-color);color:var(--bg-color);padding:10px 0;text-align:center;font-weight:700;z-index:100;box-shadow:0 4px 15px #0000004d;display:flex;justify-content:center;gap:15px}.close-btn{background:transparent;border:2px solid rgba(0,0,0,.3);color:var(--bg-color);border-radius:50%;cursor:pointer;font-weight:700}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffff0d;color:var(--theme-color);border:2px solid var(--theme-color);font-size:2rem;cursor:pointer;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:50;flex-shrink:0}.nav-arrow.left{left:30px}.nav-arrow.right{right:30px}.nav-arrow:hover{background-color:var(--theme-color);color:var(--bg-color);box-shadow:0 0 15px var(--theme-color);transform:translateY(-50%) scale(1.1)}.hidden{display:none}.section-slide{text-align:center;animation:fadeIn .6s ease-out}.big-emoji{font-size:8rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(0,0,0,.5))}.role-tag{color:var(--theme-color);border:1px solid var(--theme-color);padding:.5rem 1.5rem;border-radius:50px;text-transform:uppercase;letter-spacing:3px;font-weight:700;display:inline-block;margin-bottom:1.5rem;background:#0003}.section-title{font-size:5rem;margin:0;line-height:1.3;background:linear-gradient(to bottom right,#ffffff,var(--theme-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.2em}.detail-slide{display:flex;flex-direction:row;align-items:center;gap:4rem;width:80%;height:80%;animation:slideInRight .5s ease-out}.image-col{flex:1;display:flex;justify-content:center;align-items:center}.slide-image{width:100%;max-height:60vh;object-fit:cover;border-radius:20px;border:3px solid var(--theme-color);box-shadow:0 20px 50px #00000080}.text-col{flex:1}.detail-title{font-size:3.5rem;color:var(--theme-color);margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.detail-desc{font-size:1.8rem;line-height:1.6;color:var(--text-primary);font-weight:300}.page-indicator{position:absolute;bottom:30px;right:30px;font-size:1rem;color:var(--theme-color);font-family:monospace;opacity:.8}.welcome-slide{width:90%;height:90%;display:flex;flex-direction:column;justify-content:space-between;text-align:center;animation:fadeIn .8s ease-in-out}.main-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.welcome-title{font-size:5rem;line-height:1.3;margin:0;background:linear-gradient(135deg,#ffffff 30%,var(--theme-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 30px rgba(0,0,0,.3);padding-bottom:.2em}.subtitle{font-size:2.5rem;font-weight:300;color:var(--text-secondary);-webkit-text-fill-color:var(--text-secondary)}.footer-info{display:flex;justify-content:space-around;align-items:flex-start;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);margin-bottom:2rem}.info-box{flex:1;padding:0 1rem}.info-box h3{color:var(--theme-color);font-size:1.5rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:2px}.info-box p{color:var(--text-primary);opacity:.8;font-size:1rem;line-height:1.5}.quiz-slide{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;border-radius:0!important;text-align:left;padding:4rem 15%;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.quiz-slide::-webkit-scrollbar{display:none}.questions-container{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.question-text{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.options-group{display:flex;flex-direction:column;gap:.5rem}.option-label{display:flex;align-items:center;gap:10px;cursor:pointer;background:#ffffff0d;padding:10px;border-radius:8px;transition:background .2s}.option-label:hover{background:#ffffff26}.option-text{font-size:1.2rem}.submit-btn{padding:1rem 3rem;font-size:1.5rem;font-weight:700;color:var(--bg-color);border:none;border-radius:50px;cursor:pointer;transition:transform .2s;display:block;margin:0 auto}.submit-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #00000080}.result-overlay{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006;z-index:200;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out}.result-modal{background:#2a2a2a;padding:3rem;border-radius:20px;text-align:center;box-shadow:0 20px 60px #000c;border:1px solid rgba(255,255,255,.1);max-width:400px}.score-display{font-size:4rem;font-weight:700;margin:1rem 0}.feedback-msg{font-size:1.5rem;margin-bottom:2rem}.close-modal-btn{background:transparent;border:1px solid white;color:#fff;padding:.5rem 1.5rem;border-radius:5px;cursor:pointer}.close-modal-btn:hover{background:#fff;color:#000}.final-slide{width:90%;height:90%;display:flex;flex-direction:column;justify-content:space-between;text-align:center;animation:fadeIn .8s ease-in-out}.restart-btn{margin-top:3rem;padding:1rem 2rem;font-size:1.2rem;background-color:transparent;color:var(--theme-color);border:2px solid var(--theme-color);border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:700;text-transform:uppercase;letter-spacing:1px}.restart-btn:hover{background-color:var(--theme-color);color:var(--bg-color);box-shadow:0 0 20px var(--theme-color);transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media(max-width:900px){.detail-slide{flex-direction:column;text-align:center;gap:2rem}.section-title{font-size:3rem}.detail-title{font-size:2.5rem}.detail-desc{font-size:1.2rem}.nav-arrow{width:40px;height:40px;font-size:1.5rem}}@media(max-width:768px){.welcome-title{font-size:3rem}.subtitle{font-size:1.5rem}.footer-info{flex-direction:column;gap:2rem}.nav-arrow{top:auto;transform:none;bottom:calc(60px + env(safe-area-inset-bottom));width:50px;height:50px;font-size:1.5rem}.nav-arrow.left{left:auto;right:50%;margin-right:80px}.nav-arrow.right{right:auto;left:50%;margin-left:80px}.nav-arrow:hover{transform:scale(1.1)}.page-indicator{right:auto;bottom:calc(70px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#00000080;padding:5px 15px;border-radius:20px;white-space:nowrap}.welcome-slide,.section-slide,.detail-slide,.final-slide,.quiz-slide{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:100vh;padding-bottom:160px!important;box-sizing:border-box;scrollbar-width:none}.welcome-slide::-webkit-scrollbar,.section-slide::-webkit-scrollbar,.detail-slide::-webkit-scrollbar,.final-slide::-webkit-scrollbar,.quiz-slide::-webkit-scrollbar{display:none}.detail-slide{flex-direction:column}}