:root{--background-color:#282c34;--text-color:#fff;--border-color:#444;--button-bg-color:#00796b;--button-bg-color-hover:#005f4b;--button-text-color-hover:#fff}.header{background-color:#282c34;background-color:var(--background-color);box-shadow:0 2px 4px #0003;color:#fff;color:var(--text-color);flex-wrap:wrap;justify-content:space-between;padding:20px;position:relative}.header,.logo{align-items:center;display:flex}.logo{flex:1 1}.logo img{height:auto;margin-right:10px;max-width:50px;width:60px}.tagline{font-size:1.2rem}@media (max-width:768px){.tagline{display:none}}.nav,.nav ul{display:flex;gap:20px}.nav ul{list-style:none;margin:0;padding:0}.nav ul li{display:inline}.nav ul li a{border-radius:4px;color:#fff;color:var(--text-color);padding:8px 12px;text-decoration:none;transition:background-color .3s}.nav ul li a:hover{background-color:#fff3}.search-icon{align-items:center;display:flex;position:relative}.search-button{background:none;border:none;color:#fff;color:var(--text-color);cursor:pointer}.search-button:hover{background-color:#00796b;transform:scale(1.05)}.search-popup{align-items:center;background-color:#282c34;background-color:var(--background-color);box-shadow:0 4px 8px #0000001a;display:flex;padding:10px;position:absolute;right:0;top:50px;z-index:100}.search-popup,.search-popup input{border:1px solid #444;border:1px solid var(--border-color);border-radius:4px}.search-popup input{margin-right:5px;padding:5px;width:150px}.search-popup button{background-color:#00796b;background-color:var(--button-bg-color);border:none;border-radius:4px;color:#fff;color:var(--button-text-color);cursor:pointer;padding:5px 10px}.user-menu{position:relative}.user-menu,.user-menu-button{align-items:center;display:flex}.user-menu-button{background-color:initial;border:none;border-radius:4px;color:gray;cursor:pointer;padding:10px}.user-menu-button:hover{background-color:#00796b;transform:scale(1.05)}.dropdown-menu{background-color:#282c34;background-color:var(--background-color);border:1px solid #444;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;position:absolute;right:0;top:100%;width:150px}.dropdown-menu a{color:#fff;color:var(--text-color);padding:10px;text-decoration:none}.dropdown-menu a:hover{background-color:#005f4b;background-color:var(--button-bg-color-hover)}.theme-toggle{align-items:center;display:flex}.hamburger{background:none;border:none;color:#fff;color:var(--text-color);cursor:pointer;display:none;font-size:24px}.dropdown-nav{background-color:#282c34;background-color:var(--background-color);border:1px solid #444;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 8px #0000001a;position:absolute;right:0;top:80px;z-index:100}.dropdown-nav ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.dropdown-nav ul li{padding:10px}.dropdown-nav ul li a{color:#fff;color:var(--text-color);text-decoration:none}.dropdown-nav ul li a:hover{background-color:#005f4b;background-color:var(--button-bg-color-hover)}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column;padding:15px}.hamburger{display:block;left:20px;position:absolute;top:20px}.nav{display:none}.logo{margin-bottom:10px}.dropdown-nav{width:100%}.user-menu-button{justify-content:space-between;margin-right:30px;width:100%}.search-icon{margin-top:2px}.search-icon,.theme-toggle{margin-right:5px}.search-icon,.theme-toggle,.user-menu{position:absolute;right:20px;top:20px}}@media (min-width:769px){.nav{display:flex}.hamburger{display:none}}@media (max-width:480px){.logo img{width:40px}.tagline{font-size:1rem}}.theme-toggle-btn{align-items:center;border:none;border-radius:50px;color:#000;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:10px 20px;transition:background-color .3s,transform .3s}.theme-toggle-btn:hover{background-color:#00796b;transform:scale(1.05)}.theme-toggle-icon{height:20px;margin-right:10px;width:20px}.theme-toggle-text{font-weight:600}@media (max-width:768px){.theme-toggle-btn{position:absolute;right:-10px;top:15px;z-index:100}}.Footer{align-items:center;background-color:#264653;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;padding:40px 20px}.footer-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;max-width:1200px;width:100%}.footer-section{flex:1 1;margin:20px;min-width:200px}.Footer h3{font-size:1.5rem;margin-bottom:15px}.Footer p{color:#fff;font-size:1rem;line-height:1.6;margin-bottom:10px}.social-media{display:flex;gap:35px;justify-content:center;margin-top:20px}.social-media a{color:#fff;font-size:1.5rem;transition:color .3s ease}.social-media a:hover{color:#e9c46a}.footer-links{display:flex;gap:20px;justify-content:center;margin-top:20px}.footer-links a{color:#fff;font-size:1rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#e9c46a}@media screen and (max-width:768px){.footer-content{align-items:center;flex-direction:column;text-align:center}.footer-section{margin:10px 0}.Footer h3{font-size:1.2rem}}:root{--button-bg-color:#4db6ac;--button-text-color:#fff;--button-bg-color-hover:#00796b;--highlight-color:#00796b;--border-color:#ddd}[data-theme=dark]{--button-bg-color:#1f1f1f;--button-text-color:#fff;--button-bg-color-hover:#333;--highlight-color:#bb86fc;--border-color:#333}.home-container{background:#f9f9f9;background:var(--background-color);color:#333;color:var(--text-color);margin:0 auto;max-width:1200px;padding:40px}.hero{background:#00796b;background:var(--highlight-color);border-radius:8px;box-shadow:0 4px 16px #0003;margin:0 auto;max-width:800px;padding:60px 30px;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:10px}.hero h1,.hero p{color:#333;color:var(--text-color)}.hero p{font-size:1.2rem;margin-bottom:20px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-btn{background-color:#4db6ac;background-color:var(--button-bg-color);border:none;border-radius:4px;color:#fff;color:var(--button-text-color);cursor:pointer;flex:1 1 150px;font-size:18px;max-width:250px;padding:12px 25px;transition:background-color .3s}.cta-btn:hover{background-color:#00796b;background-color:var(--button-bg-color-hover)}.featured-quizzes{margin-top:40px}.featured-quizzes h2{color:#00796b;color:var(--highlight-color);font-size:2rem;margin-bottom:20px;text-align:center}.quiz-items{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:20px}.quiz-item{background:#f9f9f9;background:var(--background-color);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;flex-basis:calc(33.333% - 20px);flex-grow:1;flex-shrink:1;padding:20px;transition:transform .2s}.quiz-item:hover{transform:translateY(-5px)}.quiz-item h3{font-size:1.5rem;margin-bottom:10px}.quiz-item h3,.quiz-item p{color:#333;color:var(--text-color)}.quiz-item p{font-size:1rem;margin-bottom:15px}.quiz-item button{background-color:#4db6ac;background-color:var(--button-bg-color);border:none;border-radius:4px;color:#fff;color:var(--button-text-color);cursor:pointer;font-size:16px;padding:10px 20px}.quiz-item button:hover{background-color:#00796b;background-color:var(--button-bg-color-hover)}.search-bar{margin:40px 0;text-align:center}.search-bar h2{color:#00796b;color:var(--highlight-color);font-size:1.8rem;margin-bottom:15px}.search-bar input{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;font-size:16px;margin-right:10px;max-width:90%;padding:12px;width:300px}.search-bar button{background-color:#4db6ac;background-color:var(--button-bg-color);border:none;border-radius:4px;color:#fff;color:var(--button-text-color);cursor:pointer;font-size:16px;padding:12px 20px}.search-bar button:hover{background-color:#00796b;background-color:var(--button-bg-color-hover)}.announcements h2{color:#00796b;color:var(--highlight-color);font-size:1.8rem;margin-bottom:15px}@media (max-width:768px){.hero{padding:40px 20px}.cta-buttons{align-items:center;flex-direction:column}.quiz-item{flex-basis:calc(45% - 20px);flex-grow:1;flex-shrink:1;max-width:90%}.search-bar{flex-direction:column}.search-bar input{margin-bottom:10px}}@media (max-width:480px){.quiz-item{flex:1 1 100%}.search-bar{flex-direction:column;width:100%}.search-bar input{margin-right:0}.cta-btn{width:100%}}.contact-us{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px;text-align:center}.contact-header{margin-bottom:40px}.contact-header h1{color:#264653;font-size:2.5rem}.contact-header p{color:#6c757d;font-size:1.2rem}.contact-details{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:40px}.contact-form,.contact-info{flex:1 1;margin:10px;min-width:300px}.contact-form h2,.contact-info h2{color:#2a9d8f;font-size:1.8rem;margin-bottom:20px}.contact-info p{color:#264653;font-size:1.1rem;margin-bottom:10px}.contact-form form{display:flex;flex-direction:column}.contact-form input,.contact-form textarea{border:2px solid #264653;border-radius:5px;font-size:1rem;margin-bottom:20px;padding:10px}.contact-form textarea{height:150px}.contact-form button{background-color:#2a9d8f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.contact-form button:hover{background-color:#264653}.social-media-contact{margin-top:40px}.social-media-contact h2{color:#2a9d8f;font-size:1.8rem;margin-bottom:20px}.social-media-contact a{color:#264653;font-size:2rem;margin:0 15px;transition:color .3s}.social-media-contact a:hover{color:#2a9d8f}@media screen and (max-width:768px){.contact-details{flex-direction:column}}.LoginPage{align-items:center;background:linear-gradient(90deg,#0f2027,#203a43,#2c5364);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.LoginPage:after,.LoginPage:before{background:#ffffff1a;border-radius:50%;content:"";position:absolute;z-index:1}.LoginPage:before{height:300px;left:-100px;top:-100px;width:300px}.LoginPage:after{bottom:-150px;height:400px;right:-150px;width:400px}.LoginContainer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;box-shadow:0 8px 16px #00000040;display:flex;gap:20px;justify-content:space-between;max-width:900px;padding:30px;width:100%;z-index:2}.Login{display:flex;flex:1 1;flex-direction:column;justify-content:center}.Login h2{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:25px;text-align:left;text-transform:uppercase}.Login p.error{color:#ff4b5c;margin-bottom:15px}.Login form{display:flex;flex-direction:column;width:100%}.Login div{margin-bottom:20px;margin-left:-10px;width:100%}.Login label{color:#e0e0e0;display:block;font-size:.95rem;letter-spacing:.5px;margin-bottom:8px}.Login input{background:#ffffffd9;border:none;border-radius:6px;box-sizing:border-box;color:#333;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}.Login input:focus{background:#fff;box-shadow:0 0 5px #ffffff80;outline:none}.Login button{background:#1d976c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;margin-left:-10px;margin-top:10px;padding:14px;transition:background .3s ease,transform .2s;width:100%}.Login button:hover{background:#11998e;transform:translateY(-2px)}.signup-link{margin-top:20px;text-align:left}.signup-link a{color:#ffcb74;font-size:.95rem;text-decoration:none}.signup-link a:hover{text-decoration:underline}.QuizDescription{color:#fff;flex:1 1;font-size:1.1rem;padding-left:20px;text-align:left}.QuizDescription h3{color:#fff;font-size:1.6rem;margin-bottom:20px}.QuizDescription p{font-size:1rem}.swal2-popup{border-radius:12px;font-family:Arial,sans-serif}.swal2-title{color:#1d976c}.swal2-content{color:#333}.swal2-confirm{background-color:#1d976c;color:#fff}.swal2-confirm:hover{background-color:#11998e}@media (max-width:768px){.LoginContainer{align-items:center;flex-direction:column;padding:20px}.Login,.QuizDescription{padding:10px;width:100%}.Login h2{font-size:1.6rem}.Login h2,.signup-link{text-align:center}}@media (max-width:480px){.LoginPage{padding:5px}.LoginContainer{padding:15px}.Login h2{font-size:1.4rem}.Login label{font-size:.85rem}.Login input{padding:10px}.Login button{font-size:1rem;padding:12px}.signup-link a{font-size:.8rem}}.QuizDescription{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-top:20px;max-width:100%;padding:20px;width:100%}.QuizDescription h2{color:#4a4a4a;margin-bottom:15px}.QuizDescription p{color:#555;line-height:1.6}.RegisterPage{align-items:center;background:linear-gradient(90deg,#0f2027,#203a43,#2c5364);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.RegisterPage:after,.RegisterPage:before{background:#ffffff1a;border-radius:50%;content:"";position:absolute;z-index:1}.RegisterPage:before{height:300px;left:-100px;top:-100px;width:300px}.RegisterPage:after{bottom:-150px;height:400px;right:-150px;width:400px}.RegisterContainer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;box-shadow:0 8px 16px #00000040;display:flex;gap:20px;justify-content:space-between;max-width:1000px;padding:30px;width:100%;z-index:2}.Register{display:flex;flex:1 1;flex-direction:column;justify-content:center}.Register h2{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:25px;text-align:left;text-transform:uppercase}.Register form{display:flex;flex-direction:column;width:100%}.Register div{margin-bottom:20px;width:100%}.Register label{color:#e0e0e0;display:block;font-size:.95rem;letter-spacing:.5px;margin-bottom:8px}.Register input,.Register select{background:#ffffffd9;border:none;border-radius:6px;box-sizing:border-box;color:#333;font-size:1rem;margin-left:-15px;padding:12px;transition:all .3s ease;width:100%}.Register input:focus,.Register select:focus{background:#fff;box-shadow:0 0 5px #ffffff80;outline:none}.Register button{background:#1d976c;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1.1rem;margin-left:-12px;margin-top:15px;padding:12px;transition:background .3s ease,transform .2s;width:100%}.Register button:hover{background:#11998e;transform:translateY(-2px)}.Description{color:#fff;flex:1 1;font-size:1.1rem;padding-left:20px;text-align:left}.Description h2{color:#fff;font-size:1.6rem;margin-bottom:20px}.Description p{font-size:1rem;line-height:1.6}@media (max-width:768px){.RegisterContainer{align-items:center;flex-direction:column;padding:20px}.Description,.Register{padding:10px;width:100%}.Register h2{font-size:1.6rem}.Description,.Register h2{text-align:center}}@media (max-width:480px){.RegisterPage{padding:5px}.RegisterContainer{padding:15px}.Register h2{font-size:1.4rem}.Register label{font-size:.85rem}.Register input,.Register select{padding:10px}.Register button{font-size:1rem;padding:12px}.Description h2{font-size:1.4rem}.Description p{font-size:.9rem}}.quiz-container{color:#333;font-family:Arial,sans-serif;padding:20px}.quiz-title{color:#2a9d8f;font-size:2.5em;font-weight:700;margin-bottom:20px;text-align:center}.quiz-card{border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:20px auto;max-width:600px;padding:20px;transition:transform .3s}.quiz-card:hover{transform:scale(1.02)}.quiz-question{color:#264653;font-size:1.5em;margin-bottom:15px}.quiz-options{margin-bottom:10px}.option{align-items:center;border:1px solid #ccc;border-radius:8px;cursor:pointer;display:flex;margin:8px 0;padding:12px;transition:background-color .3s,border-color .3s}.option:hover{background-color:#e9f5f5;border-color:#2a9d8f}.option.correct{background-color:#c6f6d5;border-color:#38a169}.option.incorrect{background-color:#feebc8;border-color:#e53e3e}.submit-button{background-color:#e9c46a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;margin-top:15px;padding:12px 25px;transition:background-color .3s,transform .2s;width:100%}.submit-button:hover{background-color:#f4a261;transform:translateY(-2px)}.error-message{color:#e76f51;margin-top:10px}.error-message,.loading{font-size:1.2em;text-align:center}.loading{color:#2a9d8f}.score-popup{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.score-popup-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0003;padding:20px;text-align:center}.score-popup-content h2{margin-bottom:10px}.next-quiz-button{background-color:#2a9d8f;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px;transition:background-color .3s}.next-quiz-button:hover{background-color:#264653}.score{color:#2a9d8f;font-size:1.5em}:root{--background-color:#f9f9f9;--text-color:#333;--highlight-color:#27ae60;--secondary-color:#2980b9;--section-bg-color:#fff;--footer-bg-color:#2c3e50;--footer-text-color:#fff;--box-shadow-color:#0000001a}[data-theme=dark]{--background-color:#121212;--text-color:#e0e0e0;--highlight-color:#27ae60;--secondary-color:#bb86fc;--section-bg-color:#1e1e1e;--footer-bg-color:#181818;--footer-text-color:#bbb;--box-shadow-color:#ffffff1a}body{background-color:#f9f9f9;background-color:var(--background-color);font-family:Helvetica Neue,sans-serif;padding:0}body,h1{color:#333;color:var(--text-color)}h1{font-size:2.5em;margin:50px 0;text-align:center}h2{color:#27ae60;color:var(--highlight-color);font-size:2em;margin-bottom:20px;margin-top:40px}h3{color:#2980b9;color:var(--secondary-color);font-size:1.5em;margin-bottom:10px;margin-top:20px}p{color:#333;color:var(--text-color);font-size:1.1em;line-height:1.6;margin-bottom:20px}section{border-radius:10px;box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--box-shadow-color);margin:0 auto 50px;max-width:800px;padding:20px}section,section:last-of-type{background-color:#fff;background-color:var(--section-bg-color)}footer,section:last-of-type{text-align:center}footer{background-color:#2c3e50;background-color:var(--footer-bg-color);bottom:0;color:#fff;color:var(--footer-text-color);padding:20px;position:relative;width:100%}a{color:#2980b9;color:var(--secondary-color);text-decoration:none}a:hover{text-decoration:underline}@media (max-width:768px){h1{font-size:2em}h2{font-size:1.8em}h3{font-size:1.3em}p{font-size:1em}}.resources-page{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.resources-header{margin-bottom:30px;text-align:center}.search-filter-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:20px}.styled-search-bar{border:2px solid #ccc;border-radius:30px;font-size:16px;max-width:500px;padding:12px 20px;transition:all .3s;width:100%}.styled-search-bar:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80;outline:none}.styled-category-filter{align-items:center;display:flex;gap:10px;max-width:500px;width:100%}.styled-category-filter label{font-size:16px;font-weight:700}.styled-category-filter select{border:2px solid #ccc;border-radius:10px;font-size:16px;padding:10px;transition:all .3s;width:100%}.styled-category-filter select:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80;outline:none}.resource-list ul{list-style-type:none;margin-top:20px;padding:0}.resource-list ul li{margin:10px 0}.resource-list ul li a{color:#007bff;font-weight:600;text-decoration:none}.resource-list ul li a:hover{text-decoration:underline}.video-container iframe{border:none;border-radius:10px;height:315px;margin-top:20px;width:100%}@media (min-width:768px){.search-filter-container{flex-direction:row;justify-content:space-between}}.settings-page{align-items:center;background:#f0f4f8;display:flex;justify-content:center;min-height:calc(100vh - 100px);padding:20px}.settings-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:600px;padding:30px;width:100%}@media (max-width:768px){.settings-container{padding:15px}}.settings-form{display:flex;flex-direction:column;gap:20px}.settings-section{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 6px #0000000d;padding:20px}.settings-section h3{margin-bottom:10px}.settings-section label{color:#333;display:block;margin-bottom:8px}.settings-section input[type=email],.settings-section input[type=number],.settings-section input[type=password]{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:10px;transition:border-color .3s;width:100%}.settings-section input[type=email]:hover,.settings-section input[type=number]:hover,.settings-section input[type=password]:hover{border-color:#4caf50}.settings-section input[type=checkbox]{margin-right:8px}.save-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 16px;transition:background .3s ease}.save-button:hover{background-color:#45a049}[data-theme=dark] .settings-container{background-color:#333;color:#fff}[data-theme=dark] .settings-section{background-color:#444;color:#ddd}[data-theme=dark] .save-button{background-color:#6c757d}.notifications-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:20px auto;max-width:500px;padding:20px}.notifications-title{color:#264653;font-size:1.8em;margin-bottom:10px}.loading-message,.no-notifications{color:#e76f51;text-align:center}.notifications-list{list-style-type:none;margin:0;padding:0}.notification-item{background-color:#fff;border-radius:6px;box-shadow:0 2px 5px #0000001a;margin:10px 0;padding:15px;transition:background-color .3s}.notification-item:hover{background-color:#e9f5f5}.notification-message{color:#333;font-size:1em}.notification-time{color:#999;display:block;font-size:.85em;margin-top:5px}.privacy-policy{color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:40px}.privacy-policy .policy-header{margin-bottom:30px;text-align:center}.privacy-policy .policy-header h1{color:#007bff;font-size:2.5rem}.privacy-policy .policy-header p{color:#666;font-size:1.2rem}.privacy-policy .policy-content h2{color:#0056b3;font-size:1.8rem;margin-top:20px}.privacy-policy .policy-content p,.privacy-policy .policy-content ul{font-size:1.1rem;line-height:1.6;margin-bottom:20px}.privacy-policy .policy-content ul{list-style-type:disc;padding-left:20px}.privacy-policy .policy-content a{color:#007bff;text-decoration:none}.privacy-policy .policy-content a:hover{text-decoration:underline}@media (max-width:768px){.privacy-policy{padding:20px}.privacy-policy .policy-header h1{font-size:2rem}.privacy-policy .policy-content h2{font-size:1.5rem}.privacy-policy .policy-content p,.privacy-policy .policy-content ul{font-size:1rem}}.quizzes-container{color:#333;margin:0 auto;max-width:1000px;padding:20px}.quiz-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.quiz-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;text-align:center;transition:transform .2s ease;width:220px}.quiz-card:hover{transform:scale(1.03)}.quiz-card h3{color:#333;font-size:1.2em}.quiz-card p{color:#666;font-size:.9em}.quiz-card button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;margin-top:10px;padding:8px 12px}.quiz-card button:hover{background-color:#004d99}.play-quiz-container{margin-top:20px;text-align:center}.play-quiz-container h2{color:#333;font-size:1.8em;margin-bottom:15px}.question-section{background-color:#f5f7fa;border:1px solid #e0e0e0;border-radius:6px;margin-top:15px;padding:15px}.question-section h3{color:#222;font-size:1.3em;margin-bottom:10px}.question-section p{color:#555;font-size:1em}.answer-options{display:flex;flex-direction:column;gap:8px;margin-top:10px}.answer-button{background-color:#e0f3ff;border:1px solid #ddd;border-radius:4px;color:#004d99;cursor:pointer;font-size:1em;padding:10px;transition:background-color .2s ease}.answer-button:hover{background-color:#cce7ff}.go-back-button{background-color:#f66;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;margin-top:20px;padding:8px 16px}.go-back-button:hover{background-color:#e65c5c}.play-quiz-container h3{color:#4caf50;font-size:1.5em}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}
/*# sourceMappingURL=main.e2086761.css.map*/