.highlight-yellow{color:#FFD700}.hero-section{width:100%;min-height:100vh;color:#000;margin-bottom:clamp(4rem,8vw,9rem);overflow:hidden}.hero-section,.hero-upper{display:flex;flex-direction:column;background-color:#fff;position:relative}.hero-upper{align-items:center;justify-content:center;text-align:center;padding:7rem 0 1rem;min-height:clamp(400px,60vh,600px);overflow:visible}.hero-text{max-width:min(800px,90vw);z-index:2;margin-bottom:clamp(1rem,3vh,2rem)}.hero-text h1{font-size:clamp(2.5rem,6vw,4.375rem);margin-bottom:clamp(.5rem,2vh,1rem);color:#000;font-family:Amiri,sans-serif;line-height:1.2;font-weight:700}.hero-text p{font-size:clamp(1rem,2.5vw,1.25rem);color:#555;font-weight:500;font-family:Poppins,sans-serif;line-height:1.6;margin-bottom:0}.hero-image{width:100%;margin-top:clamp(1rem,3vh,2rem);z-index:1;display:flex;justify-content:center;overflow:hidden;aspect-ratio:4/1;max-height:clamp(200px,25vh,300px)}.yellow-hero{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:clamp(8px,2vw,16px)}.hero-lower{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);padding:clamp(2rem,5vh,4rem) clamp(1rem,4vw,2rem);max-width:min(1200px,95vw);margin:0 auto}.mockup-container{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);width:100%}.mockup-image{aspect-ratio:719/479;max-width:100%;overflow:visible;cursor:pointer}.mockup-image,.mockup-pc{position:relative;width:100%}.mockup-pc{height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;border-radius:clamp(4px,1vw,8px);z-index:2}.video-placeholder{position:absolute;top:9%;left:16.5%;width:69.3%;height:64.9%;aspect-ratio:260/162;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:clamp(3px,.8vw,6px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;transition:all .3s ease;cursor:pointer;box-shadow:inset 0 2px 8px rgba(0,0,0,.3);opacity:1}.video-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.video-placeholder:hover{background:linear-gradient(135deg,#2d2d2d,#404040);transform:scale(1.05);box-shadow:inset 0 2px 8px rgba(0,0,0,.4)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-color:rgba(255,255,255,.8);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:2;transition:all .3s ease}.play-button:hover{background:#FFCC00;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 20px rgba(255,204,0,.4)}.play-icon{width:0;height:0;border-left:clamp(12px,3vw,18px) solid #000;border-top:clamp(8px,2vw,12px) solid transparent;border-bottom:clamp(8px,2vw,12px) solid transparent;margin-left:clamp(3px,.5vw,4px)}.video-text{position:absolute;bottom:0;left:0;width:100%;padding:7px;text-shadow:0 0 16px rgba(255,255,255,.7);background-blend-mode:overlay;color:rgb(255,255,255);background-color:rgba(0,0,0,.4);z-index:2;justify-items:center}.video-title{font-weight:700;margin-bottom:5px}.video-duration{font-size:.9em}.hero-content{padding:clamp(1rem,3vw,2rem);text-align:center}.hero-content h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:clamp(1rem,3vh,1.5rem);color:#000;font-family:Amiri,sans-serif;line-height:1.3;font-weight:600}.hero-content p{font-size:clamp(1rem,2vw,1.25rem);margin:clamp(.5rem,1vh,1rem) 0;color:#555;line-height:1.6;font-family:Poppins,sans-serif}.video-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.95);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.video-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;cursor:pointer;opacity:.3}.video-modal-container{position:relative;width:90%;max-width:1200px;height:90%;max-height:675px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.5);animation:scaleIn .3s ease-out}.video-modal-close{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.9);border:none;width:40px;height:40px;border-radius:50%;font-size:24px;font-weight:700;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10001}.video-modal-close:hover{background:#fff;transform:scale(1.1)}.video-modal-content,.vimeo-container{position:relative;width:100%;height:100%;background:#000}.vimeo-container{padding:0}.vimeo-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:#000}.video-error-state,.video-loading-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:10002}.video-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.video-retry-button{background:#007bff;color:#fff;border-radius:6px;margin-top:15px;transition:background .2s ease}.video-retry-button:hover{background:#0056b3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.video-modal-container{width:95%;height:85%;max-height:none}.video-modal-close{top:10px;width:35px;height:35px;font-size:20px}.vimeo-container{border-radius:8px;overflow:hidden}}@media (max-width:480px){.video-modal-container{width:98%;height:80%;border-radius:8px}}body.modal-open{overflow:hidden;position:fixed;width:100%}.video-error-state p,.video-loading-state p{font-size:18px;margin-bottom:16px;text-align:center;font-family:Poppins,sans-serif}.video-retry-button{padding:12px 24px;background:#FFCC00;color:#000;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.video-retry-button:hover{background:#FFD700;transform:translateY(-2px)}@media (max-width:1023px) and (min-width:768px){.hero-lower{grid-template-columns:1fr;gap:3rem;text-align:center}.mockup-image{order:-1;max-width:600px;margin:0 auto}.hero-content{text-align:center}}@media (max-width:767px){.hero-section{min-height:auto}.hero-upper{min-height:clamp(350px,50vh,450px);padding-top:7rem}.hero-lower{grid-template-columns:1fr;gap:2.5rem;padding:2rem 1rem 3rem}.mockup-image{order:-1;max-width:500px;margin:0 auto}.video-placeholder{top:9%;left:16%;width:70%;height:66%}.play-button{width:clamp(25px,8vw,40px);height:clamp(25px,8vw,40px)}.play-icon{border-left:clamp(6px,3vw,10px) solid #000;border-top:clamp(4px,2vw,6px) solid transparent;border-bottom:clamp(4px,2vw,6px) solid transparent}.video-modal-container{width:95vw}}@media (max-width:480px){.hero-section{margin-bottom:clamp(2rem,6vw,4rem)}.hero-upper{min-height:clamp(300px,45vh,400px);padding-top:7rem}.hero-text{max-width:95vw}.hero-text h1{font-size:clamp(2rem,8vw,2.5rem);line-height:1.1}.hero-text p{font-size:clamp(.9rem,4vw,1.1rem)}.hero-lower{grid-template-columns:1fr;gap:2rem;padding:3rem .5rem}.mockup-image{order:-1;max-width:100%;aspect-ratio:16/10}.video-placeholder{top:11%;left:17%;width:68%;height:68%;border-radius:clamp(2px,1vw,4px)}.video-text{font-size:clamp(.6rem,3vw,.8rem)}.video-duration{font-size:clamp(.5rem,2.5vw,.7rem)}.hero-content{padding:clamp(.5rem,2vw,1rem)}.hero-content h2{font-size:clamp(1.5rem,6vw,1.8rem)}.hero-content p{font-size:clamp(.9rem,3.5vw,1rem)}.hero-image{aspect-ratio:2.5/1;max-height:clamp(120px,15vh,150px);margin-top:clamp(.5rem,2vh,1rem)}.video-modal-container{width:98vw}.video-modal-close{top:10px;width:45px;height:45px;font-size:22px}.video-spinner{width:40px;height:40px}.video-error-state p,.video-loading-state p{font-size:16px}.video-retry-button{padding:10px 20px;font-size:14px}}@media (prefers-reduced-motion:reduce){.mockup-pc,.play-button,.video-placeholder,.yellow-hero{transition:none}.mockup-pc:hover,.play-button:hover,.video-placeholder:hover,.yellow-hero:hover{transform:none}}@media (prefers-contrast:high){.hero-text h1{color:#000;font-weight:800}.hero-content p,.hero-text p{color:#333;font-weight:600}}body.video-modal-open .floating-chatbot,body.video-modal-open .navbar{display:none!important}.afaq-plus-courses-section{padding:2rem 0;background-color:#ffffff;width:100%;display:flex;flex-direction:column;align-items:center}.afaq-plus-courses-container{width:100vw;max-width:100vw;margin:0 auto;padding:0 2vw;display:flex;justify-content:center;overflow:hidden}.afaq-plus-courses-grid-container{width:calc(100vw - 12vw);max-width:calc(100vw - 12vw);margin:0 auto;display:flex;justify-content:center}.afaq-plus-courses-header{text-align:center;margin-bottom:2rem}.afaq-plus-courses-title{font-size:2rem;font-weight:700;color:#2c3e50;margin:0 auto 2rem;font-family:Amiri,serif;text-align:center;display:flex;justify-content:center}.afaq-plus-no-courses-message{text-align:center;font-size:1.2rem;color:#6c757d;margin:2rem 0;font-family:Amiri,serif}.afaq-plus-courses-carousel{position:relative;display:flex;align-items:center;gap:2vw;overflow:hidden;width:100%;justify-content:center}.afaq-plus-courses-grid{display:flex;transition:transform .3s ease;width:max-content;justify-content:flex-start}.afaq-plus-course-card{flex:0 0 auto;height:161px}.afaq-plus-carousel-arrow,.afaq-plus-course-card{display:flex;align-items:center;justify-content:center}.afaq-plus-carousel-arrow{background:#ffffff;border:2px solid #e9ecef;border-radius:50%;width:3vw;height:3vw;min-width:40px;min-height:40px;max-width:48px;max-height:48px;cursor:pointer;transition:all .3s ease;color:#6c757d;z-index:10;flex-shrink:0}.afaq-plus-carousel-arrow:hover{background:#003772;border-color:#003772;color:white}.afaq-plus-carousel-arrow:active{transform:scale(.95)}.afaq-plus-carousel-arrow-right{order:-1}.afaq-plus-carousel-arrow-left{order:1}@media (min-width:1400px){.afaq-plus-course-card{width:280px;flex:0 0 280px}.afaq-plus-courses-grid{gap:2rem}.afaq-plus-courses-container{max-width:95vw}.afaq-plus-courses-grid-container{width:calc(95vw - 10vw);max-width:calc(95vw - 10vw)}}@media (max-width:1399px) and (min-width:1100px){.afaq-plus-course-card{width:300px;flex:0 0 300px}.afaq-plus-courses-grid{gap:2rem}.afaq-plus-courses-container{max-width:92vw}.afaq-plus-courses-grid-container{width:calc(92vw - 10vw);max-width:calc(92vw - 10vw)}}@media (max-width:1099px) and (min-width:800px){.afaq-plus-course-card{width:280px;flex:0 0 280px}.afaq-plus-courses-grid{gap:1.5rem}.afaq-plus-courses-container{padding:0 3vw;max-width:94vw}.afaq-plus-courses-grid-container{width:calc(94vw - 12vw);max-width:calc(94vw - 12vw)}}@media (max-width:799px) and (min-width:500px){.afaq-plus-course-card{width:320px;flex:0 0 320px}.afaq-plus-courses-grid{gap:1.5rem}.afaq-plus-courses-container{padding:0 2vw;max-width:96vw}.afaq-plus-courses-grid-container{width:calc(96vw - 14vw);max-width:calc(96vw - 14vw)}.afaq-plus-courses-title{font-size:1.75rem}.afaq-plus-carousel-arrow{width:6vw;height:6vw;min-width:44px;min-height:44px;max-width:50px;max-height:50px}}@media (max-width:499px){.afaq-plus-course-card{width:calc(100vw - 120px);flex:0 0 calc(100vw - 120px);max-width:350px;min-width:280px}.afaq-plus-courses-grid{gap:1rem}.afaq-plus-courses-container{padding:0 2vw;max-width:98vw}.afaq-plus-courses-grid-container{width:calc(98vw - 16vw);max-width:calc(98vw - 16vw)}.afaq-plus-courses-title{font-size:1.5rem}.afaq-plus-carousel-arrow{width:8vw;height:8vw;min-width:40px;min-height:40px;max-width:45px;max-height:45px}.afaq-plus-carousel-arrow svg{width:20px;height:20px}}@media (max-width:350px){.afaq-plus-course-card{width:calc(100vw - 100px);flex:0 0 calc(100vw - 19vw);min-width:250px;max-width:280px}.afaq-plus-courses-container{padding:0 1vw;max-width:99vw}.afaq-plus-courses-grid-container{width:calc(99vw - 18vw);max-width:calc(99vw - 18vw)}.afaq-plus-courses-grid{gap:.5rem}}.afaq-plus-courses-grid-container{overflow:hidden;position:relative}.afaq-plus-courses-grid{will-change:transform}.afaq-plus-courses-grid-container::-webkit-scrollbar{display:none}.afaq-plus-courses-grid-container{-ms-overflow-style:none;scrollbar-width:none}.afaq-plus-card-mini{position:relative;width:100%;height:161px;overflow:hidden;cursor:pointer;transition:transform .3s ease-out;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 13.2px 0 rgba(0,0,0,.14);background:linear-gradient(white,white) padding-box,linear-gradient(90deg,#FF00F6,#03FFF7) border-box;border:3px solid transparent;border-radius:20px}.afaq-plus-card-mini:hover{transform:translateY(-8px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.afaq-plus-card-mini-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem;width:100%;height:100%}.afaq-plus-card-mini-subject-badge{color:#000957;padding:8px 16px;font-family:Rubik,sans-serif;font-size:24px;font-weight:600;text-align:center;line-height:1.2;word-wrap:break-word;hyphens:auto}.afaq-plus-card-mini-subject-badge span{display:block;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.afaq-plus-card-mini-section-id{font-size:14px;font-weight:400;color:#666;margin-top:4px;padding:2px 8px;background-color:#f0f0f0;border-radius:12px;display:inline-block}.afaq-plus-card-mini-background,.afaq-plus-card-mini-image,.afaq-plus-card-mini-image-container{display:none}.afaq-plus-card-mini-star-icon{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.9);border-radius:50%;padding:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px;z-index:3}.afaq-plus-card-mini-star-icon:hover{background:rgba(255,255,255,1);transform:scale(1.1)}.afaq-plus-card-mini-star-icon.favorite{background:rgba(234,179,8,.1)}.afaq-plus-card-mini-chapters,.afaq-plus-card-mini-enroll-btn,.afaq-plus-card-mini-info,.afaq-plus-card-mini-instructor,.afaq-plus-card-mini-price,.afaq-plus-card-mini-title{display:none}@media (max-width:1099px){.afaq-plus-card-mini-subject-badge{font-size:22px;padding:6px 14px}}@media (max-width:799px){.afaq-plus-card-mini-subject-badge{font-size:20px;padding:6px 12px}}@media (max-width:499px){.afaq-plus-card-mini{height:140px}.afaq-plus-card-mini-content{padding:.75rem}.afaq-plus-card-mini-subject-badge{font-size:18px;padding:4px 10px}}@media (max-width:350px){.afaq-plus-card-mini{height:120px}.afaq-plus-card-mini-content{padding:.5rem}.afaq-plus-card-mini-subject-badge{font-size:16px;padding:4px 8px}}