@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);body{font-family:Quicksand,roboto,sans-serif;padding:0}.loading-spinner{margin:20px auto}body{background-color:#f4f4f4;color:#333;font-family:Arial,sans-serif;margin:0}.hero{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;height:100vh;justify-content:center;position:relative;text-align:center}.overlay{background:#00000080;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-content{position:relative;text-align:center;z-index:2}.hero-content h1{color:#fff;font-size:3.5rem;margin:0 0 10px}.hero-content p{font-size:1.2rem;margin-bottom:20px}.hero-content .buttons{margin-top:15px}.hero-content .btn{border-radius:5px;display:inline-block;font-size:1rem;margin:5px;padding:12px 20px;text-decoration:none;transition:background-color .3s ease}.hero-content .btn.primary{background-color:#007bff;color:#fff}.hero-content .btn.primary:hover{background-color:#0056b3}.hero-content .btn.secondary{background-color:#6c757d;color:#fff}.hero-content .btn.secondary:hover{background-color:#495057}.features{background:#fff;padding:50px 20px;text-align:center}.features h2{color:#007bff;font-size:2.5rem;margin-bottom:30px}.feature-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.feature{background:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:300px}.feature:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.feature h3{color:#333;font-size:1.5rem;margin-bottom:10px}.feature p{color:#555;font-size:1rem}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1rem}.feature-list{align-items:center;flex-direction:column}.feature{width:90%}}.web-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:800px}.web-container h1{color:#333;margin-bottom:20px}section{background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-bottom:20px;padding:15px;transition:transform .2s,box-shadow .2s}section:hover{box-shadow:0 6px 10px #00000026;transform:translateY(-5px)}section h2{color:#324f6d;margin-bottom:10px}section p{color:#555;font-size:14px}a{display:block;text-decoration:none}a:hover h2{text-decoration:underline}.error,.loading{font-size:1.2rem;padding:20px;text-align:center}.error{color:red}.quiz-results-list{margin-top:30px}.quiz-card{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;padding:15px}.quiz-header{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.score{font-size:1.1rem;font-weight:700}.score.perfect{color:#2ecc71}.quiz-details ul{list-style-type:none;padding:0}.quiz-details li{border-bottom:1px dashed #f0f0f0;padding:5px 0}.quiz-details li:last-child{border-bottom:none}.correct{color:#27ae60}.incorrect{color:#e74c3c}.answer-text{color:#333;display:inline-block;margin-left:10px}.quiz-summary{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.dashboard-container{display:flex;flex-direction:column;margin:20px}.header{align-items:center;background-color:#333;color:#fff;display:flex;justify-content:flex-end;padding:10px 20px}.hamburger-admin{display:none}.grid-admin-panel{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 3fr}.grid-box-users{background-color:#f4f4f4;border-radius:10px;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif;margin:20px auto;max-width:1200px;padding:20px}.grid-box-users h2{color:#007bff;font-size:2rem;margin-bottom:20px;text-align:center}.grid-box-users{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.learner-list{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:15px;transition:transform .3s ease,box-shadow .3s ease}.learner-list:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.learner-list ul{list-style-type:none;margin:0;padding:0}.learner-list li{border-bottom:1px solid #eee;font-size:1rem;padding:5px 0}.learner-list li:last-child{border-bottom:none}.learner-list li b{color:#007bff;margin-right:5px}.sidebar{background-color:#2c3e50;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:20px;transition:transform .3s ease-in-out}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar ul li{border-bottom:1px solid #444;padding:15px 20px}.sidebar ul li a{color:#fff;font-size:16px;text-decoration:none}.sidebar ul li:hover{background-color:#1abc9c;cursor:pointer}.sidebar.active{transform:translateX(0)}.main-content{background-color:#f9f9f9;border-radius:10px;margin-left:20px;padding:30px 20px}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;padding:20px}.card h2{color:#333;margin:0 0 10px}.card p{color:#666;line-height:1.6}.register-user{padding:10px;text-align:center}.reg-user{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.reg-user:hover{background-color:#0056b3;box-shadow:0 2px 5px #0003}@media (max-width:768px){.dashboard-container{flex-direction:column}.sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);width:160px;z-index:1}.sidebar.active{transform:translateX(0)}.hamburger-admin{background-color:#007bff;color:#fff;cursor:pointer;display:block;padding:10px;text-align:center}.main-content{margin-left:0}}@media (max-width:400px){.learner-list li{font-size:.9rem}.learner-list{padding:8px}}.scroll-container{display:flex;flex-direction:column;gap:1rem;padding:1rem;scroll-behavior:smooth}.item{align-items:center;background-color:#007bff;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:150px;justify-content:center;min-width:200px}.scroll-container::-webkit-scrollbar{height:8px}.scroll-container::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.admin-activity{background-color:#f7f7f7;border:1px solid #e1e1e1;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-family:Arial,sans-serif;margin:40px auto;max-width:500px;padding:20px}.admin-activity label{color:#333;display:block;font-weight:700;margin-bottom:8px}.admin-activity input[type=file],.admin-activity input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;margin-bottom:16px;padding:10px;width:100%}.admin-activity button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px;transition:background-color .3s ease;width:100%}.admin-activity button:hover{background-color:#0056b3}.admin-activity button:disabled{background-color:#b3d7ff;cursor:not-allowed}.loading-spinner{border:4px solid #ccc;border-top-color:#007bff;height:30px;margin-top:10px;text-align:center;width:30px}.err-mssg,.succ-mssg{font-weight:700}.succ-mssg{color:#5cb85c;margin-top:10px}.admin-content{flex-grow:1;padding:2rem}.admin-title{color:#333;margin-bottom:2rem}.document-card{box-shadow:0 2px 8px #0000001a;overflow:hidden}.document-image{border-bottom:1px solid #eee}.document-content{padding:1.5rem}.document-title{color:#2c3e50;font-size:1.2rem;margin-bottom:.5rem}.document-description{color:#666;line-height:1.5;margin-bottom:1rem}.btn-download,.btn-view{border-radius:4px;font-size:.9rem;padding:.5rem 1rem;text-decoration:none}.btn-view{background:#3498db;color:#fff}.btn-download{background:#27ae60;color:#fff}.admin-loading{padding:2rem;text-align:center}.loading-spinner{margin:0 auto 1rem}.admin-error{background:#ffe3e3;border-radius:8px;color:red;padding:1.5rem;text-align:center}.admin-error button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.admin-empty{color:#666;padding:2rem;text-align:center}.grid-admin-panel{display:flex;transition:.3s ease}.menu-open .AdminSidebar{transform:translateX(0)}@media (max-width:768px){.AdminSidebar{position:fixed;transform:translateX(-100%);transition:.3s ease;z-index:100}.menu-open .AdminSidebar{transform:translateX(0)}.admin-content{padding:1rem;width:100%}}.delete-container{display:flex;flex-direction:column;gap:.5rem}.delete-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:opacity .2s}.delete-button:hover:not(.disabled){opacity:.9}.delete-button.disabled{background-color:#6c757d;cursor:not-allowed;opacity:.7}.success-message{color:#28a745;font-size:.9rem}.error-message{color:#dc3545;font-size:.9rem}.quiz-results-container{margin-top:20px;overflow-x:auto}.quiz-results-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.quiz-results-table th{background-color:#2c3e50;color:#fff;font-weight:600;padding:12px 15px;text-align:left}.quiz-results-table td{border-bottom:1px solid #e0e0e0;padding:12px 15px}.quiz-results-table tr:last-child td{border-bottom:none}.quiz-results-table tr:hover{background-color:#f9f9f9}.user-id{color:#666;font-size:.85rem;margin-top:4px}.score-display{color:#2c3e50;font-weight:700}.percentage-bar{background:#e0e0e0;border-radius:12px;height:24px;overflow:hidden;position:relative}.percentage-fill{background:#3498db;border-radius:12px 0 0 12px;height:100%;transition:width .3s ease}.percentage-text{color:#fff;font-size:.85rem;font-weight:700;left:50%;position:absolute;text-shadow:0 0 2px #00000080;top:50%;transform:translate(-50%,-50%)}.view-details-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:background .2s}.view-details-btn:hover{background:#2980b9}.empty-state{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#666;margin-top:20px;padding:40px;text-align:center}.admin-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{border:4px solid #0000001a;border-left-color:#3498db;margin-bottom:15px}.error{background:#fdecea;border-left:4px solid #e74c3c;color:#e74c3c;margin:20px 0;padding:15px}.answers-modal{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.modal-header{position:sticky;top:0;z-index:10}.modal-header h3{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.modal-score{background-color:#f39c12;border-radius:20px;font-size:.9rem;padding:3px 10px}.modal-body{padding:20px}.quiz-meta{border-bottom:1px solid #eee;color:#555;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.answers-list{display:flex;flex-direction:column;gap:15px}.answer-item{border-left:4px solid #ccc;border-radius:6px;padding:15px}.answer-item.correct{background-color:#e8f5e9;border-left-color:#4caf50}.answer-item.incorrect{background-color:#ffebee;border-left-color:#f44336}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.answer-status{font-weight:700}.answer-item.correct .answer-status{color:#4caf50}.answer-item.incorrect .answer-status{color:#f44336}.answer-detail p{margin:5px 0}.modal-footer{border-top:1px solid #eee;padding:15px 20px;text-align:right}.close-btn{background-color:#2c3e50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 20px}.close-btn:hover{background-color:#1a252f}@media (max-width:768px){.modal-header h3{align-items:flex-start}.modal-header h3,.quiz-meta{flex-direction:column;gap:5px}}.user-management-header{display:flex;flex-direction:column;margin-bottom:20px}.user-controls{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.search-filter-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.search-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:1rem;min-width:250px;padding:10px 15px}.filter-group{display:flex;gap:10px}.role-filter{background-color:#fff;border:1px solid #ddd;border-radius:4px;min-width:150px;padding:10px}.reset-filters-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}.reset-filters-btn:hover{background-color:#5a6268}.results-info{color:#6c757d;font-size:.9rem;text-align:right}.users-table{border-collapse:collapse;margin-top:10px;width:100%}.users-table td,.users-table th{border-bottom:1px solid #eaeaea;padding:12px 15px;text-align:left}.users-table th{background-color:#f1f5f9;cursor:pointer;font-weight:600;position:relative}.users-table th:hover{background-color:#e2e8f0}.users-table tr:hover td{background-color:#f8fafc}.role-tag{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 10px}.role-tag.learner{background-color:#dbeafe;color:#1d4ed8}.role-tag.admin{background-color:#dcfce7;color:#166534}.no-results{color:#6c757d;font-style:italic;padding:30px;text-align:center}@media (max-width:768px){.users-table{display:block;overflow-x:auto}.search-filter-container{flex-direction:column}.filter-group,.reset-filters-btn,.role-filter,.search-input{width:100%}}.success-message{background-color:#d4edda;border-radius:4px;color:#155724;margin-bottom:15px;padding:10px 15px}.modal-backdrop{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.edit-modal{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:500px;width:90%}.modal-header{align-items:center;background-color:#2c3e50;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.modal-header h3{font-size:1.3rem;margin:0}.close-modal{background:none;border:none;color:#fff;cursor:pointer;font-size:1.8rem;padding:0 10px}.edit-form{padding:20px}.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px}.form-group input,.form-group select{padding:10px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.cancel-btn:hover{background-color:#5a6268}.update-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.update-btn:hover{background-color:#218838}.actions-cell{display:flex;gap:8px}.edit-btn{background-color:#e2e3e5;border:none;border-radius:4px;color:#383d41;cursor:pointer;font-size:.9rem;padding:6px 12px}.edit-btn:hover{background-color:#d6d8db}.delete-btn{background-color:#f8d7da;border:none;border-radius:4px;color:#721c24;cursor:pointer;font-size:.9rem;padding:6px 12px}.delete-btn:hover:not(:disabled){background-color:#f5c2c7}.delete-btn:disabled{cursor:not-allowed;opacity:.5}.web-container{background-color:#f8f8f8;color:#333;margin:100px 0;margin:55px auto auto;max-width:1200px;padding:20px}.web-container h1{font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.teams{color:#444;font-size:1.5rem;margin-bottom:20px;text-align:center}.grid-container{grid-gap:20px;background-color:#f9f9f9;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.grid-project-manager h2{margin-bottom:15px}.bankseta-image,.sponsers-image{border-radius:5px;height:auto;margin-bottom:10px;width:80px}@media (max-width:768px){.grid-container{grid-template-columns:1fr}.grid-project-manager{padding:10px}.div-info h3{font-size:1rem}.div-info p{font-size:.9rem}}.tech-team{grid-gap:20px;background-color:#f4f4f9;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.grid-project-manager{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:15px;text-align:center}.grid-project-manager h2{color:#333;font-size:1.4rem;margin-bottom:10px}.sponsers-image{border-radius:50%;height:80px;margin-bottom:10px;object-fit:cover;width:80px}.div-info{margin-top:10px}.div-info h3{color:#555;font-size:1.2rem;font-weight:700}.div-info p{color:#777;font-size:1rem;line-height:1.5}@media (max-width:768px){.tech-team{grid-template-columns:1fr}.grid-project-manager{padding:10px}.sponsers-image{height:60px;width:60px}.div-info h3{font-size:1rem}.div-info p{font-size:.9rem}}.signup{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:100px auto;max-width:400px;padding:20px;width:100%}.signup h1{color:#333;font-size:20px;margin-bottom:15px;text-align:center}.login-icon{display:flex;justify-content:center;margin-bottom:15px}.login-icon img{height:50px;width:50px}.signup label{color:#555;display:block;font-size:14px;font-weight:700;margin-bottom:5px}.signup input{border:1px solid #ddd;border-radius:5px;font-size:14px;margin-bottom:15px;outline:none;padding:8px;width:100%}.signup input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}.btn-signup{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 0;transition:background-color .3s ease;width:100%}.btn-signup:hover{background-color:#0056b3}.btn-signup:disabled{background-color:#ddd;cursor:not-allowed}.close{color:#007bff;cursor:pointer;font-size:14px;margin-top:15px;text-align:center}.close:hover{text-decoration:underline}.err-mssg{color:#d9534f;font-size:14px;margin-top:10px}@media screen and (max-width:768px){.signup{max-width:90%;padding:15px}.signup h1{font-size:18px}.signup input{font-size:12px;padding:7px}.btn-signup{font-size:14px}}.login-form-cont{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:30px}.login-icon{margin-bottom:25px}.login-icon img{height:auto;width:120px}.login{background-color:#fff;border-radius:15px;box-shadow:0 6px 12px #00000026;max-width:420px;padding:35px;width:100%}.login h1{color:#333;font-size:28px;font-weight:700;margin-bottom:20px;text-align:center}.login label{color:#4a4a4a;display:block;font-weight:600;margin-bottom:10px}.login input{background-color:#f7f7f7;border:2px solid #ccc;border-radius:8px;font-size:16px;margin-bottom:20px;outline:none;padding:12px;transition:border-color .3s ease;width:100%}.login input:focus{background-color:#eef3ff;border-color:#497aff;box-shadow:0 0 6px #497aff66}.btn-login{background:#497aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:14px;transition:background-color .3s ease,transform .2s ease;width:100%}.btn-login:hover{background-color:#3961cc;box-shadow:0 4px 8px #3961cc4d;transform:translateY(-2px)}.btn-login:disabled{background-color:#ccc;cursor:not-allowed}.err-mssg{color:#e74c3c;font-size:15px;margin-top:15px;text-align:center}nav{background-color:#000;color:#fff;left:0;padding:.6rem;position:fixed;right:0;top:0;z-index:100}.nav-container{flex-wrap:wrap;justify-content:space-between}.nav-container,.site-title{align-items:center;display:flex}.site-title{flex-direction:column}.site-title a{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.site-title .slogan{color:#ccc;font-size:.9rem;font-style:italic;margin:0;padding:0}img.wsu-logo{height:40px;margin-right:.5rem;width:90px}.loggs-container{align-items:center;column-gap:13px;display:flex;flex-direction:row;justify-content:flex-end;margin-left:auto;margin-right:17px;padding:1rem}.login-div ul{list-style:none;margin:0;padding:0}.login-nav li a{color:#fff;font-size:1rem;text-decoration:none}.logout-div .btn-logout{background-color:#000;border:1px solid #fff;border-radius:15px;color:#fff;cursor:pointer;margin-left:10px;padding:.5rem 1rem;transition:background-color .3s ease}.logout-div .btn-logout:hover{background-color:#f0f0f0;color:#333}.if-logged-out .nav-links{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:0}.nav-links li a{color:#fff;font-size:1rem;text-decoration:none;transition:color .3s ease}.nav-links li a:hover{color:#ff5733}.if-logged-out{align-items:center;background-color:#000;display:none;flex-direction:column;gap:15px;left:0;opacity:0;padding:1.5rem 0;position:fixed;right:0;top:85px;transform:translateY(-100%);transition:opacity .3s ease,transform .3s ease;z-index:99}.userName{cursor:pointer}.userName:hover{color:#ff5733}.if-logged-out.show{display:flex;opacity:1;transform:translateY(0)}.hamburger{color:#fff;cursor:pointer;display:block;font-size:2rem}@media (min-width:768px){.if-logged-out{display:flex;flex-direction:column;gap:20px;opacity:1;position:static;transform:none}.hamburger{display:none}}@media (max-width:768px){.login-div{padding-top:12px}.logout-div{padding-top:8px}.nav-container{align-items:flex-start;flex-direction:row}.if-logged-out{display:none}.hamburger{display:block;padding-top:17px}.nav-links{display:none}.nav-links.active{display:flex;flex-direction:column}.userName{font-size:small}}@media (max-width:370px){.site-title{align-items:center;display:flex;flex-direction:column;padding-top:15px}img.wsu-logo{height:20px;margin-right:.5rem;width:50px}.site-title .slogan{color:#ccc;font-size:.6rem;font-style:italic;margin:0;padding:0}.login-nav li a{font-size:small}.logout-div .btn-logout{border-radius:13px;font-size:small;margin-top:8px;padding:.3rem .6rem}}@media (max-width:436px){.userName{display:none}}body,html{height:100%;margin:0}.container-wrapper{display:flex;flex-direction:column;min-height:100%}.main-content{flex:1 1}.footer{background-color:#000;color:#fff;font-size:.85rem;margin-bottom:0;padding:10px 0;text-align:center;z-index:2}.container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;max-width:1200px}.footer-section{flex:1 1 30%;min-width:200px;text-align:left}.footer-section h3{color:#fff;font-size:1rem;margin-bottom:10px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin:5px 0}.footer-section ul li a{color:#fff;font-size:.85rem;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:blue}.footer-section p{font-size:.85rem;margin:5px 0}.footer-section img.sponsor{height:50px;margin-top:10px;object-fit:cover;width:100px}.copyright{color:#fff;font-size:.75rem;margin-top:20px}@media (max-width:768px){.container{align-items:center;flex-direction:column}.footer-section{flex:1 1 100%;text-align:center}.footer-section img.sponsor{width:80px}}h1,h2{color:#2c3e50}h1{text-align:center}.container{margin:auto;max-width:800px;padding:40px}ul{margin-left:20px}.image-container{margin:20px 0;text-align:center}.image-container img{border-radius:10px;height:auto;max-width:100%}.reviews-container{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;margin:auto;max-width:700px;padding:20px}.reviews-title{color:blue;text-align:center}.reviews-list,.reviews-title{margin-bottom:20px}.review-card{background:#d3d3d3;border-radius:5px;margin:10px 0;padding:15px}.review-card h3{color:#000;margin:0}.rating{color:#000;font-weight:700}.review-form-title{margin-bottom:10px;text-align:center}.review-form{display:flex;flex-direction:column;gap:10px}.review-form input,.review-form select,.review-form textarea{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px}.review-form button{background:blue;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px}.review-form button:hover{background:#00008b}.faq-container{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;margin:auto;max-width:700px;padding:20px}.faq-title{color:blue;margin-bottom:20px;text-align:center}.faq-item{border-bottom:1px solid #ddd;padding:10px 0}.faq-question{background:none;border:none;color:#000;cursor:pointer;font-size:18px;font-weight:700;padding:10px;text-align:left;width:100%}.faq-question:hover{color:blue}.faq-answer{background:#d3d3d3;border-radius:5px;color:#333;margin-top:5px;padding:10px}.contact-sponsers{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;font-family:Arial,sans-serif;margin:15px auto auto;max-width:900px;padding:20px;text-align:center}.sHeader{color:blue;font-size:28px;font-weight:700;margin-bottom:20px;text-transform:uppercase}.fsponser{align-items:center;background:#d3d3d3;border-radius:8px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;margin:15px 0;padding:15px}.fsponser h3{color:#000;font-size:22px;margin-bottom:10px}.img-section{display:flex;justify-content:center;margin-bottom:10px}.discription-section{text-align:center}.discription-section p{color:#000;font-size:16px;margin:5px 0}.discription-section a{color:blue;font-weight:700;text-decoration:none}.discription-section a:hover{text-decoration:underline}@media (min-width:768px){.fsponser{align-items:center;flex-direction:row;padding:20px;text-align:left}.img-section{margin-bottom:0;margin-right:20px}.discription-section{text-align:left}}.loading-spinner-container{padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin:0 auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background:#ffe3e3;border-radius:8px;color:red;margin:2rem 0;padding:1rem;text-align:center}.retry-button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.documents-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem 0}.document-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.document-image{border-radius:4px;height:200px;margin-bottom:1rem;object-fit:cover;width:100%}.document-actions{display:flex;gap:1rem;margin-top:1rem}.download-button,.pdf-link{border-radius:4px;padding:.5rem 1rem;text-decoration:none}.pdf-link{background:#3498db;color:#fff}.download-button{background:#27ae60;color:#fff}.no-documents{color:#666;padding:2rem;text-align:center}.students-inner-header{align-items:center;background-color:#e9ecef;border-bottom:1px solid #ccc;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:1rem}.gobackIcon{color:#007bff;cursor:pointer;font-size:1rem}.gobackIcon p{font-weight:700;margin:0;text-decoration:underline}.studentsD{text-align:center}.studentsD h2{color:#495057;font-size:1.8rem;font-weight:700;margin:0}.student-courses{background-color:#eee;border-radius:13px;box-shadow:4px 4px 4px #0000001a;padding:20px}.quiz-item{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:15px}.quiz-item h2{color:#333;margin-top:0}.submit-section{margin-top:30px;text-align:center}.submit-section button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 25px}.submit-section button:disabled{background-color:#ccc;cursor:not-allowed}.warning{color:#ff9800;margin-top:10px}.results{background-color:#e8f5e9;border-radius:8px;margin-bottom:30px;padding:20px;text-align:center}.results h2{color:#2e7d32}.results button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px}.error{background-color:#ffebee;border-radius:4px;color:#f44336;margin-bottom:15px;padding:10px}.quiz-form{background-color:#f8f8f8;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:140px auto 2rem;max-width:640px;padding:1.5rem}.quiz-form h2{color:#333;font-size:1.75rem;margin-bottom:1rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#007bff;outline:none}.option-row{align-items:center;display:flex;margin-bottom:.75rem}.option-row input{flex:1 1}button[type=submit]{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;padding:.75rem;transition:background-color .3s ease;width:100%}button[type=submit]:hover{background-color:#0056b3}@media (max-width:768px){.quiz-form{margin:1rem;padding:1rem}.quiz-form h2{font-size:1.5rem}.form-group input,.form-group select{font-size:.95rem;padding:.65rem}button[type=submit]{font-size:1rem;padding:.65rem}}@media (max-width:480px){.quiz-form{margin:.5rem;padding:.75rem}.option-row{align-items:stretch;flex-direction:column}.option-row input{margin-bottom:.5rem}}
/*# sourceMappingURL=main.9914b967.css.map*/