:root{--primary-color:#3498db;--secondary-color:#2c3e50;--accent-color:#e74c3c;--light-bg:#f8f9fa;--dark-bg:#2c3e50;--text-color:#2c3e50;--text-light:#7f8c8d;--border-radius:10px;--box-shadow:0 4px 12px rgba(0,0,0,.1);--transition:all 0.3s ease}.english-learning-home{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color);line-height:1.6;max-width:1400px;margin:0 auto;background-color:#f5f7fa}.main-header{background-color:var(--primary-color);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;border-radius:0 0 var(--border-radius) var(--border-radius);margin-bottom:2rem}.main-header h1{font-size:1.8rem;margin:0;padding:0}.search-form{display:flex;max-width:400px}.search-input{flex:1;padding:.75rem;font-size:1rem;border:none;border-radius:4px 0 0 4px;min-width:200px}.search-button{padding:.75rem 1rem;background-color:var(--secondary-color);color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;transition:background-color .3s}.search-button:hover{background-color:#1a252f}.featured-section{padding:0 1rem;margin-bottom:2rem}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.featured-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem;text-align:center;transition:all .2s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;border-top:4px solid var(--primary-color)}.featured-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.featured-icon{font-size:2.5rem;margin-bottom:.75rem}.featured-card h3{font-size:1.3rem;margin-bottom:.75rem;color:var(--secondary-color)}.featured-card p{color:var(--text-light);margin-bottom:0;font-size:.95rem}.categories-container{display:flex;flex-direction:column;gap:2rem;padding:0 1rem;margin-bottom:2rem}.category-section{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden}.category-header{background-color:var(--light-bg);padding:1.25rem 1.5rem;border-bottom:1px solid #e1e1e1}.category-section h2{font-size:1.6rem;margin-bottom:.5rem;color:var(--secondary-color)}.category-description{color:var(--text-light);font-size:1rem;margin-bottom:0}.subcategory-container{padding:1.5rem;border-bottom:1px solid #eee}.subcategory-container:last-child{border-bottom:none}.subcategory-title{font-size:1.3rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e8e8e8;color:var(--secondary-color)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.course-card{background-color:var(--light-bg);border-radius:8px;padding:1.25rem;text-decoration:none;color:inherit;transition:all .2s ease;height:100%;display:flex;flex-direction:column;border:1px solid #eaeaea}.course-card:hover{background-color:#fff;border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.course-card h4{font-size:1.1rem;margin-bottom:.75rem;color:var(--secondary-color)}.course-card p{color:var(--text-light);margin-bottom:1rem;flex-grow:1;font-size:.9rem}.course-link{color:var(--primary-color);font-weight:500;font-size:.9rem;align-self:flex-end}.quick-access-section{padding:0 1rem;margin-bottom:2rem}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-access-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;border-radius:8px;text-decoration:none;color:#fff;font-weight:500;transition:all .2s ease;height:120px}.quick-access-item:hover{transform:scale(1.03);box-shadow:0 6px 16px rgba(0,0,0,.15)}.quick-icon{font-size:2rem;margin-bottom:.75rem}.quick-access-item h3{font-size:1.1rem;margin:0}.exam-prep{background:linear-gradient(135deg,#3498db,#2980b9)}.vocabulary{background:linear-gradient(135deg,#27ae60,#16a085)}.listening{background:linear-gradient(135deg,#e74c3c,#c0392b)}.speaking{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.home-footer{background-color:var(--secondary-color);color:#fff;padding:1.5rem;margin-top:2rem;border-radius:var(--border-radius) var(--border-radius) 0 0}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1rem}.footer-links a{color:#fff;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--primary-color)}.copyright{font-size:.85rem;opacity:.7}@media (max-width:768px){.main-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.search-form{width:100%}.search-button,.search-input{padding:.6rem}.featured-grid{grid-template-columns:1fr}.footer-links{gap:1rem;font-size:.85rem}}