@supports (height:100dvh){.container{min-height:100dvh!important}}@media screen and (max-width:768px){body,html{height:100%;overflow-x:hidden}.container{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);padding-bottom:.5rem}.container,main{padding-top:.8rem!important}main{flex:1 1;display:flex;flex-direction:column;justify-content:flex-start}h1{font-size:clamp(1rem,3.5vw,1.3rem)!important;margin-top:.8rem!important;margin-bottom:.4rem!important;line-height:1.1!important;padding:.4rem 0!important}.description{font-size:.8rem!important;margin-bottom:.5rem!important;line-height:1.2!important}}@media screen and (max-height:600px){.container,main{padding-top:.5rem!important}h1{font-size:1rem!important;margin:.3rem 0!important;padding:.2rem 0!important}.description{font-size:.75rem!important;margin-bottom:.3rem!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(74,144,226,.3)}50%{box-shadow:0 0 20px rgba(74,144,226,.6),0 0 30px rgba(74,144,226,.4)}}:root{--primary-color:#232F3E;--secondary-color:#FF9900;--text-color:#ffffff;--success-color:#4caf50;--error-color:#f44336;--light-bg:#f8f8f8;--millionaire-blue:#0066cc;--millionaire-silver:#c0c0c0;--millionaire-dark:#001133;--accent-color:#4a90e2}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow:hidden;font-family:Arial,sans-serif;height:100vh;background:linear-gradient(-45deg,#232F3E,#FF9900,#0066cc,#FF6600,#1a237e,#ff8f00);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:var(--text-color)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(255,153,0,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(35,47,62,.4) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,102,204,.2) 0,transparent 50%);animation:fluidMotion 20s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes fluidMotion{0%,to{transform:scale(1) rotate(0deg);opacity:.8}33%{transform:scale(1.1) rotate(120deg);opacity:.6}66%{transform:scale(.9) rotate(240deg);opacity:.9}}a{color:inherit;text-decoration:none}.container{max-width:1200px;padding:.5rem;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:fadeInUp .8s ease-out}.container,.quiz-container{margin:0 auto;overflow:hidden;box-sizing:border-box;position:relative}.quiz-container{background:rgba(26,35,50,1);border-radius:20px;padding:1rem 1rem 5rem;box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 0 1px rgba(192,192,192,.3);border:2px solid var(--millionaire-silver);max-width:1000px;width:100%;height:75vh;display:grid;grid-template-rows:auto 180px 140px auto;grid-gap:1rem;animation:scaleIn .7s ease-out .4s both,glow 2s ease-in-out 1.2s infinite}@media screen and (max-width:768px){.quiz-container{height:calc(100vh - 160px);min-height:450px;padding:.8rem .8rem 4rem;border-radius:15px;grid-template-rows:auto minmax(140px,1fr) minmax(110px,auto) auto;grid-gap:.8rem}}.quiz-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--millionaire-silver),var(--accent-color),var(--millionaire-silver));border-radius:22px;z-index:-1;animation:borderGlow 4s ease-in-out infinite alternate}@keyframes borderGlow{0%{opacity:.3}to{opacity:.6}}.description{animation:fadeInUp .6s ease-out .3s both}.title{text-align:center;margin-bottom:.8rem;color:var(--accent-color);font-size:1.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:1px;flex-shrink:0;animation:slideInFromLeft .6s ease-out .2s both}.question{font-size:1.2rem;color:var(--text-color);text-align:center;background:rgba(42,52,65,1);padding:1.2rem;border-radius:15px;border:1px solid rgba(192,192,192,.3);line-height:1.4;font-weight:500;height:180px;overflow-y:auto;display:flex;flex-direction:column;justify-content:center}.options,.question{margin:0;box-sizing:border-box}.options{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem;height:140px}.option-button{border:2px solid var(--millionaire-silver);border-radius:15px;background:linear-gradient(135deg,rgba(42,52,65,1),rgba(30,40,50,1));font-size:.85rem;cursor:pointer;transition:all .3s ease;word-break:break-word;color:var(--text-color);font-weight:500;position:relative;overflow:hidden;text-align:left;height:60px;display:flex;align-items:center;justify-content:flex-start;padding:.8rem .8rem .8rem 1.2rem;box-sizing:border-box}.option-label{margin-right:.8rem;font-weight:700;color:var(--accent-color);font-size:1rem;flex-shrink:0}.option-text{color:#ffffff;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.option-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:left .5s}.option-button:hover:before{left:100%}.option-button:hover{background:linear-gradient(135deg,#3a4451,#2e3a42);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 10px 20px rgba(74,144,226,.2)}.option-button.correct{background:linear-gradient(135deg,#4caf50,#388e3c);border-color:var(--success-color);animation:correctPulse 1s ease-in-out}.option-button.correct .option-text{color:#ffffff;text-shadow:1px 1px 2px rgba(0,0,0,.7);font-weight:600}.option-button.incorrect{background:linear-gradient(135deg,#f44336,#d32f2f);border-color:var(--error-color);animation:incorrectShake .5s ease-in-out}.option-button.incorrect .option-text{color:#ffffff;text-shadow:1px 1px 2px rgba(0,0,0,.7);font-weight:600}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes incorrectShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.result{margin:0;padding:.8rem;border-radius:15px;text-align:center;font-weight:700;font-size:.9rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-shrink:0}.result.correct{background:#4caf50;color:#ffffff;border:1px solid var(--success-color)}.result.incorrect{background:#f44336;color:#ffffff;border:1px solid var(--error-color)}.explanation{font-weight:400;margin-top:.6rem;font-size:.8rem;color:#ffffff;text-align:left;background:#3a4451;padding:.6rem;border-radius:10px;border-left:4px solid var(--accent-color);line-height:1.3;max-height:80px;overflow-y:auto}.next-button{font-size:1.1rem}.next-button:hover{background:linear-gradient(135deg,#357abd,var(--accent-color));transform:translateY(-2px);box-shadow:0 8px 25px rgba(74,144,226,.4)}.next-button:disabled{background:rgba(128,128,128,.5);box-shadow:none;color:rgba(255,255,255,.5)}.score{font-size:1.4rem;font-weight:700;color:var(--accent-color);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.summary{text-align:center;margin-top:2rem}@media screen and (max-width:768px){.summary p{font-size:1.6rem!important}.summary p:first-child{font-size:1.8rem!important}}@media screen and (max-width:480px){.summary p{font-size:1.4rem!important}.summary p:first-child{font-size:1.6rem!important}}.share-button{padding:1rem 2rem;background:linear-gradient(135deg,#1da1f2,#0d8bd9);color:white;border:none;border-radius:25px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px rgba(29,161,242,.3)}.share-button:hover{background:linear-gradient(135deg,#0d8bd9,#1da1f2);transform:translateY(-2px);box-shadow:0 8px 25px rgba(29,161,242,.4)}.controls{position:absolute;bottom:1rem;right:1rem;display:flex;justify-content:flex-end;align-items:center}.next-button{padding:1rem 2rem;background:linear-gradient(135deg,var(--accent-color),#357abd);color:white;border:none;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px rgba(74,144,226,.3)}.next-button:hover:not(:disabled){background:linear-gradient(135deg,#357abd,var(--accent-color));transform:translateY(-2px);box-shadow:0 8px 25px rgba(74,144,226,.4)}.next-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.restart-button{padding:1rem 2rem;background:linear-gradient(135deg,var(--secondary-color),#ff6600);color:white;border:none;border-radius:25px;font-size:1.1rem;cursor:pointer;margin-top:0;transition:all .3s ease;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px rgba(255,153,0,.3)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;box-sizing:border-box}.modal-content{background:rgba(42,52,65,1);border-radius:20px;padding:2rem;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative;border:2px solid var(--millionaire-silver);box-shadow:0 20px 40px rgba(0,0,0,.5)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(192,192,192,.3)}.modal-title{font-size:1.3rem;font-weight:700;color:#ffffff;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#ffffff;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .3s ease}.modal-close:hover{background-color:rgba(255,255,255,.1)}.modal-body{color:#ffffff;line-height:1.6;font-size:1rem}.modal-links{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(192,192,192,.3)}.modal-links h4{color:var(--accent-color);margin-bottom:.8rem;font-size:1.1rem}.modal-link{display:block;color:var(--accent-color);text-decoration:none;padding:.5rem 0;border-bottom:1px solid rgba(74,144,226,.2);transition:color .3s ease}.modal-link:hover{color:#ffffff;text-decoration:underline}.result-modal{max-width:700px}.result-status{font-size:1.4rem;font-weight:700;margin:0}.result-status.correct{color:#4caf50}.result-status.incorrect{color:#f44336}.correct-answer{background:rgba(244,67,54,.15);border:1px solid rgba(244,67,54,.4);border-radius:10px;padding:1rem;margin:1rem 0;color:#ffffff;font-size:1rem}.modal-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(192,192,192,.3);display:flex;justify-content:center}.next-question-button{padding:1rem 2rem;background:linear-gradient(135deg,var(--accent-color),#357abd);color:white;border:none;border-radius:25px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px rgba(74,144,226,.3)}.next-question-button:hover{background:linear-gradient(135deg,#357abd,var(--accent-color));transform:translateY(-2px);box-shadow:0 8px 25px rgba(74,144,226,.4)}.modal-body h4{color:var(--accent-color);margin-bottom:1rem;margin-top:1.5rem;font-size:1.2rem}.inline-link{color:var(--accent-color);text-decoration:underline;transition:color .3s ease}.inline-link:hover{color:#ffffff}.modal-body h4:first-child{margin-top:0}.perfect-score{color:var(--accent-color);font-weight:700;margin:1rem 0;font-size:1.4rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);animation:blueGlow 2s ease-in-out infinite alternate}@keyframes blueGlow{0%{text-shadow:1px 1px 2px rgba(0,0,0,.5)}to{text-shadow:0 0 20px rgba(74,144,226,.8),1px 1px 2px rgba(0,0,0,.5)}}.good-score{color:#81c784}.average-score,.good-score{font-weight:700;margin:1rem 0;font-size:1.2rem}.average-score{color:#ffb74d}.low-score{color:#e57373;font-weight:700;margin:1rem 0;font-size:1.2rem}footer{margin-top:2rem;position:absolute;bottom:5px;left:50%;transform:translateX(-50%);flex-shrink:0;text-align:center}footer p{color:rgba(255,255,255,.4);font-size:.7rem;margin:0}footer a{color:rgba(255,255,255,.6);text-decoration:none;margin-left:.5rem;transition:color .3s ease}footer a:hover{color:rgba(255,255,255,.8)}@media (max-width:768px){.container{padding:.3rem;height:100vh}.quiz-container{padding:.8rem .8rem 5rem;height:80vh;grid-template-rows:auto 140px 200px auto}.title{font-size:1.2rem;margin-bottom:.6rem}.question{font-size:1.1rem;padding:1rem;height:140px}.options{grid-template-columns:1fr;gap:.5rem;height:200px}.option-button{font-size:.8rem;height:45px;padding:.6rem .6rem .6rem 1rem}.controls{bottom:.8rem;right:.8rem}.option-label{margin-right:.6rem;font-size:.9rem}.result{margin:0;padding:.6rem;font-size:.8rem}.explanation{font-size:.75rem;padding:.5rem;margin-top:.5rem;max-height:60px}.next-button,.restart-button,.share-button{padding:.8rem 1.5rem;font-size:1rem}.summary div{flex-direction:column;gap:1rem}.modal-content{padding:1.5rem;margin:.5rem}.modal-title{font-size:1.1rem}.modal-body{font-size:.9rem}.result-status{font-size:1.2rem}.correct-answer{font-size:.9rem;padding:.8rem}.next-question-button{padding:.8rem 1.5rem;font-size:1rem}.modal-body h4{font-size:1.1rem}main{padding-top:.5rem!important}main>div:first-child{margin-bottom:.5rem!important}main h1{font-size:1.3rem!important;margin-bottom:.3rem!important}main p{font-size:.75rem!important;line-height:1.1!important}}