*{margin:0; padding: 0; box-sizing: border-box; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}body{background-color:#ffffff;}.header{background-color:white; 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 0.3s ease; box-shadow:0 2px 5px rgba(76, 175, 80, 0.1);}.logo-container:hover{border-color: #4CAF50; box-shadow: 0 4px 10px rgba(76, 175, 80, 0.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 0.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: white; min-width: 220px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); border-radius: 8px; border: 1px solid #eaeaea; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.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 0.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: none; border: none; color: #333; font-size: 22px; cursor: pointer; padding: 8px; border-radius: 6px; transition: background-color 0.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: white; flex-direction: column; box-shadow: 0 5px 10px rgba(0, 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: none; 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:none;}.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;}.cards-container{display:flex; justify-content: center; gap: 30px; flex-wrap:wrap;}.card{width:350px; background-color: white; border-radius: 12px; border: 1px solid #ddd; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);}.card:hover{transform: translateY(-5px); box-shadow:0 8px 16px rgba(0, 0, 0, 0.15);}.card-content{display:flex; padding: 20px; flex:1;}.card-image-container{flex:0 0 65%; margin-right:15px;}.card-image{width:100%; height: 150px; object-fit: cover; border-radius: 8px; border:1px solid #ddd;}.card-info{flex:0 0 35%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-top:15px;}.learning-materials{display:flex; flex-direction: column; width: 100%; justify-content: center; align-items:center;}.material-item{display:flex; align-items: center; justify-content: center; padding: 8px 12px; background-color: #f5f5f5; border-radius: 20px; border: 1px solid #e0e0e0; font-size: 14px; color: #333; transition: all 0.2s ease; margin-bottom: 8px; width: 100%; text-align:center;}.material-item:last-child{margin-bottom:0;}.material-item:hover{background-color: #e8f5e9; border-color:#4CAF50;}.check-icon{color:#4CAF50; margin-right: 8px; font-size:16px;}.tense-title{font-size:20px; font-weight: bold; color: #4CAF50; text-align: center; padding: 15px 20px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}.learn-button-container{padding:15px 20px 20px; text-align:center;}.learn-button{display:inline-block; width: 80%; padding: 12px 0; background-color: #4CAF50; color: white; font-weight: bold; text-align: center; border-radius: 25px; text-decoration: none; transition: background-color 0.3s ease; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}.learn-button:hover{background-color:#3e8e41;}.no-lessons{text-align:center; padding: 40px; color: #666; font-size: 18px; display:none;}@media (max-width:768px){.cards-container{flex-direction:column; align-items:center;}.card{width:100%; max-width: 350px; margin-bottom:20px;}.card-content{flex-direction:column; align-items:center;}.card-image-container{margin-right:0; margin-bottom: 15px; flex: 0 0 100%; width:100%;}.card-image{width:100%; height:150px;}.card-info{flex:1; width: 100%; justify-content: flex-start; align-items: center; margin-top:10px;}.learning-materials{flex-direction:row; justify-content: center; flex-wrap: wrap; gap:10px;}.material-item{margin-bottom:0; flex:0 0 auto;}.page-title{font-size:32px;}}@media (max-width:480px){.page-title{font-size:28px;}}