body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}header{background-color:#f8f9fa;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo img{margin-right:10px;border-radius:50%;width:20%}nav a{margin-right:20px;text-decoration:none;color:#000}.math-solver-btn,.search-btn{background-color:#007bff;color:#fff;border:none;padding:10px;cursor:pointer}.math-solver-btn:hover,.search-btn:hover{background-color:#0056b3}.lessons{padding:20px}.lessons h2{text-align:center;margin-bottom:20px}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto}.accordion-item{background-color:#fff;border:1px solid #ddd;border-radius:5px}.accordion-button1{width:100%;background-color:#2f0636;color:#fff;border:none;padding:15px;text-align:left;cursor:pointer;outline:none;font-size:16px;display:flex;justify-content:space-between;align-items:center;position:relative}.accordion-button{width:100%;background-color:#007bff;color:#fff;border:none;padding:15px;text-align:left;cursor:pointer;outline:none;font-size:16px;display:flex;justify-content:space-between;align-items:center;position:relative}.accordion-button .logo{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:30px;height:auto;margin-right:10px;border-radius:50%}.accordion-button .toggle-icon{font-size:20px;margin-left:auto;margin-right:10px}.accordion-button-text{margin-left:50px;flex-grow:1}.accordion-content{display:none;padding:15px;border-top:1px solid #ddd}.accordion-content ul{list-style:none;padding:0;margin:0}.accordion-content li{margin-bottom:5px;cursor:pointer;color:#333}.accordion-content li:hover{text-decoration:underline;color:#007bff}.toggle-icon{font-size:20px}@media (max-width:992px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-container{grid-template-columns:1fr}.accordion-button{font-size:14px;padding:10px}.math-solver-btn,.search-btn{padding:10px}nav a{margin:5px}header{padding:10px;flex-direction:column}.logo{margin-bottom:10px}}@media (max-width:480px){.accordion-button{font-size:12px;padding:8px}.math-solver-btn,.search-btn{padding:8px;font-size:14px}nav a{font-size:14px;margin:3px}.accordion-content{padding:10px}}