@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-page{align-items:center;animation:floatingBackground 6s ease-in-out infinite alternate;background:linear-gradient(135deg,#1a1a40,indigo);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative}.home-page:before{animation:floating 6s ease-in-out infinite alternate;background:#ffffff1a;border-radius:50%;content:"";filter:blur(100px);height:50vw;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50vw;z-index:-1}.login-container{position:absolute;right:15px;top:15px}.login-button{background:#ff5722;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:12px 24px;transition:all .3s ease-in-out}.login-button:hover{background:#e64a19}.profile-dropdown{position:relative}.profile-dropdown,.profile-icon{align-items:center;cursor:pointer;display:flex}.profile-icon{color:wheat;font-size:18px;font-weight:700;gap:8px}.profile-icon svg{color:#fff;font-size:30px;transition:transform .3s ease}.profile-icon:hover svg{transform:scale(1.1)}.dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;padding:10px;position:absolute;right:0;top:40px;width:150px;z-index:10}.dropdown-item{color:#000;cursor:pointer;display:block;font-size:14px;padding:10px;text-align:left;text-decoration:none;transition:background-color .3s ease,color .3s ease}.dropdown-item:hover{background-color:blue;color:#fff}.dropdown-menu a,.dropdown-menu button{background:none;border:none;color:indigo;cursor:pointer;font-weight:700;padding:10px;text-align:left;text-decoration:none;transition:background .3s ease;width:100%}.dropdown-menu a:hover,.dropdown-menu button:hover{background:blue;border-radius:5px}.home-title{color:#fff;font-family:Lobster,cursive;font-size:3rem;font-weight:800;margin-bottom:40px;text-align:center;text-shadow:4px 4px 6px #0000004d}.home-button-container{align-items:center;display:flex;flex-direction:column;gap:30px;position:relative;z-index:1}.home-button{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:indigo;cursor:pointer;font-size:1.5rem;font-weight:700;padding:20px 40px;transition:background .3s ease-in-out,transform .3s ease-in-out;width:300px}.home-button:hover{background-color:#e0e0e0;transform:scale(1.05)}.home-button:focus{box-shadow:0 0 5px 2px #4b0082cc;outline:none}.username{color:#fff;font-family:Lobster;font-size:1.5rem;font-weight:500;text-align:center;text-shadow:4px 4px 6px #0000004d}.joinquiz-background{align-items:center;animation:floatingBackground 6s ease-in-out infinite alternate;background:linear-gradient(135deg,#1a1a40,indigo);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.joinquiz-header{font-family:Lobster,cursive;font-size:3rem;text-shadow:4px 4px 6px #0000004d}.joinquiz-header,.joinquiz-instructions{color:#fff;margin-bottom:30px;text-align:center}.joinquiz-instructions{font-size:1.2rem}.quiz-code-input-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;max-width:400px;width:100%}.quiz-code-input{background-color:#fff;border:2px solid #fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:indigo;font-size:1.2rem;outline:none;padding:15px;text-align:center;width:100%}.quiz-code-input:focus{border-color:indigo}.join-button{background-color:indigo;border:none;border-radius:8px;box-shadow:0 6px 12px #0003;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;padding:20px 40px;transition:background-color .3s ease,transform .3s ease}.join-button:hover{background-color:#6a1a9a;transform:scale(1.05)}.quiz-title{background:#fff3;border-radius:10px;margin-bottom:15px}.quiz-timer{background:#fff3;border-radius:8px;color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:10px;padding:8px 16px}.quiz-options-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;max-width:600px;width:80%}.quiz-option{align-items:center;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;height:120px;justify-content:center;text-align:center;transition:transform .2s,box-shadow .2s}.quiz-option:hover{box-shadow:0 6px 12px #0000004d;transform:scale(1.05)}.quiz-option.selected{border:4px solid #fff}.kahoot-color-0{background:#ff4b4b}.kahoot-color-1{background:#4b9cff}.kahoot-color-2{background:#3ccf4e}.kahoot-color-3{background:#fc0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.create-quiz-container{align-items:center;background:linear-gradient(135deg,#1a1a40,indigo);display:flex;flex-direction:column;min-height:100vh;padding:20px}.create-quiz-title{color:#fff;font-size:3rem;margin-bottom:20px;text-shadow:2px 2px 4px #0000004d}.quiz-main-content{display:flex;gap:20px;max-width:1200px;width:100%}.quiz-form{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;flex:2 1;gap:20px;padding:20px}.question-container,.quiz-form{display:flex;flex-direction:column}.question-container{gap:10px}.answer-input,.option-input,.question-input,.quiz-title-input{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:10px}.add-question-button,.submit-quiz-button{background-color:indigo;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px}.quiz-settings-panel{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;flex:1 1;padding:20px}.settings-card{margin-bottom:20px}label{display:block;font-weight:700;margin-bottom:5px}select{border:1px solid #ccc;border-radius:8px;padding:8px;width:100%}.quiz-container{align-items:center;animation:floatingBackground 6s ease-in-out infinite alternate;background:linear-gradient(135deg,#1a1a40,indigo);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:50px 20px;position:relative}.quiz-container:before{animation:floating 6s ease-in-out infinite alternate;background:#ffffff1a;border-radius:50%;content:"";filter:blur(100px);height:50vw;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50vw;z-index:-1}.quiz-title{color:#fff;font-family:Lobster,cursive;font-size:3rem;font-weight:800;margin-bottom:50px;text-align:center;text-shadow:4px 4px 6px #0000004d}.quiz-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;max-width:500px;padding:30px;text-align:center;transition:transform .3s ease-in-out;width:90%}.quiz-card:hover{transform:scale(1.05)}.quiz-card-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:10px}.quiz-room-code{color:#e0e0e0;font-size:1.2rem;margin-bottom:10px}.quiz-room-code span{color:#fff;font-weight:700}.quiz-description{color:#fff;font-size:1.1rem;margin-bottom:20px}.quiz-actions{align-items:center;display:flex;justify-content:space-around}.quiz-start-btn{background-color:#fff;border-radius:8px;color:indigo;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 30px;transition:background .3s ease-in-out,transform .3s ease-in-out}.quiz-start-btn:hover{background-color:#e0e0e0;transform:scale(1.05)}.quiz-schedule-btn{align-items:center;background-color:#fff;border-radius:8px;color:indigo;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:10px;padding:15px 30px;transition:background .3s ease-in-out,transform .3s ease-in-out}.quiz-schedule-btn:hover{background-color:#e0e0e0;transform:scale(1.05)}.quiz-icons{display:flex;gap:15px}.quiz-icon-btn{background:#0000;border:none;cursor:pointer}.quiz-icon{color:#fff;font-size:1.5rem;transition:transform .3s ease-in-out}.quiz-icon:hover{color:gold;transform:scale(1.2)}.quiz-delete-btn{background:#0000;border:none;cursor:pointer}.quiz-delete-btn .quiz-icon{color:#ff4d4d}.quiz-delete-btn .quiz-icon:hover{color:red}.leaderboard-background{align-items:center;background:linear-gradient(135deg,#1a1a40,indigo);display:flex;flex-direction:column;font-family:Lobster,cursive;justify-content:center;min-height:100vh}.leaderboard-container{background:#ffffff1a;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:600px;padding:20px;text-align:center;width:80%}.leaderboard-title{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:20px;text-shadow:4px 4px 6px #0000004d}.leaderboard-list{list-style:none;padding:0}.leaderboard-item{align-items:center;background-color:#ffffff1a;border-radius:8px;color:#fff;display:flex;font-size:1.5rem;justify-content:space-between;margin:10px 0;padding:10px}.leaderboard-info{color:#ff0;font-size:1.2rem;font-weight:700;margin-top:15px}.auth-container{align-items:center;animation:floatingBackground 6s ease-in-out infinite alternate;background:linear-gradient(135deg,#1a1a40,indigo);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;box-shadow:0 4px 12px #0003;max-width:400px;padding:30px;text-align:center;width:100%}.auth-title{color:#fff;font-family:Lobster,cursive;font-size:2.5rem;margin-bottom:20px;text-shadow:3px 3px 6px #0003}.auth-input{border:1px solid #ccc;border-radius:8px;margin-bottom:15px}.auth-button,.auth-input{font-size:1rem;padding:12px;width:100%}.auth-button{background-color:indigo;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;transition:transform .3s ease-in-out}.auth-button:hover{transform:scale(1.05)}.auth-button:active{transform:scale(.95)}.google-button{background-color:#db4437;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:12px;transition:transform .3s ease-in-out;width:100%}.google-button:hover{transform:scale(1.05)}.auth-link{color:#fff;font-size:.9rem;margin-top:15px;text-decoration:none}.auth-link:hover{text-decoration:underline}@keyframes floatingBackground{0%{background-position:0 0}to{background-position:100% 100%}}.dashboard-background{align-items:center;animation:floatingBackground 6s ease-in-out infinite alternate;background:linear-gradient(135deg,#1a1a40,indigo);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.dashboard-background:before{animation:floating 6s ease-in-out infinite alternate;background:#ffffff1a;border-radius:50%;content:"";filter:blur(100px);height:50vw;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50vw;z-index:-1}.dashboard-title{color:#fff;font-family:Lobster,cursive;font-size:3rem;font-weight:800;margin-bottom:50px;text-align:center;text-shadow:4px 4px 6px #0000004d}.dashboard-buttons{align-items:center;display:flex;flex-direction:column;gap:30px;position:relative;z-index:1}.dashboard-button{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:indigo;cursor:pointer;font-size:1.5rem;font-weight:700;padding:20px 40px;transition:background .3s ease-in-out,transform .3s ease-in-out;width:300px}.dashboard-button:hover{background-color:#e0e0e0;transform:scale(1.05)}.dashboard-button:focus{box-shadow:0 0 5px 2px #4b0082cc;outline:none}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.profile-container{align-items:center;background:linear-gradient(135deg,#1a1a40,indigo);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.profile-container:before{animation:floating 6s ease-in-out infinite alternate;background:#ffffff1a;border-radius:50%;content:"";filter:blur(120px);height:60vw;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%);width:60vw;z-index:-1}@keyframes floating{0%{transform:translate(-50%,-50%) translateY(-10px) translateX(-10px)}to{transform:translate(-50%,-50%) translateY(10px) translateX(10px)}}.profile-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border-radius:15px;box-shadow:0 4px 10px #0003;color:#fff;max-width:450px;padding:40px;text-align:center;transition:transform .3s ease-in-out;width:90%}.profile-card:hover{transform:scale(1.02)}.profile-avatar{border:4px solid #fff;border-radius:50%;cursor:pointer;height:120px;object-fit:cover;transition:transform .3s ease-in-out;width:120px}.profile-avatar:hover{transform:scale(1.1)}#profile-upload{display:none}.profile-username{font-size:1.8rem;font-weight:600;margin-top:10px}.profile-email{color:#e0e0e0;font-size:1.2rem;margin-bottom:10px}.profile-quizzes{color:gold;font-size:1.1rem;font-weight:700;margin-bottom:20px}.profile-input{background:#fff3;border:none;border-radius:8px;color:#fff;font-size:1rem;margin:12px 0;outline:none;padding:12px;text-align:center;transition:.3s;width:100%}.profile-input::placeholder{color:#ccc}.profile-input:focus{background:#ffffff4d;box-shadow:0 0 5px #ffffff80}.profile-button{background:linear-gradient(135deg,#ffcc70,#ff8500);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:15px;padding:14px;transition:background .3s ease-in-out,transform .3s ease-in-out;width:100%}.profile-button:hover{background:linear-gradient(135deg,#ff8500,#ffcc70);transform:scale(1.05)}.change-password{color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;text-decoration:underline}.change-password:hover{color:gold}.logout-button{background-color:#ff4d4d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;margin-top:20px;padding:14px;transition:background .3s ease-in-out;width:100%}.logout-button:hover{background-color:#ff1a1a}
/*# sourceMappingURL=main.59622222.css.map*/