*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:root{--primary: #6e8efb;--primary-dark: #5d7ce6;--secondary: #a777e3;--text-primary: #333;--text-secondary: #555;--background: #f5f7ff;--card-bg: white;--border-color: #ddd;--animation-timing: cubic-bezier(.175, .885, .32, 1.275)}html{scroll-behavior:smooth}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .3s ease}button{font-family:inherit;-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}input,button,textarea,select{font:inherit;color:inherit}@media (max-width: 768px){button,a,input[type=button],input[type=submit]{min-height:44px;min-width:44px}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s var(--animation-timing)}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s var(--animation-timing)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c5d0f6;border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#6e8efb}::selection{background-color:#6e8efb33;color:var(--primary-dark)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-shimmer{background:linear-gradient(90deg,#fff0,#fff9,#fff0);background-size:200% 100%;animation:shimmer 1.5s infinite}@media (max-width: 768px){html{font-size:95%}}@media (max-width: 480px){html{font-size:90%}}html{-webkit-text-size-adjust:100%}input,textarea{-webkit-appearance:none;border-radius:0}img{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.login-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f7ff;animation:fadeIn .5s ease-out}.login-title{text-align:center;margin-top:4rem;margin-bottom:3rem;color:#333;font-size:2rem;font-weight:600;animation:slideDown .7s ease-out}.google-button{display:flex;align-items:center;justify-content:center;margin:0 auto;padding:.8rem 1.5rem;background-color:#fff;color:#444;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 4px #0000001a;position:relative;width:250px;animation:fadeInUp .7s ease-out .3s;animation-fill-mode:both;overflow:hidden}.google-button:before{content:"";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="%23EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/><path fill="%234285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/><path fill="%23FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/><path fill="%2334A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/><path fill="none" d="M0 0h48v48H0z"/></svg>');width:18px;height:18px;margin-right:10px;background-size:contain;background-repeat:no-repeat;display:inline-block;transition:transform .3s ease}.google-button:hover{background-color:#f8f8f8;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.google-button:hover:before{transform:scale(1.1)}.google-button:active{background-color:#eee;box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.google-button:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.google-button:focus:not(:active):after{animation:ripple 1s ease-out}@media (max-width: 768px){.login-title{font-size:1.5rem;margin-top:3rem;margin-bottom:2rem}.google-button{width:220px;font-size:.9rem}}@media (max-width: 480px){.login-title{font-size:1.3rem;margin-top:2.5rem}.google-button{width:80%;max-width:220px;font-size:.85rem}}.header{background-color:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:999;transition:box-shadow .3s ease}.header:hover{box-shadow:0 4px 15px #00000026}.header-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:1200px;margin:0 auto}.header-logo{font-size:1.8rem;font-weight:700;color:#6e8efb;cursor:pointer;position:relative;transition:all .3s ease}.header-logo:hover{color:#a777e3;transform:scale(1.05)}.header-logo:after{content:"";position:absolute;width:0;height:3px;bottom:-5px;left:0;background:linear-gradient(90deg,#6e8efb,#a777e3);transition:width .3s ease;border-radius:3px}.header-logo:hover:after{width:100%}.header-nav-links{display:flex;gap:1.5rem}.header-nav-links button{background:none;border:none;color:#555;font-size:1rem;cursor:pointer;padding:.5rem;transition:all .3s ease;position:relative}.header-nav-links button:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background:#6e8efb;transition:all .3s ease;transform:translate(-50%)}.header-nav-links button:hover{color:#6e8efb}.header-nav-links button:hover:after{width:80%}.header-login-btn,.header-logout-btn{border:none;border-radius:4px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.header-login-btn{background-color:#6e8efb;color:#fff}.header-login-btn:hover{background-color:#5d7ce6;transform:translateY(-2px);box-shadow:0 4px 10px #6e8efb66}.header-login-btn:active{transform:translateY(1px);box-shadow:none}.header-logout-btn{background-color:#f8f9fa;color:#555;border:1px solid #ddd}.header-logout-btn:hover{background-color:#f1f3f5;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.header-menu-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#555;transition:all .3s ease}.header-menu-btn:hover{color:#6e8efb;transform:rotate(90deg)}.header-mobile-menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;transition:max-height .4s ease;background:#fff;border-top:1px solid #eee}.header-mobile-menu.open{max-height:500px}.header-mobile-menu button{background:none;border:none;color:#555;font-size:1rem;cursor:pointer;padding:.8rem;text-align:left;border-bottom:1px solid #eee;transition:all .3s ease}.header-mobile-menu button:hover{background-color:#f8f9fa;padding-left:1rem;color:#6e8efb}.header-mobile-menu button:last-child{border-bottom:none}@media (max-width: 768px){.header-container{padding:.8rem 1rem}.header-logo{font-size:1.5rem}.header-nav-links,.header-login-btn,.header-logout-btn{display:none}.header-menu-btn{display:block}}@media (max-width: 480px){.header-container{padding:.7rem .8rem}.header-logo,.header-menu-btn{font-size:1.3rem}.header-mobile-menu button{font-size:.9rem;padding:.7rem}}.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:block!important}.header-nav-links .mobile-only{display:none!important}}.dashboard-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f7ff;padding-bottom:3rem;animation:fadeIn .5s ease-out}.dashboard-title{text-align:center;margin:2rem 0 1rem;color:#333;font-size:2rem;font-weight:600;animation:slideDown .7s ease-out}.user-info{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:2rem;margin:0 auto 2rem;max-width:500px;width:90%;display:flex;flex-direction:column;align-items:center;animation:fadeInUp .7s ease-out .2s;animation-fill-mode:both;transition:transform .3s ease,box-shadow .3s ease}.user-info:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.user-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:1.5rem;border:3px solid #6e8efb;transition:all .3s ease;animation:pulse 2s infinite alternate}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #6e8efb66}to{transform:scale(1.05);box-shadow:0 0 0 10px #6e8efb00}}.user-info:hover .user-avatar{transform:scale(1.1);border-width:4px;animation:none}.user-info p{margin:.5rem 0;font-size:1rem;width:100%;transition:transform .3s ease}.user-info p:hover{transform:translate(5px);color:#6e8efb}.user-info strong{color:#555;margin-right:.5rem}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#6e8efb;position:relative}.loading:after{content:"";width:30px;height:30px;border:3px solid rgba(110,142,251,.3);border-radius:50%;border-top-color:#6e8efb;animation:spin 1s ease-in-out infinite;margin-left:10px}.error{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#e74c3c;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media (max-width: 768px){.dashboard-title{font-size:1.5rem}.user-info{padding:1.5rem}.user-avatar{width:80px;height:80px}}@media (max-width: 480px){.dashboard-title{font-size:1.3rem;margin:1.5rem 0 .8rem}.user-info{padding:1.2rem;width:95%}.user-avatar{width:70px;height:70px;margin-bottom:1rem}.user-info p{font-size:.9rem}}.quizzes-container{padding:2rem;max-width:1200px;margin:0 auto;animation:fadeIn .5s ease-out}.quizzes-container h1{text-align:center;margin-bottom:2rem;color:#333;font-size:2rem;font-weight:600;animation:slideDown .7s ease-out;position:relative}.quizzes-container h1:after{content:"";position:absolute;width:60px;height:3px;background:linear-gradient(90deg,#6e8efb,#a777e3);bottom:-10px;left:50%;transform:translate(-50%);border-radius:3px;animation:expandWidth 1s ease-out forwards}.quizzes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;perspective:1000px}.quiz-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;transform-style:preserve-3d;animation:fadeInUp .7s ease-out;animation-fill-mode:both}.quizzes-grid .quiz-card:nth-child(1){animation-delay:.1s}.quizzes-grid .quiz-card:nth-child(2){animation-delay:.2s}.quizzes-grid .quiz-card:nth-child(3){animation-delay:.3s}.quizzes-grid .quiz-card:nth-child(4){animation-delay:.4s}.quizzes-grid .quiz-card:nth-child(5){animation-delay:.5s}.quizzes-grid .quiz-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) rotateX(5deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.quiz-card:hover{transform:translateY(-10px) scale(1.03) rotateX(2deg);box-shadow:0 15px 30px #0003}.quiz-card:active{transform:translateY(-5px) scale(.98)}.quiz-image{width:100%;height:160px;object-fit:cover;transition:all .5s ease;transform-origin:center}.quiz-card:hover .quiz-image{transform:scale(1.1);filter:brightness(1.1)}.quiz-card h2{padding:1rem 1rem .5rem;font-size:1.3rem;color:#333;transition:all .3s ease;position:relative}.quiz-card:hover h2{color:#6e8efb}.quiz-card h2:after{content:"";position:absolute;width:0;height:2px;background:linear-gradient(90deg,#6e8efb,#a777e3);bottom:0;left:1rem;transition:width .3s ease}.quiz-card:hover h2:after{width:calc(100% - 2rem)}.quiz-card p{padding:0 1rem 1rem;color:#666;font-size:.9rem;line-height:1.4;transition:all .3s ease}.quiz-card:hover p{color:#444}.quiz-score{background-color:#eaeffd;color:#6e8efb!important;font-weight:500;padding:.5rem 1rem!important;margin:0 1rem 1rem;border-radius:4px;font-size:.9rem;transition:all .3s ease!important;transform-origin:left}.quiz-card:hover .quiz-score{background-color:#d9e1fc;transform:scale(1.05);box-shadow:0 2px 8px #6e8efb33}@media (max-width: 992px){.quizzes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.quizzes-container{padding:1rem}.quizzes-container h1{font-size:1.5rem;margin-bottom:1.5rem}.quizzes-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width: 480px){.quizzes-container{padding:.8rem}.quizzes-container h1{font-size:1.3rem;margin-bottom:1.2rem}.quizzes-grid{grid-template-columns:1fr;gap:1rem}.quiz-card{max-width:100%}.quiz-image{height:140px}.quiz-card h2{font-size:1.1rem;padding:.8rem .8rem .4rem}.quiz-card p{padding:0 .8rem .8rem;font-size:.85rem}.quiz-score{margin:0 .8rem .8rem;padding:.4rem .8rem!important;font-size:.8rem}}.leaderboard-button{margin-top:10px;padding:6px 12px;background-color:#ffca28;border:none;border-radius:4px;font-weight:700;cursor:pointer}.leaderboard-button:hover{background-color:#ffc107}.notfound-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;background-color:#f8f9fa}.notfound-title{font-size:10rem;font-weight:700;color:#ff4d4d;animation:fadeIn 1.5s ease-in-out}.notfound-text{font-size:1.5rem;color:#333;margin-bottom:20px}.notfound-button{padding:10px 20px;font-size:1.2rem;color:#fff;background:#ff4d4d;border:none;border-radius:5px;cursor:pointer;transition:.3s;margin-bottom:50px}.notfound-button:hover{background:#d93636}.notfound-animation{width:100px;height:100px;position:relative}.ghost-1{width:80px;height:80px;background:#fff;border-radius:50%;position:absolute;bottom:10px;left:50%;transform:translate(-50%);animation:floatUpDown 2s infinite ease-in-out;box-shadow:0 0 30px #0003}.ghost-2{width:80px;height:80px;background:#fff;border-radius:50%;position:absolute;bottom:10px;left:50%;transform:translate(-50%);animation:floatDownUp 2s infinite ease-in-out;box-shadow:0 0 30px #0003}@keyframes floatUpDown{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes floatDownUp{0%,to{transform:translate(-50%) translateY(-10px)}50%{transform:translate(-50%) translateY(0)}}@keyframes floatAround{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-25px) translateY(-25px)}50%{transform:translate(-50px) translateY(0)}75%{transform:translate(-25px) translateY(25px)}}.home-container{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;animation:gradientShift 15s ease infinite;background-size:200% 200%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:2rem;text-align:center;animation:fadeIn .8s ease-out}.title{font-size:3.5rem;margin-bottom:1rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2);animation:slideInDown 1s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.subtitle{font-size:1.5rem;margin-bottom:2.5rem;opacity:.9;animation:slideInUp 1s ease-out .3s;animation-fill-mode:both}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-button{background-color:#fff;color:#6e8efb;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #0003;animation:pulseButton 2s infinite alternate;animation-delay:1.5s}@keyframes pulseButton{0%{transform:scale(1)}to{transform:scale(1.05)}}.login-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #00000040;animation:none}.login-button:active{transform:translateY(1px) scale(.98)}@media (max-width: 768px){.title{font-size:2.5rem}.subtitle{font-size:1.2rem}.login-button{padding:.8rem 2rem;font-size:1rem}}@media (max-width: 480px){.title{font-size:2rem}.subtitle{font-size:1rem;margin-bottom:2rem}.login-button{padding:.7rem 1.8rem;width:80%;max-width:250px}}.home-container{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#ff9a9e,#fad0c4,#a18cd1,#fbc2eb);color:#fff;animation:gradientShift 15s ease infinite;background-size:400% 400%}@keyframes gradientShift{0%{background-position:0% 50%}25%{background-position:50% 50%}50%{background-position:100% 50%}75%{background-position:50% 50%}to{background-position:0% 50%}}.create-quiz-container{width:50%;margin:auto;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a}form{display:flex;flex-direction:column}label{font-weight:700;margin-top:10px}input,textarea{padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;width:100%}.question-block{border:1px solid #ddd;padding:10px;margin-top:10px;border-radius:4px}button{background-color:#007bff;color:#fff;padding:8px;border:none;border-radius:4px;cursor:pointer;margin-top:10px}button:hover{background-color:#0056b3}.quiz-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background-color:#f5f7ff;animation:fadeIn .5s ease-out}.quiz-page h1{font-size:2.5rem;color:#333;margin-bottom:1rem;text-align:center;animation:slideDown .7s ease-out}.quiz-page p{font-size:1.1rem;color:#555;margin-bottom:2rem;text-align:center;max-width:600px;animation:fadeInUp .7s ease-out .2s;animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-page-btn{background-color:#6e8efb;color:#fff;border:none;border-radius:50px;padding:.8rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);margin:.5rem 0;position:relative;overflow:hidden;animation:fadeInUp .7s ease-out .4s;animation-fill-mode:both}.quiz-page-btn:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.quiz-page-btn:focus:not(:active):after{animation:ripple 1s ease-out}.quiz-page-btn:hover{background-color:#5d7ce6;transform:translateY(-3px) scale(1.03);box-shadow:0 6px 15px #6e8efb66}.quiz-page-btn:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 5px #6e8efb66}.quiz-page-btn:disabled{background-color:#b4c0f5;cursor:not-allowed;transform:none;box-shadow:none}.quiz-page-question-section{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:2rem;width:100%;max-width:700px;margin:0 auto;animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s ease,box-shadow .3s ease;position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.quiz-page-question-section:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.quiz-page-question-section h2{color:#333;margin-bottom:1rem;font-size:1.5rem;animation:slideInLeft .5s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.quiz-page-options{display:flex;flex-direction:column;gap:.8rem;margin:1.5rem 0}.quiz-page-options .quiz-page-btn{text-align:left;background-color:#f8f9fa;color:#333;border:1px solid #ddd;border-radius:8px;padding:1rem;transition:all .3s ease;animation:none;transform-origin:left}.quiz-page-options .quiz-page-btn:nth-child(1){animation:slideInRight .5s ease-out .1s both}.quiz-page-options .quiz-page-btn:nth-child(2){animation:slideInRight .5s ease-out .2s both}.quiz-page-options .quiz-page-btn:nth-child(3){animation:slideInRight .5s ease-out .3s both}.quiz-page-options .quiz-page-btn:nth-child(4){animation:slideInRight .5s ease-out .4s both}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.quiz-page-options .quiz-page-btn:hover{background-color:#eaeffd;border-color:#6e8efb;transform:translate(5px) scale(1.01);box-shadow:0 2px 8px #6e8efb33}.quiz-page-selected{background-color:#eaeffd!important;border-color:#6e8efb!important;font-weight:500;box-shadow:0 0 0 2px #6e8efb4d!important;animation:pulse 1.5s infinite!important}@keyframes pulse{0%{box-shadow:0 0 #6e8efb66}70%{box-shadow:0 0 0 5px #6e8efb00}to{box-shadow:0 0 #6e8efb00}}.quiz-page-timer{position:absolute;top:1rem;right:1rem;background-color:#f8f9fa;border-radius:50px;padding:.5rem 1rem;font-size:.9rem;color:#333;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;animation:fadeInDown .5s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quiz-page-timer:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.quiz-page-quiz-results{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:3rem;width:100%;max-width:500px;text-align:center;animation:celebrateResult .8s cubic-bezier(.175,.885,.32,1.275);margin-bottom:2rem}@keyframes celebrateResult{0%{opacity:0;transform:scale(.8) translateY(30px)}40%{transform:scale(1.1) translateY(-20px)}70%{transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.quiz-page-quiz-results h2{color:#333;margin-bottom:1.5rem;font-size:2rem;position:relative;display:inline-block}.quiz-page-quiz-results h2:before,.quiz-page-quiz-results h2:after{content:"🎉";position:absolute;top:0;animation:bounce 1s infinite alternate}.quiz-page-quiz-results h2:before{left:-30px;animation-delay:.2s}.quiz-page-quiz-results h2:after{right:-30px;animation-delay:.5s}@keyframes bounce{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-10px) rotate(10deg)}}.quiz-page-quiz-results p{font-size:1.2rem;color:#555;margin-bottom:2rem;animation:fadeIn 1s ease-out .5s both}.quiz-page-shuffle-toggle{display:flex;align-items:center;justify-content:center;margin:1.5rem 0;animation:fadeInUp .7s ease-out .6s;animation-fill-mode:both}.toggle-input{height:0;width:0;visibility:hidden;position:absolute}.toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:100px;height:40px;background:#f0f0f0;border-radius:100px;position:relative;transition:background-color .3s;padding:0 10px;font-weight:500;color:#555}.toggle-label .toggle-slider{position:absolute;top:5px;left:5px;width:30px;height:30px;border-radius:45px;transition:.3s;background:#fff;box-shadow:0 2px 5px #0003}.toggle-input:checked+.toggle-label{background:#6e8efb;color:#fff}.toggle-input:checked+.toggle-label .toggle-slider{left:calc(100% - 5px);transform:translate(-100%)}.toggle-label:active .toggle-slider{width:40px}.quiz-page-timer-input{display:flex;flex-direction:column;align-items:center;margin:1.5rem 0;animation:fadeInUp .7s ease-out .8s;animation-fill-mode:both;background-color:#fff;padding:1.2rem;border-radius:10px;box-shadow:0 4px 15px #0000001a;width:100%;max-width:300px;transition:transform .3s ease,box-shadow .3s ease}.quiz-page-timer-input:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.quiz-page-timer-input label{margin-bottom:.8rem;font-weight:500;color:#555}.quiz-page-timer-input input{width:100%;padding:.8rem;border:2px solid #eaeffd;border-radius:8px;font-size:1rem;transition:all .3s ease;text-align:center}.quiz-page-timer-input input:focus{outline:none;border-color:#6e8efb;box-shadow:0 0 0 3px #6e8efb33}.quiz-page-timer-input input:hover{border-color:#d0d9f9}.quiz-page-wrong-answers{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:2rem;width:100%;max-width:700px;margin:0 auto;animation:fadeInUp .7s ease-out 1s;animation-fill-mode:both}.quiz-page-wrong-answers h3{color:#333;margin-bottom:1.5rem;font-size:1.5rem;text-align:center;position:relative}.quiz-page-wrong-answers h3:after{content:"";position:absolute;width:50px;height:3px;background:linear-gradient(90deg,#6e8efb,#a777e3);bottom:-10px;left:50%;transform:translate(-50%);border-radius:3px}.quiz-page-wrong-answer{padding:1.5rem;margin-bottom:1rem;border-radius:8px;background-color:#fff8f8;border-left:4px solid #ff6b6b;transition:all .3s ease}.quiz-page-wrong-answer:hover{transform:translate(5px);box-shadow:0 4px 12px #ff6b6b1a}.quiz-page-wrong-answer p{margin:.5rem 0;text-align:left}.quiz-page-wrong-answer p:first-child{margin-top:0}.quiz-page-wrong-answer p:last-child{margin-bottom:0}.quiz-page-wrong-answer strong{color:#555}.quiz-page-wrong-answer hr{margin:1rem 0;border:none;height:1px;background-color:#f0f0f0}.quiz-page-wrong-answer:last-child hr{display:none}@media (max-width: 768px){.quiz-page{padding:1rem}.quiz-page h1{font-size:1.8rem}.quiz-page-question-section{padding:1.5rem}.quiz-page-timer{position:static;margin-bottom:1rem;justify-content:center}.quiz-page-quiz-results{padding:2rem}.quiz-page-wrong-answers{padding:1.5rem}.quiz-page-wrong-answer{padding:1rem}}@media (max-width: 480px){.quiz-page{padding:.8rem}.quiz-page h1{font-size:1.5rem}.quiz-page p{font-size:.9rem;margin-bottom:1.5rem}.quiz-page-question-section{padding:1.2rem}.quiz-page-question-section h2{font-size:1.2rem}.quiz-page-options .quiz-page-btn{padding:.8rem;font-size:.9rem}.quiz-page-timer{font-size:.8rem;padding:.4rem .8rem}.quiz-page-quiz-results{padding:1.5rem}.quiz-page-quiz-results h2{font-size:1.5rem}.quiz-page-quiz-results p{font-size:1rem}.quiz-page-btn{width:100%;padding:.7rem 1.5rem}.quiz-page-timer-input{padding:1rem}.quiz-page-timer-input input{padding:.6rem}.quiz-page-wrong-answers h3{font-size:1.2rem}.quiz-page-wrong-answer{padding:.8rem}.quiz-page-wrong-answer p{font-size:.85rem}}@keyframes timeWarning{0%{background-color:#f8f9fa}50%{background-color:#ffebeb}to{background-color:#f8f9fa}}.quiz-page-timer-warning{animation:timeWarning 1s infinite;color:#ff6b6b;font-weight:700}.leaderboard-container{display:flex;flex-direction:column;max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;animation:fadeIn .5s ease-out;transition:transform .3s ease,box-shadow .3s ease}.leaderboard-container:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.leaderboard-title{font-size:2rem;color:#333;margin-bottom:1.5rem;text-align:center;position:relative;animation:slideDown .7s ease-out}.leaderboard-title:after{content:"";position:absolute;width:60px;height:3px;background:linear-gradient(90deg,#6e8efb,#a777e3);bottom:-10px;left:50%;transform:translate(-50%);border-radius:3px;animation:expandWidth 1s ease-out forwards}@keyframes expandWidth{0%{width:0}to{width:60px}}.leaderboard-title .trophy{display:inline-block;margin-right:.5rem;animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-5px) rotate(5deg)}}.leaderboard-table{width:100%;border-collapse:collapse;margin-top:1rem;box-shadow:0 2px 10px #0000000d;border-radius:8px;overflow:hidden}.leaderboard-table thead{background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff}.leaderboard-table th{padding:1rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.leaderboard-table th:first-child{border-top-left-radius:8px}.leaderboard-table th:last-child{border-top-right-radius:8px;text-align:center}.leaderboard-table tbody tr{background-color:#fff;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.leaderboard-table tbody tr:nth-child(2n){background-color:#f9faff}.leaderboard-table tbody tr:hover{background-color:#eaeffd;transform:translate(5px)}.leaderboard-table tbody tr:nth-child(1){animation:highlightGold 2s infinite alternate}.leaderboard-table tbody tr:nth-child(2){animation:highlightSilver 2s infinite alternate}.leaderboard-table tbody tr:nth-child(3){animation:highlightBronze 2s infinite alternate}@keyframes highlightGold{0%{box-shadow:inset 0 0 #ffd70033}to{box-shadow:inset 0 0 0 40px #ffd70033}}@keyframes highlightSilver{0%{box-shadow:inset 0 0 #c0c0c033}to{box-shadow:inset 0 0 0 40px #c0c0c033}}@keyframes highlightBronze{0%{box-shadow:inset 0 0 #cd7f3233}to{box-shadow:inset 0 0 0 40px #cd7f3233}}.leaderboard-table td{padding:1rem;border-right:1px solid #f0f0f0}.leaderboard-table td:last-child{border-right:none;text-align:center;font-weight:600;color:#6e8efb}.rank-cell{font-weight:700;width:80px;text-align:center}.rank-1,.rank-2,.rank-3{font-size:1.2rem;position:relative}.rank-1:after{content:"🥇";margin-left:5px;font-size:1.2rem}.rank-2:after{content:"🥈";margin-left:5px;font-size:1.2rem}.rank-3:after{content:"🥉";margin-left:5px;font-size:1.2rem}.user-cell{font-weight:500;display:flex;align-items:center;gap:10px}.user-avatar{width:30px;height:30px;border-radius:50%;background-color:#eaeffd;display:flex;align-items:center;justify-content:center;font-weight:600;color:#6e8efb;font-size:.8rem}.score-cell{font-weight:600;color:#6e8efb}.loading-container{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.2rem;color:#6e8efb;position:relative}.loading-container:after{content:"";width:30px;height:30px;border:3px solid rgba(110,142,251,.3);border-radius:50%;border-top-color:#6e8efb;animation:spin 1s ease-in-out infinite;margin-left:10px}.empty-leaderboard{text-align:center;padding:2rem;color:#666;font-style:italic}@media (max-width: 768px){.leaderboard-container{padding:1.5rem;margin:1.5rem auto}.leaderboard-title{font-size:1.5rem}.leaderboard-table th,.leaderboard-table td{padding:.8rem}}@media (max-width: 480px){.leaderboard-container{padding:1rem;margin:1rem}.leaderboard-title{font-size:1.3rem}.leaderboard-table{font-size:.9rem}.leaderboard-table th,.leaderboard-table td{padding:.6rem}.rank-1:after,.rank-2:after,.rank-3:after{font-size:1rem}.user-avatar{width:25px;height:25px;font-size:.7rem}}.admin-panel-container{display:flex;flex-direction:column;max-width:1200px;margin:2rem auto;padding:2rem;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-panel-container h1{font-size:2.5rem;color:#333;margin-bottom:2rem;text-align:center;position:relative;animation:slideDown .7s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.admin-panel-container h1:after{content:"";position:absolute;width:80px;height:4px;background:linear-gradient(90deg,#6e8efb,#a777e3);bottom:-10px;left:50%;transform:translate(-50%);border-radius:4px;animation:expandWidth 1s ease-out forwards}@keyframes expandWidth{0%{width:0}to{width:80px}}.quiz-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;perspective:1000px}.quiz-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:fadeInUp .7s ease-out;animation-fill-mode:both;position:relative;overflow:hidden}.quiz-list .quiz-card:nth-child(1){animation-delay:.1s}.quiz-list .quiz-card:nth-child(2){animation-delay:.2s}.quiz-list .quiz-card:nth-child(3){animation-delay:.3s}.quiz-list .quiz-card:nth-child(4){animation-delay:.4s}.quiz-list .quiz-card:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quiz-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.quiz-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(to bottom,#6e8efb,#a777e3);transition:height .3s ease}.quiz-card:hover:before{height:100%}.quiz-card h2{font-size:1.5rem;color:#333;margin-bottom:.8rem;transition:transform .3s ease}.quiz-card:hover h2{transform:translate(5px);color:#6e8efb}.quiz-card p{color:#666;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.visibility-button,.view-quiz-button{padding:.7rem 1.2rem;border:none;border-radius:50px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);margin-right:.8rem;position:relative;overflow:hidden}.visibility-button:after,.view-quiz-button:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.visibility-button:focus:not(:active):after,.view-quiz-button:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:.5}20%{transform:scale(25);opacity:.3}to{opacity:0;transform:scale(40)}}.visibility-button{background-color:#f8f9fa;color:#555;border:1px solid #ddd}.visibility-button:hover{background-color:#f1f3f5;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.quiz-card[data-hidden=true] .visibility-button{background-color:#6e8efb;color:#fff;border:none}.quiz-card[data-hidden=true] .visibility-button:hover{background-color:#5d7ce6;box-shadow:0 4px 10px #6e8efb66}.view-quiz-button{background-color:#6e8efb;color:#fff}.view-quiz-button:hover{background-color:#5d7ce6;transform:translateY(-2px);box-shadow:0 4px 10px #6e8efb66}.quiz-card{position:relative}.quiz-card:after{content:"Visible";position:absolute;top:1rem;right:1rem;font-size:.8rem;font-weight:500;padding:.3rem .8rem;border-radius:20px;background-color:#e3f2fd;color:#2196f3;transition:all .3s ease}.quiz-card[data-hidden=true]:after{content:"Hidden";background-color:#ffeaea;color:#f44336}.quiz-list:empty:after{content:"No quizzes found";grid-column:1 / -1;text-align:center;padding:3rem;color:#666;font-style:italic;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a}.quiz-list.loading{display:flex;justify-content:center;align-items:center;min-height:300px}.quiz-list.loading:after{content:"";width:40px;height:40px;border:4px solid rgba(110,142,251,.3);border-radius:50%;border-top-color:#6e8efb;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.admin-panel-container{padding:1.5rem;margin:1.5rem 1rem}.admin-panel-container h1{font-size:2rem;margin-bottom:1.5rem}.quiz-list{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.admin-panel-container{padding:1rem;margin:1rem .5rem}.admin-panel-container h1{font-size:1.8rem}.quiz-card{padding:1.2rem}.quiz-card h2{font-size:1.3rem}.quiz-card p{font-size:.9rem;margin-bottom:1.2rem}.visibility-button,.view-quiz-button{padding:.6rem 1rem;font-size:.85rem;width:100%;margin-right:0;margin-bottom:.8rem}.quiz-card:after{top:.8rem;right:.8rem;font-size:.7rem;padding:.2rem .6rem}}.about-container{display:flex;flex-direction:column;min-height:100vh}.about-content{max-width:1200px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a}.about-section{margin-bottom:2.5rem}.about-section h1{color:#333;margin-bottom:1.5rem;text-align:center;font-size:2.5rem}.about-section h2{color:#2c3e50;margin-bottom:1rem;font-size:1.8rem}.about-section p{color:#555;line-height:1.6;font-size:1.1rem}.about-section ul{list-style-type:none;padding-left:0}.about-section li{margin-bottom:1rem;color:#555;line-height:1.6;font-size:1.1rem;padding-left:1.5rem;position:relative}.about-section li:before{content:"•";color:#3498db;font-weight:700;position:absolute;left:0}.about-section a{color:#3498db;text-decoration:none;transition:color .3s}.about-section a:hover{color:#2980b9;text-decoration:underline}.tech-stack{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.tech-category{flex:1;min-width:250px;background-color:#f9f9f9;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000000d}.tech-category h3{color:#3498db;margin-bottom:10px;font-size:1.3rem;border-bottom:2px solid #e0e0e0;padding-bottom:8px}.about-footer{margin-top:auto;padding:1.5rem;background-color:#2c3e50;color:#ecf0f1;text-align:center}@media (max-width: 768px){.about-content{padding:1rem;margin:1rem}.about-section h1{font-size:2rem}.about-section h2{font-size:1.5rem}.about-section p,.about-section li{font-size:1rem}.tech-stack{flex-direction:column}.tech-category{margin-bottom:15px}}