body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;color:#fff;background-size:cover;background-repeat:no-repeat}.questionbox{max-width:700px;margin:0 auto;padding:30px;background-color:#140032b3;border-radius:20px;box-shadow:0 0 20px #000;color:#fff;font-family:Segoe UI,sans-serif}.question{font-size:24px;font-weight:700;margin-bottom:25px;text-align:center}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;justify-items:center}.answer-option{width:90%;max-width:400px;padding:14px 20px;font-size:18px;border:2px solid #9f9fff;border-radius:12px;background:linear-gradient(to right,#200080,#3f3fff);color:#fff;cursor:pointer;transition:.3s ease}.answer-option:hover{background-color:#ffe600;color:#000}.correctanswer{background-color:#4caf50!important;color:#fff;border-color:#4caf50}.wronganswer{background-color:#f44336!important;color:#fff;border-color:#f44336}.timeup{color:#ff4c4c;margin-top:20px;text-align:center;font-size:18px;font-weight:700}.right{flex:1;background:#060638e8;color:#fff;overflow-y:auto;padding:20px;max-width:250px;border-left:3px solid #3b3b8c}.array{list-style:none;padding:0;margin:0}.item{display:flex;justify-content:space-between;padding:10px;border-radius:8px;margin-bottom:8px;font-weight:700;transition:all .3s}.itemactive{display:flex;justify-content:space-between;padding:10px 14px;border-radius:6px;background-color:#03a89e;color:#000;font-weight:700}.timer-display{width:60px;height:60px;border:5px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;background-color:#000;color:#fff;margin:auto}.resultpage{position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(/bg-3.png) no-repeat center/cover;display:flex;justify-content:flex-end;align-items:flex-start;padding-top:220px;padding-right:190px;z-index:999;box-sizing:border-box}.resultbox{background:#ffffff1f;padding:25px 30px;border-radius:18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 24px #ffffff2e;text-align:center;max-width:320px;width:100%;color:#fff;margin:0 20px}.text{font-size:24px;font-weight:700;margin-bottom:24px;line-height:1.2}.btn{padding:12px 32px;background-color:#fff;color:#000;font-weight:600;font-size:16px;border:none;border-radius:12px;width:100%;max-width:240px;margin:0 auto;display:block}.btn:hover{background-color:#f0f0f0;transform:translateY(-2px)}@media (max-width: 480px){.resultpage{justify-content:flex-end;align-items:flex-end;padding:0}.resultbox{margin:20px;max-width:90%}.text{font-size:20px;margin-bottom:20px}.btn{font-size:15px;padding:10px 20px}}.quizbody{display:flex;height:100vh;background-size:cover;background-position:center;position:relative}.quiz{flex:3;display:flex;flex-direction:column;justify-content:space-between;padding:30px;background:#00004099}.top{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.timer{display:flex;justify-content:center}.bottom{display:flex;justify-content:center;align-items:center;flex:1}.mainbox{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/bg-1.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#0d0d40;gap:10px}.ip{margin-top:460px;padding:12px 20px;background-color:#f1e9b1;font-size:16px;border-radius:6px;border:none;width:250px;text-align:center}.btn{padding:12px 20px;font-size:16px;background-color:#d4e611;border:none;border-radius:6px;cursor:pointer;transition:.2s}.btn:hover{background-color:#11e65c;color:#fff}