@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;list-style:none;margin:0;padding:0;text-decoration:none}body{background:linear-gradient(90deg,#e2e2e2,#c9d6ff)}.container{background:#fff;border-radius:30px;box-shadow:0 0 30px #0003;height:550px;margin:20px;overflow:hidden;position:relative;width:850px}.container h1{font-size:36px;margin:-10px 0}.container p{font-size:14.5px;margin:15px 0}form{width:100%}.form-box{align-items:center;background:#fff;color:#333;display:flex;height:100%;padding:40px;position:absolute;right:0;text-align:center;transition:.6s ease-in-out 1.2s,visibility 0s 1s;width:50%;z-index:1}.container.active .form-box{right:50%}.form-box.register{visibility:hidden}.container.active .form-box.register{visibility:visible}.input-box{margin:30px 0;position:relative}.input-box input{background:#eee;border:none;border-radius:8px;color:#333;font-size:16px;font-weight:500;outline:none;padding:13px 50px 13px 20px;width:100%}.input-box input::placeholder{color:#888;font-weight:400}.input-box i{font-size:20px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.forgot-link{margin:-15px 0 15px}.forgot-link a{color:#333;font-size:14.5px}.btn{background:#7494ec;border:none;border-radius:8px;box-shadow:0 0 10px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:48px;width:100%}.social-icons{display:flex;justify-content:center}.social-icons a{border:2px solid #ccc;border-radius:8px;color:#333;display:inline-flex;font-size:24px;margin:0 8px;padding:10px}.toggle-box{height:100%;position:absolute;width:100%}.toggle-box:before{background:#7494ec;border-radius:150px;content:"";height:100%;left:-250%;position:absolute;transition:1.8s ease-in-out;width:300%;z-index:2}.container.active .toggle-box:before{left:50%}.toggle-panel{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;transition:.6s ease-in-out;width:50%;z-index:2}.toggle-panel.toggle-left{left:0;transition-delay:1.2s}.container.active .toggle-panel.toggle-left{left:-50%;transition-delay:.6s}.toggle-panel.toggle-right{right:-50%;transition-delay:.6s}.container.active .toggle-panel.toggle-right{right:0;transition-delay:1.2s}.toggle-panel p{margin-bottom:20px}.toggle-panel .btn{background:#0000;border:2px solid #fff;box-shadow:none;height:46px;width:160px}@media screen and (max-width:650px){.container{height:calc(100vh - 40px)}.form-box{bottom:0;height:70%;width:100%}.container.active .form-box{bottom:30%;right:0}.toggle-box:before{border-radius:20vw;height:300%;left:0;top:-270%;width:100%}.container.active .toggle-box:before{left:0;top:70%}.container.active .toggle-panel.toggle-left{left:0;top:-30%}.toggle-panel{height:30%;width:100%}.toggle-panel.toggle-left{top:0}.toggle-panel.toggle-right{bottom:-30%;right:0}.container.active .toggle-panel.toggle-right{bottom:0}}@media screen and (max-width:400px){.form-box{padding:20px}.toggle-panel h1{font-size:30px}}body{align-items:center;background:linear-gradient(90deg,#e0e0e0,#f1f1f3);display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;padding:0}.quiz-container{background-color:#fff;border-radius:16px;box-shadow:0 8px 20px #0000001a;padding:30px 40px;text-align:center;width:400px}.quiz-container h2{margin-bottom:20px}.quiz-container label{font-size:16px}.quiz-container select{border:1px solid #aaa;border-radius:8px;font-size:14px;margin-left:10px;padding:8px 10px}.quiz-container button{background-color:#4e54c8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;margin-top:20px;padding:10px 18px;transition:background-color .3s}.quiz-container button:hover{background-color:#2125f3}.quiz-container .option-button{background-color:#2672e4;border:1px solid #ccc;border-radius:8px;cursor:pointer;display:block;font-size:14px;margin:8px auto;padding:10px 14px;width:100%}.navigation-buttons{display:flex;justify-content:space-between;margin-top:15px}.navigation-buttons button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;padding:10px 20px;transition:background-color .2s}.navigation-buttons button:hover{background-color:#2563eb}.navigation-buttons button:disabled{background-color:#a5b4fc;cursor:not-allowed}.quiz-report-container{background:#0000;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;padding:2rem}.quiz-report-container h2{color:#222;font-size:2.4rem;font-weight:700;margin-bottom:1.5rem}.highest-score-section{margin-bottom:2rem}.highest-score-section h3{color:#5a2971;font-size:1.8rem;margin-bottom:1rem}.highlight{background-color:#f8f0ff;border-radius:12px;box-shadow:0 4px 10px #5a29711a;color:#5a2971;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 1.5rem}.quiz-report-list{grid-gap:1.5rem;display:grid;gap:1.5rem}@media (min-width:768px){.quiz-report-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.quiz-report-list{grid-template-columns:repeat(4,1fr)}}.quiz-report-item{background-color:#fff;border-radius:15px;box-shadow:0 6px 12px #00000014;list-style:none;opacity:0;padding:1.2rem;transform:translateX(100px);transition:transform .2s}.quiz-report-item:hover{transform:translateY(-4px)}.quiz-report-item p{color:#333;font-size:1rem;margin:.4rem 0}.quiz-report-item strong{color:#555;font-weight:600}.taken-on{color:#777;font-size:.95rem;font-style:italic;margin-top:1rem}.slide-in-left,.slide-in-right{opacity:1;transform:translateX(0);transition:all .6s ease-out}.slide-out-left{transform:translateX(-100px)}.slide-out-left,.slide-out-right{opacity:0;transition:all .6s ease-out}.slide-out-right{transform:translateX(100px)}.top-scores-container{background:#0000;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem}.top-scores-container h2{align-items:center;color:#222;display:flex;font-size:2.4rem;font-weight:700;gap:10px;justify-content:center;margin-bottom:2rem;text-align:center}.score-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;justify-content:center}@media (min-width:768px){.score-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.score-list{grid-template-columns:repeat(4,1fr)}}.score-card.visible{opacity:1;transform:translateX(0)}.score-card p{color:#333;font-size:1rem;margin:.4rem 0}.score-card strong{color:#555;font-weight:600}.score-card{background-color:#fff;border-radius:15px;box-shadow:0 6px 12px #00000014;opacity:0;padding:1.2rem;transform:translateX(0);transition:all .8s ease}.score-card.animate-left{transform:translateX(-80px)}.score-card.animate-right{transform:translateX(80px)}.score-card.visible.animate-left,.score-card.visible.animate-right{opacity:1;transform:translateX(0)}.footer{background-color:#1a1a1a;color:#ddd;font-size:.85rem;height:18vh;padding:1.5rem 1rem;text-align:center}.footer-content{margin:0 auto;max-width:600px}.footer .social-icons{display:flex;gap:1rem;justify-content:center;margin:.8rem 0}.footer .social-icons a{background-color:#2c2c2c;border:1px solid #0000;border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.footer .social-icons a:hover{background-color:#444;border-color:#888;transform:scale(1.05)}.footer .terms{color:#aaa;margin-top:.5rem}.footer .terms a{color:#fff;font-weight:500;text-decoration:underline}.user-profile{align-items:center;display:flex;justify-content:center;padding:2rem}.user-card{animation:fadeInUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 6px 12px #0000001a;max-width:400px;padding:2rem;text-align:center}.user-card h2{color:#333;font-size:1.8rem;margin-top:1rem}.user-card p{color:#555;font-size:1rem;margin:.5rem 0}.avatar{background:#eee;border-radius:50%;height:100px;object-fit:cover;width:100px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}body{padding-top:100px}.terms-container{background-color:#fdfdfd;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:85vh;line-height:1.6;margin:2rem auto;max-width:700px;padding:2rem}.terms-container h1{border-bottom:2px solid #ccc;color:#222;font-size:2rem;margin-bottom:1rem;padding-bottom:.5rem}.terms-container h2{color:#444;font-size:1.25rem;margin-top:1.5rem}.terms-container ul{margin-top:.5rem;padding-left:1.5rem}.terms-container li{list-style-type:disc;margin-bottom:.75rem}@media (max-width:600px){.terms-container{padding:1rem}.terms-container h1{font-size:1.5rem}.terms-container h2{font-size:1.1rem}}
/*# sourceMappingURL=main.da00366e.css.map*/