*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif}body{color:#222;background-color:#fff}.container{width:90%;max-width:1200px;margin:0 auto}.site-header{background:#fff;box-shadow:0 2px 5px rgb(0 0 0 / .08);position:sticky;top:0;z-index:10}.header-flex{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.logo{display:flex;align-items:center;gap:5px}.logo:hover{color:inherit;cursor:pointer}.logo img{height:80px;display:block}.navbar ul{display:flex;list-style:none;gap:22px}.navbar a{text-decoration:none;color:#333;font-weight:600;transition:0.2s}.navbar a.active,.navbar a:hover{color:#007bff}.navbar a.nav-courses{position:relative;display:inline-block}.hot-badge{position:absolute;top:-20px;left:50%;transform:translateX(-50%);background:#ff3b3b;padding:4px 8px;border-radius:6px;clip-path:polygon(0% 0%,100% 0%,100% 70%,55% 70%,50% 100%,45% 70%,0% 70%);display:flex;justify-content:center;align-items:center;box-shadow:0 2px 6px rgb(0 0 0 / .25);animation:hotPulse 1.6s infinite ease-in-out}.hot-text{color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;line-height:1;text-align:center;padding-bottom:10px}@keyframes hotPulse{0%,100%{transform:translateX(-50%) scale(1) rotate(0deg)}25%{transform:translateX(-50%) scale(1.05) rotate(-1deg)}50%{transform:translateX(-50%) scale(1.08) rotate(1deg)}75%{transform:translateX(-50%) scale(1.04) rotate(-0.5deg)}}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:600;transition:all 0.25s ease-in-out}.btn-icon{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1);transition:transform 0.3s ease}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#005fcc;animation:shake 0.4s ease-in-out}@keyframes shake{0%{transform:translate(0,0)}25%{transform:translate(2px,0)}50%{transform:translate(-2px,0)}75%{transform:translate(2px,0)}100%{transform:translate(0,0)}}.container{max-width:1200px;margin:0 auto;padding:0 20px}footer{background:linear-gradient(135deg,#1a0d3f,#3b2e60);color:#e0d4ff;padding:60px 20px}footer a{color:#a78bfa}footer a:hover{color:#d8b4fe}.footer-container{max-width:1300px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.footer-top{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.footer-logo .logo{width:250px;margin-bottom:15px}.follow-board{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(145deg,#3b2e60,#6b4db2);color:#e6d928;font-family:"Poppins",sans-serif;font-weight:600;padding:12px 25px;border-radius:10px;box-shadow:inset 0 2px 4px rgb(255 255 255 / .15),0 6px 12px rgb(0 0 0 / .5);border:2px solid #6b4db2;animation:swing 3s ease-in-out infinite;transform-origin:top center;text-decoration:none;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease,background 0.3s ease}.follow-board span{font-size:14px;line-height:1;display:flex;align-items:center}.follow-board .fb-icon{width:25px;height:25px;object-fit:contain;display:block;padding-right:5px;transition:transform 0.3s ease,filter 0.3s ease}.follow-board:hover{transform:scale(1.05);box-shadow:inset 0 2px 4px rgb(255 255 255 / .25),0 8px 16px rgb(0 0 0 / .6);background:linear-gradient(145deg,#4b367c,#8b6fd1)}.follow-board:hover .fb-icon{transform:scale(1.2) rotate(-10deg);filter:brightness(1.2) invert(.8)}@keyframes swing{0%{transform:rotate(0deg)}25%{transform:rotate(0.25deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-0.25deg)}100%{transform:rotate(0deg)}}.footer-column h4{font-size:16px;font-weight:600;margin-bottom:15px;color:#fff}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:8px}.footer-column a{text-decoration:none;color:#cfcce0;font-size:14px;transition:color 0.2s}.footer-column a:hover{color:#fff}.footer-info{font-size:13.5px;line-height:1.8;color:#b0a5d6;margin-bottom:20px;text-align:justify}.footer-info a{text-decoration:none;color:#fff}.footer-info strong{color:#fff;font-weight:600}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #4b367c;padding-top:12px;font-size:13px;color:#aaa6c7;flex-wrap:wrap;gap:10px}.footer-column .course-list{list-style:none;padding:0;margin:0}.footer-column .course-list>li{margin-bottom:10px;position:relative}.footer-column .course-list>li>a{color:#cfcce0;font-size:13px;display:inline-block;transition:0.2s ease}.footer-column .course-list>li>a:hover{color:#fff}.footer-column .desc{display:block;font-size:13px;color:#cfcccc;margin-top:2px;margin-left:4px}.footer-column .has-sub{margin-top:8px}.hero-slider{position:relative;width:100%;height:55vh;overflow:hidden;border-radius:0 0 20px 20px;box-shadow:0 4px 15px rgb(0 0 0 / .15)}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease-in-out}.slide.active{opacity:1;z-index:2}.slide img{width:100%;height:100%;object-fit:cover;filter:brightness(.9)}.slider-nav button{position:absolute;top:50%;transform:translateY(-50%);background:#fff0;border:none;color:#fff;font-size:1.8rem;cursor:pointer;z-index:5;transition:opacity 0.3s;opacity:.6}.slider-nav button:hover{opacity:1}.slider-nav .prev{left:20px}.slider-nav .next{right:20px}.dots{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:5}.dots span{width:10px;height:10px;background:rgb(255 255 255 / .6);border-radius:50%;cursor:pointer;transition:0.3s}.dots span.active{background:#fff}.top-bar{background:linear-gradient(90deg,#1e1b4b 0%,#2a145a 100%);color:#f8f8f8;font-size:.92rem;padding:9px 0;border-bottom:1px solid rgb(255 255 255 / .08);animation:fadeSlideDown 0.5s ease-out;position:relative;z-index:20}@keyframes fadeSlideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.top-bar-flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;text-align:center;gap:10px}.top-left span{margin-right:18px;display:inline-flex;align-items:center;gap:6px;opacity:.9}.top-left i{color:#ffd43b}.top-center .slogan{font-weight:500;font-style:italic;color:#ffe8a3;letter-spacing:.4px;text-shadow:0 0 4px rgb(255 235 153 / .25);transition:0.3s}.top-center .slogan:hover{color:#fff6cc;text-shadow:0 0 6px rgb(255 243 182 / .5)}.top-right a.social{color:#fff;margin-left:10px;font-size:1rem;display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;background:rgb(255 255 255 / .08);transition:all 0.3s ease}.top-right a.social:hover{background:#ffd43b;color:#1e1b4b;transform:translateY(-2px);box-shadow:0 3px 8px rgb(255 212 59 / .3)}.popup-overlay{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .45);justify-content:center;align-items:center;z-index:999}.popup-banner{position:relative;background:url(https://static.vecteezy.com/system/resources/previews/008/516/788/non_2x/the-girl-learn-english-listening-online-vector.jpg) no-repeat center/cover;width:700px;height:420px;border-radius:20px;overflow:hidden;box-shadow:0 10px 25px rgb(0 0 0 / .25);animation:popUp 0.4s ease forwards;display:flex;justify-content:flex-end;align-items:center}.popup-content{background:rgb(255 255 255 / .9);border-radius:15px;padding:25px;width:280px;margin-right:30px;text-align:center}.popup-content h2{font-size:20px;color:#ff4f94;font-weight:700;margin-bottom:10px}.popup-content p{font-size:15px;color:#333;margin-bottom:20px;font-weight:500}.popup-form input{width:100%;padding:10px;margin-bottom:12px;border-radius:8px;border:1px solid #ccc;font-size:14px}.phone-field{display:flex;align-items:center;gap:5px}.flag{background:#f3f3f3;border-radius:8px;padding:10px;font-size:14px;color:#333}.popup-btn{width:100%;padding:12px;background:linear-gradient(90deg,#ff4f94,#ff8ccf);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:0.25s}.popup-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgb(255 79 148 / .3)}.close-btn{position:absolute;right:15px;top:10px;font-size:25px;border:none;background:#fff0;cursor:pointer;color:#fff;text-shadow:0 0 3px #000}.gift-btn{position:fixed;right:0;top:50%;transform:translateY(-50%);width:140px;height:auto;z-index:1000;cursor:pointer;animation:swing 2.5s ease-in-out infinite;transform-origin:top center;filter:drop-shadow(0 4px 6px rgb(0 0 0 / .15))}.gift-btn img{width:100%;height:auto;object-fit:contain;transition:transform 0.3s ease}.gift-btn:hover img{transform:scale(1.1)}@keyframes swing{0%,100%{transform:rotate(0deg)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes popUp{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.social-fixed{position:fixed;left:20px;top:80%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:9999}.social-fixed a{width:65px;height:65px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease;animation:floaty 3s ease-in-out infinite}.social-fixed img{width:60px;height:60px;object-fit:contain}.social-fixed img[alt="Call"]{width:68px;height:68px;object-fit:contain}.social-fixed a:hover{transform:scale(1.15)}