*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background:#f4f4f4}main .container{width:90%;margin:auto;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0000001a}section{margin-bottom:2rem}h2{border-bottom:3px solid #ffffff;padding-bottom:.5rem;margin-bottom:1rem;font-size:1.5rem}p{margin-bottom:1rem}@media (min-width: 768px){.nav-container{justify-content:space-between;align-items:center;padding:1rem;background-color:#f0f0f0;box-shadow:0 2px 5px #0000001a;display:flex}.logo-container{display:flex;justify-content:space-between;align-content:stretch;flex-wrap:nowrap}.nav-container h1{margin:0;font-size:1.5rem;color:#000}.nav-container ul{list-style:none;margin:0;padding:0;display:flex}.nav-container li{margin-left:2rem}.nav-container a{text-decoration:none;color:#000;font-weight:700}.menu-toggle{display:none;font-size:1.5rem;cursor:pointer;background:none;border:none}}@media (max-width: 768px){.nav-container{justify-content:space-between;align-items:center;padding:1rem;background-color:#f0f0f0;box-shadow:0 2px 5px #0000001a}.logo-container{display:flex;justify-content:space-between;align-content:stretch;flex-wrap:nowrap}.nav-container h1{margin:0;font-size:1.5rem}.nav-container ul{list-style:none;margin:0;padding:0;display:flex}.nav-container li{margin-left:2rem}.nav-container a{text-decoration:none;color:#000;font-weight:700}.menu-toggle{display:none;font-size:1.5rem;cursor:pointer;background:none;border:none}}@media (max-width: 768px){.nav-container{flex-direction:column}.nav-container ul{display:none;flex-direction:column;width:100%}.nav-container li{margin:.5rem 0;width:100%;text-indent:2%}.nav-open ul{display:flex}.menu-toggle{display:block}}footer{background-color:#f0f0f0;box-shadow:0 6px 15px #0000;padding:2rem 0;text-align:center;font-size:.9rem;width:100%;bottom:0;left:0}footer .container{max-width:800px;margin:0 auto}footer p{margin-bottom:1rem}footer a{color:#333;text-decoration:none;margin:0 .5rem}footer a:hover{text-decoration:underline}.school-section{padding:20px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin:20px;transition:transform .2s,box-shadow .2s}.school-link{text-decoration:none;color:inherit;display:block}.topics-content{margin-top:15px;display:flex;flex-direction:column}.topics-link{text-decoration:none;color:#007bff;padding:10px 0;transition:color .2s,background-color .2s}.topics-link:hover{color:#0056b3;background-color:#e9ecef;border-radius:4px}.about-container{max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:8px}.about-container h1{text-align:center;margin-bottom:1.5rem;color:#333}.about-container p{line-height:1.6;color:#555}.about-container ul{list-style-type:disc;padding-left:2rem}.about-container li{margin-bottom:.5rem}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#333}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px}.form-group textarea{height:150px;resize:vertical}.btn{display:block;width:100%;padding:10px;background-color:#5cb85c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.btn:hover{background-color:#4cae4c}.contact-info{text-align:center;margin-top:20px}.terms-container{max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:8px;line-height:1.6}.terms-container h1{text-align:center;margin-bottom:1.5rem;color:#333}.terms-container h2{margin-top:1.5rem;color:#333}.terms-container p{margin-bottom:1rem;color:#555}.terms-container ul{list-style-type:disc;padding-left:2rem}.terms-container li{margin-bottom:.5rem}.contact-container{max-width:600px;margin:2rem auto;padding:2rem;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:8px;font-family:sans-serif}.contact-container h1{text-align:center;margin-bottom:1.5rem;color:#333}.contact-container p{margin-bottom:1rem;color:#555;line-height:1.6}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700}.form-group input,.form-group textarea{width:100%;padding:.8rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.form-group textarea{min-height:120px}.btn{background-color:#007bff;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.btn:hover{background-color:#0056b3}.contact-info{margin-top:2rem;text-align:center}.contact-info a{color:#007bff;text-decoration:none}.contact-info a:hover{text-decoration:underline}.content{max-width:800px;margin:auto;padding:20px}.content h2{color:#333;font-size:24px;margin-bottom:20px}.unit-list{list-style-type:none;padding:0}.unit-list li{margin:5px 0}.unit-list li a{text-decoration:none;color:#007bff;font-size:18px;display:block;padding:10px;border-radius:5px;transition:background-color .3s,color .3s}.unit-list li a:hover{background-color:#e9ecef;color:#0056b3;text-decoration:underline}.quiz-container{margin:auto;padding:20px;border:1px solid #ddd;font-family:Arial,sans-serif}.quiz-title{font-size:2em;text-align:center;margin-bottom:20px}.question-block{margin-bottom:30px}.question-block h2{font-size:20px;color:#333}.options-list{list-style-type:none;padding:0}.options-list li{margin:10px 0}.option-button{display:block;background-color:#ddd;color:#000;border:none;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s,transform .3s;width:100%;text-align:left}.option-button:hover{background-color:#c8e3ff}.correct{background-color:#28a745!important;color:#fff}.incorrect{background-color:#dc3545!important;color:#fff}.quiz-list{list-style-type:none;padding:0;margin:0}.quiz-item{margin:10px 0}.quiz-item a{text-decoration:none;color:#4a90e2;font-weight:700;padding:10px 15px;border:2px solid transparent;border-radius:5px;transition:background-color .3s,border-color .3s}.quiz-item a:hover{background-color:#f0f0f0;border-color:#4a90e2}.quiz-item a:active{background-color:#e0e0e0}.programming-container{background-color:#f4f4f4;border-radius:12px;padding:20px;max-width:800px;margin:20px auto;box-shadow:0 4px 15px #0000001a}.programming-container h2{text-align:center;color:#333;margin-bottom:20px}.programming-container ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;list-style-type:none;padding:0}.programming-container li{background-color:#007bff;border-radius:8px;transition:background-color .3s ease,transform .2s ease}.programming-container li a{display:block;padding:15px;color:#fff;text-decoration:none;text-align:center;border-radius:8px}