*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:#fff}.header{background-color:#fff;border-bottom:1px solid #eaeaea;position:relative;z-index:100;height:70px}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:100%}.logo{display:flex;align-items:center;text-decoration:none;position:relative;padding:8px 0 10px 0}.logo-container{display:flex;align-items:center;padding:8px 12px;margin-top:2px;border:2px solid #c8e6c9;border-radius:10px;background-color:#f9fff9;transition:all .3s ease;box-shadow:0 2px 5px rgba(76,175,80,.1)}.logo-container:hover{border-color:#4CAF50;box-shadow:0 4px 10px rgba(76,175,80,.15);transform:translateY(-1px)}.logo-img{width:140px;height:auto;object-fit:contain;display:block}.nav-menu{display:flex;list-style:none;gap:5px}.nav-item{position:relative}.nav-link{display:flex;align-items:center;padding:10px 18px;color:#333;text-decoration:none;font-weight:600;font-size:15px;border-radius:8px;transition:all .3s;border:1px solid transparent}.nav-link:hover{background-color:#f5f9f5;border-color:#e0f0e0;color:#2E7D32}.nav-link.active{background-color:#e8f5e9;color:#2E7D32;border-color:#c8e6c9}.nav-link i{margin-right:8px;font-size:16px}.dropdown{position:absolute;top:100%;left:0;background-color:#fff;min-width:220px;box-shadow:0 5px 15px rgba(0,0,0,.08);border-radius:8px;border:1px solid #eaeaea;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1001;overflow:hidden}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(5px)}.dropdown-link{display:flex;align-items:center;padding:14px 18px;color:#444;text-decoration:none;border-bottom:1px solid #f5f5f5;transition:all .2s;font-size:14.5px}.dropdown-link:hover{background-color:#f9fff9;color:#2E7D32;padding-left:22px}.dropdown-link i{margin-right:12px;width:18px;text-align:center;color:#4CAF50}.dropdown-link:last-child{border-bottom:none}.mobile-menu-btn{display:none;background:0 0;border:none;color:#333;font-size:22px;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .3s;position:relative;top:2px}.mobile-menu-btn:hover{background-color:#f5f5f5}@media (max-width:992px){.nav-menu{display:none;position:fixed;top:70px;left:0;width:100%;background-color:#fff;flex-direction:column;box-shadow:0 5px 10px rgba(0,0,0,.1);padding:10px 0;z-index:1000}.nav-menu.active{display:flex}.nav-item{width:100%}.nav-link{padding:15px 20px;border-radius:0;border:0;border-bottom:1px solid #f0f0f0}.nav-link:hover{background-color:#f5f5f5}.dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;display:none;background-color:#f9f9f9;border:0}.nav-item:hover .dropdown{display:block}.mobile-menu-btn{display:block}.header-container{padding:0 15px}.logo-img{width:120px}.logo-container{padding:7px 10px;margin-top:2px}}@media (max-width:480px){.logo-img{width:110px}.nav-link{font-size:15px;padding:12px 15px}.header{height:60px}.logo-container{padding:6px 8px;margin-top:1px;border-width:1.5px}.logo{padding:6px 0 8px 0}}.container{max-width:1200px;margin:40px auto 0;padding:40px 20px}.page-title{font-size:36px;font-weight:800;color:#1a1a1a;margin-bottom:40px;text-align:center;position:relative;padding-bottom:20px}.page-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,#4CAF50,#2E7D32);border-radius:2px}.search-wrapper{max-width:500px;margin:0 auto 40px;position:relative}.search-input{width:100%;padding:15px 20px 15px 50px;border:2px solid #e0e0e0;border-radius:50px;font-size:16px;outline:0;transition:all .3s ease;background-color:#f9f9f9}.search-input:focus{border-color:#4CAF50;background-color:#fff;box-shadow:0 4px 15px rgba(76,175,80,.2)}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#999;font-size:18px;transition:color .3s}.search-input:focus+.search-icon{color:#4CAF50}.cards-container{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.card{background-color:#fff;border-radius:12px;border:1px solid #ddd;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;box-shadow:0 4px 8px rgba(0,0,0,.1);width:280px;aspect-ratio:3/4}.card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.15)}.card-image-container{width:100%;flex:1;display:flex;align-items:flex-start;justify-content:center;padding:0;background-color:#f9f9f9}.card-image{width:100%;height:100%;object-fit:contain;object-position:center top;border-radius:11px 11px 0 0}.card-title{font-size:18px;font-weight:700;color:#4CAF50;text-align:center;padding:12px 10px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-button-container{padding:10px 15px 15px;text-align:center}.learn-button{display:inline-block;width:100%;padding:10px 0;background-color:#4CAF50;color:#fff;font-weight:700;text-align:center;border-radius:20px;text-decoration:none;transition:background-color .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.learn-button:hover{background-color:#3e8e41}.no-lessons{text-align:center;padding:40px;color:#666;font-size:18px;display:none}@media (max-width:1024px){.cards-container{gap:15px}.card{width:250px}}@media (max-width:768px){.cards-container{gap:12px}.card{width:220px}.page-title{font-size:32px}}@media (max-width:576px){.cards-container{justify-content:center;gap:15px}.card{width:180px}.page-title{font-size:28px}}