*{margin:0;padding:0;box-sizing:border-box;} html{font-size:16px;overflow-x:hidden;scroll-behavior:smooth;} body{font-family:'Poppins', sans-serif;color:#2d3436;background:#ffffff;overflow-x:hidden;line-height:1.6;} img{max-width:100%;height:auto;} a{text-decoration:none;color:inherit;} .container{width:100%;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto;} @media (min-width:768px){.container{max-width:750px;}} @media (min-width:1024px){.container{max-width:1200px;}} .section-header{text-align:center;margin-bottom:40px;} .section-title{font-size:24px;font-weight:700;text-align:center;color:#193c76;margin-bottom:15px;line-height:1.2;} @media (min-width:768px){.section-title{font-size:32px;margin-bottom:20px;}} @media (min-width:1024px){.section-title{font-size:40px;margin-bottom:25px;}} .section-subtitle{font-size:16px;font-weight:600;text-align:center;color:#2d3436;margin-bottom:15px;} @media (min-width:768px){.section-subtitle{font-size:20px;margin-bottom:20px;}} @media (min-width:1024px){.section-subtitle{font-size:24px;margin-bottom:25px;}} .section-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);color:#1e40af;border-radius:20px;font-size:13px;font-weight:700;margin-bottom:30px;} @media (min-width:768px){.section-tag{font-size:14px;padding:10px 20px;}} @media (min-width:1024px){.section-tag{font-size:15px;padding:12px 24px;}} .section-description{font-size:14px;text-align:center;color:#636e72;margin-bottom:30px;line-height:1.7;} @media (min-width:768px){.section-description{font-size:16px;margin-bottom:40px;}} @media (min-width:1024px){.section-description{font-size:18px;margin-bottom:50px;}} .hero-section{min-height:100vh;background:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 50%, #90caf9 100%);background-attachment:fixed;background-position:center;padding:80px 0 50px;margin-top:70px;display:flex;align-items:center;position:relative;overflow:hidden;} .hero-section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);border-radius:50%;pointer-events:none;} .hero-section::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%);border-radius:50%;pointer-events:none;} @media (min-width:768px){.hero-section{padding:100px 0;}} .hero-section .container{display:flex;flex-direction:column;align-items:center;gap:30px;position:relative;z-index:1;} @media (min-width:768px){.hero-section .container{flex-direction:row;gap:50px;}} .hero-content{flex:1;text-align:center;} @media (min-width:768px){.hero-content{text-align:left;}} .hero-title{font-size:28px;font-weight:800;color:#193c76;text-transform:uppercase;line-height:1.1;margin-bottom:15px;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,0.05);} @media (min-width:768px){.hero-title{font-size:42px;margin-bottom:20px;}} @media (min-width:1024px){.hero-title{font-size:64px;margin-bottom:25px;}} .hero-subtitle{font-size:18px;font-weight:600;color:#0077b6;line-height:1.3;margin-bottom:15px;} @media (min-width:768px){.hero-subtitle{font-size:24px;margin-bottom:20px;}} @media (min-width:1024px){.hero-subtitle{font-size:32px;margin-bottom:25px;}} .hero-description{font-size:14px;color:#636e72;line-height:1.7;margin-bottom:25px;} @media (min-width:768px){.hero-description{font-size:16px;margin-bottom:30px;}} @media (min-width:1024px){.hero-description{font-size:18px;margin-bottom:35px;}} .hero-stats{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px;} @media (min-width:768px){.hero-stats{justify-content:flex-start;gap:20px;}} .stat-badge{display:flex;align-items:center;gap:10px;padding:12px 20px;background:rgba(255, 255, 255, 0.95);border-radius:20px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.1);transition:all 0.3s ease;} .stat-badge:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0, 0, 0, 0.15);} .stat-badge i{font-size:24px;color:#193c76;} .stat-badge div{display:flex;flex-direction:column;align-items:flex-start;} .stat-badge strong{font-size:20px;font-weight:800;color:#193c76;line-height:1;} .stat-badge span{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;} .btn-scroll{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg, #193c76 0%, #0077b6 100%);color:#ffffff;border-radius:30px;font-weight:700;font-size:14px;border:none;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(25, 60, 118, 0.3);position:relative;overflow:hidden;} .btn-scroll::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255, 255, 255, 0.2);transform:translate(-50%, -50%);transition:width 0.6s, height 0.6s;} .btn-scroll:hover::before{width:300px;height:300px;} @media (min-width:768px){.btn-scroll{padding:16px 32px;font-size:15px;}} @media (min-width:1024px){.btn-scroll{padding:18px 40px;font-size:16px;}} .btn-scroll:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(25, 60, 118, 0.4);} .btn-scroll i{animation:bounce 2s infinite;} @keyframes bounce{0%, 100%{transform:translateY(0);} 50%{transform:translateY(5px);}} .hero-badge{flex:1;display:flex;justify-content:center;} .floating-medi{width:100%;max-width:280px;} @media (min-width:768px){.floating-medi{max-width:350px;}} @media (min-width:1024px){.floating-medi{max-width:500px;animation:float 6s ease-in-out infinite;}} @keyframes float{0%, 100%{transform:translateY(0);} 50%{transform:translateY(-20px);}} .medi-image{width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0, 0, 0, 0.15));} .about-section{padding:60px 0;background:#ffffff;} @media (min-width:768px){.about-section{padding:80px 0;}} @media (min-width:1024px){.about-section{padding:100px 0;}} .about-header{margin-bottom:30px;} .about-content{max-width:900px;margin:0 auto;} .about-text{font-size:14px;color:#636e72;line-height:1.8;margin-bottom:20px;text-align:left;} @media (min-width:768px){.about-text{font-size:16px;text-align:justify;}} @media (min-width:1024px){.about-text{font-size:17px;}} .modules-section{padding:60px 0;background:#ffffff;position:relative;} @media (min-width:768px){.modules-section{padding:80px 0;}} @media (min-width:1024px){.modules-section{padding:100px 0;}} .modules-section.bg-light{background:linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);} .ebook-section{padding:60px 0;background:linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);} @media (min-width:768px){.ebook-section{padding:80px 0;}} @media (min-width:1024px){.ebook-section{padding:100px 0;}} .ebook-slider-wrapper{width:100%;padding:20px 0;overflow:visible;position:relative;} .ebook-swiper{width:100%;padding:30px 0 70px;overflow:visible;} .ebook-swiper .swiper-wrapper{display:flex;align-items:stretch;transition-timing-function:ease-out;} .ebook-swiper .swiper-slide{height:auto;display:flex !important;justify-content:center !important;align-items:stretch !important;transition:opacity 0.4s ease, transform 0.4s ease;} @media (max-width:639px){.ebook-slider-wrapper{padding:0;overflow:visible;} .ebook-swiper{width:100%;padding:30px 0 70px !important;overflow:visible;} .ebook-swiper .swiper-slide{width:85% !important;opacity:0.4;transform:scale(0.90);} .ebook-swiper .swiper-slide-active{opacity:1 !important;transform:scale(1) !important;z-index:2;} .ebook-swiper .swiper-slide-next, .ebook-swiper .swiper-slide-prev{opacity:0.5;transform:scale(0.92);}} @media (min-width:640px) and (max-width:767px){.ebook-slider-wrapper{max-width:100%;margin:0 auto;padding:0 20px;} .ebook-swiper .swiper-slide{opacity:0.5;} .ebook-swiper .swiper-slide-active, .ebook-swiper .swiper-slide-next{opacity:1;}} @media (min-width:768px){.ebook-slider-wrapper{max-width:1000px;margin:0 auto;} .ebook-swiper .swiper-slide{opacity:1;}} @media (min-width:1024px){.ebook-slider-wrapper{max-width:1200px;}} .ebook-card{background:#ffffff;border-radius:24px;overflow:hidden;box-shadow:0 4px 20px rgba(0, 0, 0, 0.12);transition:all 0.4s ease;height:100%;display:flex;flex-direction:column;width:100%;max-width:100%;border:2px solid #f0f0f0;} .ebook-card:hover{transform:translateY(-10px);box-shadow:0 20px 45px rgba(0, 0, 0, 0.2);border-color:#193c76;} .ebook-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;} .ebook-image{width:100%;height:300px;position:relative;overflow:hidden;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);flex-shrink:0;display:flex;align-items:center;justify-content:center;} @media (min-width:640px){.ebook-image{height:340px;}} @media (min-width:768px){.ebook-image{height:380px;}} @media (min-width:1024px){.ebook-image{height:420px;}} .ebook-image img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:contain;object-position:center;transition:transform 0.5s ease;padding:20px;} .ebook-card:hover .ebook-image img{transform:translate(-50%, -50%) scale(1.1);} .ebook-badge{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg, #edd25f 0%, #f5c542 100%);color:#193c76;border-radius:25px;font-size:12px;font-weight:800;z-index:2;box-shadow:0 4px 15px rgba(245, 197, 66, 0.5);text-transform:uppercase;letter-spacing:1px;border:2px solid rgba(255, 255, 255, 0.3);} @media (min-width:768px){.ebook-badge{font-size:13px;padding:11px 20px;}} @media (min-width:1024px){.ebook-badge{top:20px;right:20px;font-size:14px;padding:12px 22px;}} .ebook-content{padding:20px;flex:1;display:flex;flex-direction:column;min-height:150px;background:#ffffff;} @media (min-width:768px){.ebook-content{padding:24px;min-height:160px;}} @media (min-width:1024px){.ebook-content{padding:28px;min-height:170px;}} .ebook-content h4{font-size:16px;font-weight:700;color:#193c76;margin-bottom:16px;line-height:1.4;min-height:44px;max-height:66px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s ease;} .ebook-card:hover .ebook-content h4{color:#0077b6;} @media (min-width:768px){.ebook-content h4{font-size:17px;min-height:48px;max-height:72px;}} @media (min-width:1024px){.ebook-content h4{font-size:18px;min-height:50px;max-height:75px;}} .ebook-download-form{margin-top:auto;} .btn-download{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:linear-gradient(135deg, #193c76 0%, #0077b6 100%);color:#ffffff;border:none;border-radius:20px;font-weight:800;font-size:14px;cursor:pointer;transition:all 0.3s ease;flex-shrink:0;margin-top:auto;text-transform:uppercase;letter-spacing:0.8px;box-shadow:0 6px 20px rgba(25, 60, 118, 0.4);position:relative;overflow:hidden;} .btn-download::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255, 255, 255, 0.3);transform:translate(-50%, -50%);transition:width 0.6s, height 0.6s;} .btn-download:hover::before{width:400px;height:400px;} @media (min-width:768px){.btn-download{padding:15px 22px;font-size:15px;}} @media (min-width:1024px){.btn-download{padding:16px 24px;font-size:16px;}} .btn-download:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(25, 60, 118, 0.5);} .btn-download:active{transform:translateY(-1px);} .btn-download.loading{pointer-events:none;opacity:0.7;} .ebook-prev, .ebook-next, .membership-prev, .membership-next{width:48px;height:48px;background:#ffffff;border-radius:50%;box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);color:#193c76;transition:all 0.3s ease;} @media (min-width:768px){.ebook-prev, .ebook-next, .membership-prev, .membership-next{width:52px;height:52px;}} @media (min-width:1024px){.ebook-prev, .ebook-next, .membership-prev, .membership-next{width:56px;height:56px;}} .ebook-prev:hover, .ebook-next:hover, .membership-prev:hover, .membership-next:hover{background:#193c76;color:#ffffff;transform:scale(1.2);box-shadow:0 8px 25px rgba(25, 60, 118, 0.4);} .ebook-prev::after, .ebook-next::after, .membership-prev::after, .membership-next::after{font-size:20px;font-weight:900;} @media (min-width:768px){.ebook-prev::after, .ebook-next::after, .membership-prev::after, .membership-next::after{font-size:22px;}} @media (min-width:1024px){.ebook-prev::after, .ebook-next::after, .membership-prev::after, .membership-next::after{font-size:24px;}} @media (max-width:767px){.ebook-prev, .ebook-next, .membership-prev, .membership-next{display:none !important;}} .ebook-pagination, .membership-pagination{bottom:30px !important;} @media (min-width:768px){.ebook-pagination, .membership-pagination{bottom:35px !important;}} .ebook-pagination .swiper-pagination-bullet, .membership-pagination .swiper-pagination-bullet{width:12px;height:12px;background:#193c76;opacity:0.3;transition:all 0.3s ease;} @media (min-width:1024px){.ebook-pagination .swiper-pagination-bullet, .membership-pagination .swiper-pagination-bullet{width:14px;height:14px;}} .ebook-pagination .swiper-pagination-bullet-active, .membership-pagination .swiper-pagination-bullet-active{opacity:1;width:36px;border-radius:7px;background:linear-gradient(135deg, #193c76 0%, #0077b6 100%);} @media (min-width:1024px){.ebook-pagination .swiper-pagination-bullet-active, .membership-pagination .swiper-pagination-bullet-active{width:44px;}} .cta-section{padding:70px 0;background:linear-gradient(135deg, #193c76 0%, #0077b6 100%);position:relative;overflow:hidden;} .cta-section::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);border-radius:50%;} @media (min-width:768px){.cta-section{padding:90px 0;}} @media (min-width:1024px){.cta-section{padding:110px 0;}} .cta-content{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:1;} .cta-icon{width:85px;height:85px;background:rgba(255, 255, 255, 0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;backdrop-filter:blur(10px);} @media (min-width:768px){.cta-icon{width:95px;height:95px;margin-bottom:32px;}} @media (min-width:1024px){.cta-icon{width:110px;height:110px;}} .cta-icon i{font-size:38px;color:#ffffff;} @media (min-width:768px){.cta-icon i{font-size:44px;}} @media (min-width:1024px){.cta-icon i{font-size:52px;}} .cta-content h2{font-size:28px;font-weight:800;color:#ffffff;margin-bottom:16px;} @media (min-width:768px){.cta-content h2{font-size:34px;margin-bottom:20px;}} @media (min-width:1024px){.cta-content h2{font-size:42px;margin-bottom:24px;}} .cta-content p{font-size:15px;color:rgba(255, 255, 255, 0.92);margin-bottom:28px;line-height:1.7;} @media (min-width:768px){.cta-content p{font-size:17px;margin-bottom:32px;}} @media (min-width:1024px){.cta-content p{font-size:19px;}} .btn-cta{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;background:linear-gradient(135deg, #edd25f 0%, #f5c542 100%);color:#193c76;border-radius:35px;font-weight:800;font-size:16px;border:none;cursor:pointer;transition:all 0.3s ease;text-decoration:none;text-transform:uppercase;letter-spacing:0.8px;box-shadow:0 6px 20px rgba(245, 197, 66, 0.5);position:relative;overflow:hidden;} .btn-cta::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255, 255, 255, 0.3);transform:translate(-50%, -50%);transition:width 0.6s, height 0.6s;} .btn-cta:hover::before{width:400px;height:400px;} @media (min-width:768px){.btn-cta{padding:20px 44px;font-size:17px;}} @media (min-width:1024px){.btn-cta{padding:22px 54px;font-size:18px;}} .btn-cta:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(245, 197, 66, 0.6);color:#193c76;} .bg-light{background:linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);} .ebook-swiper, .ebook-swiper .swiper-slide, .ebook-card, .free-course-card, .module-card{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;} .ebook-card, .free-course-card, .module-card{contain:layout style paint;will-change:transform;} @media (max-width:767px){.section-title br{display:none;}}