@import url('reset.css');@import url('variables.css');@import url('footer.css');@import url('navbar.css');.hero-section{position:relative;overflow:hidden;background:var(--mr-surface-soft);padding-top:var(--mr-space-16);padding-bottom:var(--mr-space-16)}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg .blob{position:absolute;border-radius:50%;filter:blur(140px);opacity:.25}.blob1{width:350px;height:350px;background:var(--mr-primary);top:-100px;right:-120px}.blob2{width:300px;height:300px;background:var(--mr-secondary);bottom:-120px;left:-120px}.blob3{width:180px;height:180px;background:var(--mr-warning);top:150px;left:40%}.hero-title{font-size:var(--mr-font-size-5xl);font-weight:var(--mr-fw-extrabold);line-height:1.6;color:var(--mr-text)}.hero-title span{color:var(--mr-primary)}.hero-text{font-size:var(--mr-font-size-lg);line-height:2;color:var(--mr-text-muted);max-width:520px}.hero-image{max-width:95%;animation:float 5s var(--mr-ease) infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}100%{transform:translateY(0)}}.btn-main{background:var(--mr-gradient-primary);color:var(--mr-surface);padding:var(--mr-btn-padding);border-radius:var(--mr-btn-radius);font-weight:var(--mr-fw-medium);transition:var(--mr-transition);z-index:var(--mr-z-content);border:none;cursor:pointer;display:inline-block;text-align:center}.btn-main:hover{background:var(--mr-primary-700);color:var(--mr-text-inverse);transform:translateY(-2px)}.btn-outline-main{border:1.5px solid var(--mr-primary-600);color:var(--mr-primary-700);padding:var(--mr-btn-padding);border-radius:var(--mr-radius-sm);font-weight:var(--mr-fw-light);z-index:var(--mr-z-content);background:transparent;transition:var(--mr-transition);cursor:pointer;display:inline-block;text-align:center}.btn-outline-main:hover{background:var(--mr-primary-50);border-color:var(--mr-primary);color:var(--mr-primary-700);font-weight:var(--mr-fw-medium)}.students{margin-top:var(--mr-space-10)}.avatars{display:flex}.avatars img{width:var(--mr-avatar-md);height:var(--mr-avatar-md);border-radius:50%;border:3px solid var(--mr-surface);margin-left:-12px;object-fit:cover;box-shadow:var(--mr-shadow-sm)}.students strong{display:block;font-size:var(--mr-font-size-lg)}.students p{font-size:var(--mr-font-size-sm)}@media (max-width:992px){.hero-title{font-size:var(--mr-font-size-4xl);text-align:center}.hero-text{text-align:center;max-width:100%}.hero-section .d-flex{justify-content:center}.students{justify-content:center}}@media (max-width:576px){.hero-title{font-size:var(--mr-font-size-3xl)}.hero-text{font-size:var(--mr-font-size-base)}.btn-main,.btn-outline-main{width:100%}}.features{margin-top:var(--mr-space-8);margin-bottom:var(--mr-space-10)}.feature-card{background:var(--mr-surface);border-radius:var(--mr-radius-md);padding:var(--mr-space-8) var(--mr-space-6);text-align:center;height:100%;transition:var(--mr-transition);box-shadow:var(--mr-shadow-md);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.6)}.feature-card:hover{transform:translateY(-10px);box-shadow:var(--mr-shadow-lg)}.feature-icon{width:75px;height:75px;border-radius:var(--mr-radius-md);display:flex;justify-content:center;align-items:center;font-size:var(--mr-font-size-2xl);margin:0 auto var(--mr-space-5)}.feature-icon--purple{background:var(--mr-primary-50);color:var(--mr-primary-600);box-shadow:0 0 45px rgba(var(--mr-primary-rgb),.22)}.feature-icon--teal{background:var(--mr-secondary-50);color:var(--mr-secondary-600);box-shadow:0 0 45px rgba(var(--mr-secondary-rgb),.18)}.feature-icon--gold{background:var(--mr-accent-50);color:var(--mr-accent-700);box-shadow:0 0 45px rgba(var(--mr-accent-rgb),.16)}.feature-card h4{font-size:var(--mr-font-size-xl);font-weight:var(--mr-fw-bold);margin-bottom:var(--mr-space-4)}.feature-card p{color:var(--mr-text-muted);line-height:1.9}@media (max-width:768px){.feature-card p{font-size:.79rem}.feature-card{margin-bottom:var(--mr-space-4)}}.courses{background:var(--mr-surface);padding:var(--mr-space-20) 0}.section-subtitle{color:var(--mr-primary);font-weight:var(--mr-fw-bold)}.section-title{font-size:var(--mr-font-size-xl);font-weight:var(--mr-fw-extrabold)}.section-desc{color:var(--mr-text-muted);max-width:650px;margin:var(--mr-space-4) auto 0;line-height:2}.btn-all{border:2px solid var(--mr-primary);color:var(--mr-primary);border-radius:var(--mr-radius-sm);padding:var(--mr-space-3) var(--mr-space-6);transition:var(--mr-transition);display:inline-block;background:transparent}.btn-all:hover{background:var(--mr-primary-50);border-color:var(--mr-primary);color:var(--mr-primary)}.course-card{background:var(--mr-surface);border:1px solid var(--mr-border);border-radius:var(--mr-card-radius);overflow:hidden;box-shadow:var(--mr-shadow-xs);height:100%;display:flex;flex-direction:column;transition:transform var(--mr-transition),box-shadow var(--mr-transition),border-color var(--mr-transition);position:relative}.course-card:hover{transform:translateY(-10px);box-shadow:var(--mr-shadow-lg);border-color:var(--mr-primary-200)}.course-image{position:relative;overflow:hidden;aspect-ratio:var(--mr-course-cover-ratio);background:var(--mr-primary-50)}.course-img{width:100%;height:100%;object-fit:cover;transition:var(--mr-transition-slow);display:block}.course-card:hover .course-img{transform:scale(1.08)}.course-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.35),transparent 50%)}.mr-course-card__badge{position:absolute;top:var(--mr-space-4);right:var(--mr-space-4);z-index:var(--mr-z-base);padding:var(--mr-space-1) var(--mr-space-3);border-radius:var(--mr-radius-pill);background:var(--mr-secondary);color:var(--mr-surface);font-size:var(--mr-font-size-xs);font-weight:var(--mr-fw-semibold)}.mr-course-card__favorite{position:absolute;left:var(--mr-space-4);top:var(--mr-space-4);z-index:var(--mr-z-base);width:var(--mr-favorite-size);height:var(--mr-favorite-size);border:none;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;transition:var(--mr-transition);cursor:pointer}.mr-course-card__favorite:hover{background:var(--mr-surface);color:var(--mr-danger);transform:scale(1.08)}.course-body{display:flex;flex-direction:column;flex:1;padding:var(--mr-card-padding)}.mr-course-card__grade{align-self:flex-start;padding:var(--mr-space-1) var(--mr-space-3);margin-bottom:var(--mr-space-4);border-radius:var(--mr-radius-pill);background:var(--mr-primary-50);color:var(--mr-primary);font-size:var(--mr-font-size-xs);font-weight:var(--mr-fw-semibold)}.course-rate{color:var(--mr-rating-color);font-weight:var(--mr-fw-bold)}.mr-course-card__title{margin:0 0 var(--mr-space-3);font-size:var(--mr-font-size-lg);font-weight:var(--mr-fw-bold);line-height:1.6}.mr-course-card__title a{color:var(--mr-text);text-decoration:none;transition:color var(--mr-transition)}.mr-course-card__title a:hover{color:var(--mr-primary)}.course-body p{color:var(--mr-text-muted);line-height:2;margin-bottom:var(--mr-space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mr-course-card__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--mr-space-4);padding:var(--mr-space-5) var(--mr-card-padding);border-top:1px solid var(--mr-border)}.mr-course-card__price{display:flex;flex-direction:column}.mr-course-card__price del{color:var(--mr-text-muted);font-size:var(--mr-font-size-xs)}.mr-course-card__price strong{color:var(--mr-text-heading);font-size:var(--mr-font-size-sm)}.mr-course-card__progress .progress{height:8px;border-radius:var(--mr-radius-pill);margin-bottom:var(--mr-space-2)}.mr-course-card .btn{white-space:nowrap;border-radius:var(--mr-btn-radius);padding-inline:var(--mr-space-5)}.path-card{background:var(--mr-surface);border-radius:var(--mr-radius-lg);padding:var(--mr-space-8) var(--mr-space-7);text-align:center;position:relative;transition:var(--mr-transition);box-shadow:var(--mr-shadow-md);height:100%;border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(18px)}.path-card:hover{transform:translateY(-10px);box-shadow:var(--mr-shadow-lg)}.path-number{position:absolute;top:var(--mr-space-5);left:var(--mr-space-5);font-size:var(--mr-font-size-3xl);color:var(--mr-text-muted);font-weight:var(--mr-fw-extrabold)}.path-icon{width:85px;height:85px;margin:0 auto var(--mr-space-6);border-radius:var(--mr-radius-md);display:flex;align-items:center;justify-content:center;color:var(--mr-surface);font-size:var(--mr-font-size-2xl)}.path-icon--purple{background:var(--mr-primary)}.path-icon--blue{background:var(--mr-info)}.path-icon--orange{background:var(--mr-warning)}.path-icon--green{background:var(--mr-success)}.path-card h4{font-size:var(--mr-font-size-xl);font-weight:var(--mr-fw-bold);margin-bottom:var(--mr-space-4)}.path-card p{color:var(--mr-text-muted);line-height:2}@media (min-width:992px){.path-card::after{content:"";position:absolute;width:80px;height:3px;background:var(--mr-border);top:50%;left:-40px}.col-lg-3:first-child .path-card::after{display:none}}.stats-section{margin-top:var(--mr-space-20);margin-bottom:var(--mr-space-24)}.stats-card{position:relative;overflow:hidden;border-radius:var(--mr-radius-xl);background:linear-gradient(135deg,var(--mr-primary-700),var(--mr-primary-600) 45%,var(--mr-secondary-600));box-shadow:0 30px 80px rgba(75,57,255,.25)}.stats-card::before,.stats-card::after{content:"";position:absolute;width:280px;height:280px;background:rgba(255,255,255,.08);border-radius:50%}.stats-card::before{left:-120px;bottom:-120px}.stats-card::after{right:-120px;top:-120px}.stat-item{position:relative;padding:var(--mr-space-12) var(--mr-space-5);text-align:center;z-index:var(--mr-z-base);transition:var(--mr-transition)}.stat-item:hover{transform:translateY(-10px)}.stat-icon{width:110px;height:110px;margin:0 auto var(--mr-space-6);border-radius:50%;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 2px rgba(255,255,255,.4),0 10px 25px rgba(0,0,0,.15);transition:var(--mr-transition)}.stat-item:hover .stat-icon{transform:scale(1.08)}.stat-icon i{color:var(--mr-surface);font-size:var(--mr-font-size-3xl)}.stat-item h2{color:var(--mr-surface);font-size:var(--mr-font-size-5xl);font-weight:var(--mr-fw-extrabold);margin-bottom:var(--mr-space-3);line-height:1;text-shadow:0 5px 15px rgba(0,0,0,.18)}.stat-item p{color:rgba(255,255,255,.92);font-size:var(--mr-font-size-xl);font-weight:var(--mr-fw-semibold)}.border-start-custom{border-right:1px solid rgba(255,255,255,.25)}@media (max-width:992px){.border-start-custom{border-right:none;border-top:1px solid rgba(255,255,255,.18)}.stat-item{padding:var(--mr-space-10) var(--mr-space-5)}.stat-item h2{font-size:var(--mr-font-size-4xl)}.stat-item p{font-size:var(--mr-font-size-lg)}.stat-icon{width:90px;height:90px}.stat-icon i{font-size:var(--mr-font-size-2xl)}}@media (max-width:576px){.stats-card{border-radius:var(--mr-radius-lg)}.stat-item{padding:var(--mr-space-8) var(--mr-space-4)}.stat-item h2{font-size:var(--mr-font-size-3xl)}}.blog{background:var(--mr-surface-soft);padding:var(--mr-space-20) 0}.blog-card{background:var(--mr-surface);border-radius:var(--mr-radius-lg);overflow:hidden;box-shadow:var(--mr-shadow-sm);transition:var(--mr-transition);height:100%}.blog-card:hover{transform:translateY(-10px);box-shadow:var(--mr-shadow-lg)}.blog-card img{width:100%;height:240px;object-fit:cover}.blog-body{padding:var(--mr-card-padding)}.blog-date{color:var(--mr-secondary-500);font-size:var(--mr-font-size-sm);display:inline-block;margin-bottom:var(--mr-space-4)}.blog-body h4{font-size:var(--mr-font-size-xl);font-weight:var(--mr-fw-bold);line-height:1.7;margin-bottom:var(--mr-space-4)}.blog-body p{color:var(--mr-text-muted);line-height:2;margin-bottom:var(--mr-space-5)}.blog-body a{color:var(--mr-primary);font-weight:var(--mr-fw-bold);text-decoration:none;transition:color var(--mr-transition)}.blog-body a:hover{color:var(--mr-primary-700)}@media (max-width:768px){.blog-card img{height:200px}.blog-body h4{font-size:var(--mr-font-size-lg)}}.learning-section{padding:var(--mr-space-24) 0 var(--mr-space-16);background:var(--mr-surface);position:relative}.section-heading{margin-bottom:var(--mr-space-20)}.section-badge{color:var(--mr-primary);font-weight:var(--mr-fw-bold);font-size:var(--mr-font-size-lg)}.section-heading h2{font-size:var(--mr-font-size-5xl);font-weight:var(--mr-fw-extrabold);margin:var(--mr-space-4) 0;color:var(--mr-text)}.section-heading p{color:var(--mr-text-muted);font-size:var(--mr-font-size-lg)}.learning-wrapper{position:relative;margin-top:var(--mr-space-20)}.timeline{position:absolute;width:100%;height:4px;top:72px;left:0;background:linear-gradient(90deg,var(--mr-primary),#8A5CFF,#16C5E2,#16C5E2);opacity:.25}.timeline::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--mr-primary) 2px,transparent 2px);background-size:18px 4px;opacity:.9}.learning-item{position:relative;text-align:center;z-index:var(--mr-z-base)}.learning-item h4{font-size:var(--mr-font-size-3xl);font-weight:var(--mr-fw-extrabold);margin-top:var(--mr-space-7);color:var(--mr-text)}.learning-item p{margin-top:var(--mr-space-4);line-height:2;color:var(--mr-text-muted);font-size:var(--mr-font-size-lg)}.circle{width:105px;height:105px;margin:0 auto 25px auto;border-radius:50%;background:var(--mr-surface);display:flex;justify-content:center;align-items:center;font-size:var(--mr-font-size-3xl);position:relative;transition:var(--mr-transition-slow);box-shadow:var(--mr-shadow-sm)}.circle::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.8)}.circle::after{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(255,255,255,.55)}.circle i{z-index:var(--mr-z-base)}.circle--cyan{color:#17C5DD;box-shadow:0 0 45px rgba(23,197,221,.22)}.circle--orange{color:#F7B100;box-shadow:0 0 45px rgba(247,177,0,.22)}.circle--purple{color:var(--mr-primary);box-shadow:0 0 45px rgba(var(--mr-primary-rgb),.22)}.learning-item:hover .circle{transform:translateY(-12px) scale(1.06)}.learning-item:hover .circle::before{transform:scale(1.08)}.number{display:inline-flex;justify-content:center;align-items:center;margin-top:var(--mr-space-6);width:75px;height:42px;border-radius:var(--mr-radius-pill);background:var(--mr-primary-50);color:var(--mr-primary);font-size:var(--mr-font-size-3xl);font-weight:var(--mr-fw-extrabold);transition:var(--mr-transition)}.learning-item:hover .number{background:var(--mr-primary);color:var(--mr-surface)}.dot{width:18px;height:18px;border-radius:50%;position:absolute;top:64px;left:-10px;border:5px solid var(--mr-surface);z-index:var(--mr-z-base)}.dot--purple{background:var(--mr-primary)}.dot--orange{background:var(--mr-warning)}.dot--cyan{background:#16C5E2}.mr-pagination{display:flex;justify-content:center;margin-top:var(--mr-space-12)}.mr-pagination .pagination{gap:var(--mr-space-2)}.mr-pagination .page-link{width:var(--mr-pagination-size);height:var(--mr-pagination-size);display:flex;align-items:center;justify-content:center;border-radius:var(--mr-radius-sm);border:1px solid var(--mr-border);background:var(--mr-surface);color:var(--mr-text);transition:var(--mr-transition);font-weight:var(--mr-fw-semibold);text-decoration:none}.mr-pagination .page-link:hover{background:var(--mr-primary-50);border-color:var(--mr-primary);color:var(--mr-primary)}.mr-pagination .page-item.active .page-link{background:var(--mr-primary);border-color:var(--mr-primary);color:var(--mr-surface);box-shadow:var(--mr-shadow-sm)}.mr-pagination .page-item.disabled .page-link{opacity:.45;pointer-events:none}@media (max-width:576px){.mr-pagination .page-link{width:40px;height:40px;font-size:var(--mr-font-size-sm)}}.truncate-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.truncate-line-2{line-height:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}