.ma-root,[id^=ma-],.ma-hero,.ma-section,.ma-site-footer,.ma-modal-overlay{--ma-navy: #001949;--ma-navy-dark: #021635;--ma-navy-mid: #0A2460;--ma-mitra-blue: #0ABFDC;--ma-mitra-blue-lt: #DCF6FB;--ma-orange: #ED5B3E;--ma-orange-dark: #FF5C02;--ma-purple: #632D8A;--ma-purple-dark: #4C2782;--ma-magenta: #B21E80;--ma-cobalt: #0067D2;--ma-light-orange: #FF8D1D;--ma-diff-beginner: #15803D;--ma-diff-beginner-bg: #DCFCE7;--ma-diff-intermediate: #B45309;--ma-diff-intermediate-bg: #FEF3C7;--ma-diff-advanced: #B91C1C;--ma-diff-advanced-bg: #FEE2E2;--ma-bg-page: #F4F7FC;--ma-bg-card: #FFFFFF;--ma-text-primary: #001949;--ma-text-body: #2D3748;--ma-text-muted: #64748B;--ma-text-subtle: #94A3B8;--ma-border: #E2E8F0;--ma-border-light: #F1F5F9;--ma-shadow-sm: 0 1px 4px rgba(0,25,73,.06);--ma-shadow: 0 4px 20px rgba(0,25,73,.08);--ma-shadow-md: 0 8px 32px rgba(0,25,73,.12);--ma-shadow-lg: 0 16px 48px rgba(0,25,73,.16);--ma-radius-sm: 6px;--ma-radius: 12px;--ma-radius-lg: 16px;--ma-radius-xl: 24px;--ma-transition: .2s ease;--ma-transition-slow: .35s ease;--ma-color-bar: linear-gradient(to right, #FF5C02, #B21E80, #4C2782, #0ABFDC)}.ma-hero,.ma-section,.ma-site-footer,.ma-modal-overlay,.ma-color-bar,.ma-footer-color-bar{font-family:Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}.ma-color-bar{height:4px;background:var(--ma-color-bar);width:100%}.ma-hero{background:var(--ma-navy);background-image:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(10,191,220,.18) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 90% 80%,rgba(99,45,138,.2) 0%,transparent 60%);padding:72px 32px 80px;text-align:center;position:relative;overflow:hidden}.ma-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='30' cy='30' r='1' fill='%230ABFDC' fill-opacity='0.06'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.ma-hero-inner{position:relative;max-width:720px;margin:0 auto}.ma-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:#0abfdc1f;border:1px solid rgba(10,191,220,.25);border-radius:50px;font-size:12px;font-weight:600;color:var(--ma-mitra-blue);letter-spacing:.8px;text-transform:uppercase;margin-bottom:20px}.ma-hero h1{font-size:clamp(32px,5vw,52px);font-weight:800;color:#fff;line-height:1.15;letter-spacing:-1px;margin-bottom:16px}.ma-hero h1 span{color:var(--ma-mitra-blue)}.ma-hero-subtitle{font-size:17px;font-weight:400;color:#ffffffb3;margin-bottom:40px;max-width:540px;margin-left:auto;margin-right:auto}.ma-search-container{position:relative;max-width:580px;margin:0 auto 40px}.ma-search-bar{display:flex;align-items:center;background:#fff;border-radius:var(--ma-radius-lg);box-shadow:0 8px 40px #0003;padding:6px 6px 6px 20px;gap:8px}.ma-search-icon{color:var(--ma-text-muted);flex-shrink:0}#ma-search-input{flex:1;border:none;outline:none;font-family:Poppins,Arial,sans-serif;font-size:15px;font-weight:500;color:var(--ma-text-primary);background:transparent;box-shadow:none!important}#ma-search-input::placeholder{color:var(--ma-text-subtle);font-weight:400}.ma-search-clear{display:none;align-items:center;justify-content:center;width:28px;height:28px;background:var(--ma-border);border:none;border-radius:50%;color:var(--ma-text-muted);font-size:14px;flex-shrink:0;transition:background var(--ma-transition);cursor:pointer}.ma-search-clear:hover{background:#cbd5e1}.ma-search-clear.visible{display:flex}.ma-search-submit{padding:10px 22px;font-size:14px;font-weight:600;color:#fff;background:var(--ma-mitra-blue);border:none;border-radius:var(--ma-radius);transition:background var(--ma-transition);flex-shrink:0;cursor:pointer;font-family:Poppins,Arial,sans-serif}.ma-search-submit:hover{background:#08a8c4}.ma-hero-stats{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.ma-hero-stat{display:flex;flex-direction:column;align-items:center}.ma-hero-stat-number{font-size:28px;font-weight:800;color:#fff;line-height:1}.ma-hero-stat-label{font-size:12px;font-weight:500;color:#ffffff8c;text-transform:uppercase;letter-spacing:.8px;margin-top:2px}.ma-hero-stat-divider{width:1px;height:36px;background:#ffffff26}.ma-section{max-width:1280px;margin:0 auto;padding:64px 32px;background:var(--ma-bg-page)}#ma-products-section{background:var(--ma-bg-page)}.ma-courses-section{background:#fff}.ma-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px;flex-wrap:wrap}.ma-section-title{font-size:clamp(22px,3vw,30px);font-weight:800;color:var(--ma-navy);letter-spacing:-.5px;line-height:1.2;margin-bottom:6px}.ma-section-title span{color:var(--ma-mitra-blue)}.ma-section-subtitle{font-size:15px;color:var(--ma-text-muted);max-width:520px;line-height:1.6;margin:0}.ma-section-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--ma-cobalt);white-space:nowrap;transition:gap var(--ma-transition);text-decoration:none}.ma-section-link:hover{gap:10px}.ma-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ma-product-card{background:var(--ma-bg-card);border:1.5px solid var(--ma-border);border-radius:var(--ma-radius-lg);padding:28px;cursor:pointer;transition:transform var(--ma-transition),box-shadow var(--ma-transition),border-color var(--ma-transition);position:relative;overflow:hidden}.ma-product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--product-color, var(--ma-mitra-blue));transform:scaleX(0);transition:transform var(--ma-transition);transform-origin:left}.ma-product-card:hover,.ma-product-card.active{transform:translateY(-3px);box-shadow:var(--ma-shadow-md);border-color:var(--product-color, var(--ma-mitra-blue))}.ma-product-card:hover:before,.ma-product-card.active:before{transform:scaleX(1)}.ma-product-card.active{background:var(--product-color-light, var(--ma-mitra-blue-lt))}.ma-product-card-icon{width:56px;height:56px;border-radius:var(--ma-radius);background:transparent;display:flex;align-items:center;justify-content:center;margin-bottom:18px;overflow:hidden;flex-shrink:0}.ma-product-card-icon img{width:56px;height:56px;object-fit:contain;display:block}.ma-product-card-name{font-size:17px;font-weight:700;color:var(--ma-navy);margin-bottom:2px;letter-spacing:-.2px}.ma-product-card-subtitle{font-size:12px;font-weight:600;color:var(--product-color, var(--ma-mitra-blue));text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.ma-product-card-desc{font-size:13.5px;color:var(--ma-text-muted);line-height:1.6;margin-bottom:20px;flex:1}.ma-product-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--ma-border-light)}.ma-product-card-count{font-size:13px;color:var(--ma-text-muted)}.ma-product-card-count strong{color:var(--ma-navy);font-weight:700}.ma-product-card-arrow{width:30px;height:30px;border-radius:50%;background:var(--product-color-light, #F0FAFB);color:var(--product-color, var(--ma-mitra-blue));display:flex;align-items:center;justify-content:center;transition:background var(--ma-transition),transform var(--ma-transition)}.ma-product-card:hover .ma-product-card-arrow{transform:translate(3px)}.ma-filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;background:var(--ma-bg-page);border-radius:var(--ma-radius);border:1px solid var(--ma-border);margin-bottom:28px}.ma-filter-label{font-size:12px;font-weight:700;color:var(--ma-text-muted);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}.ma-filter-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ma-filter-chip{padding:5px 14px;font-size:13px;font-weight:500;color:var(--ma-text-muted);background:#fff;border:1.5px solid var(--ma-border);border-radius:50px;cursor:pointer;transition:all var(--ma-transition);font-family:Poppins,Arial,sans-serif;white-space:nowrap}.ma-filter-chip:hover{border-color:var(--ma-mitra-blue);color:var(--ma-navy)}.ma-filter-chip.active{background:var(--ma-navy);border-color:var(--ma-navy);color:#fff;font-weight:600}.ma-filter-chip.diff-beginner.active{background:var(--ma-diff-beginner);border-color:var(--ma-diff-beginner)}.ma-filter-chip.diff-intermediate.active{background:var(--ma-diff-intermediate);border-color:var(--ma-diff-intermediate)}.ma-filter-chip.diff-advanced.active{background:var(--ma-diff-advanced);border-color:var(--ma-diff-advanced)}.ma-filter-divider{width:1px;height:24px;background:var(--ma-border);flex-shrink:0}.ma-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.ma-breadcrumb-btn{background:none;border:none;color:var(--ma-cobalt);font-size:13px;font-weight:500;cursor:pointer;padding:0;font-family:Poppins,Arial,sans-serif;text-decoration:none}.ma-breadcrumb-btn:hover{text-decoration:underline}.ma-breadcrumb-item.active{color:var(--ma-text-muted)}.ma-breadcrumb-sep{color:var(--ma-text-subtle)}.ma-results-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.ma-results-count{font-size:14px;color:var(--ma-text-muted)}.ma-results-count strong{color:var(--ma-navy)}.ma-results-sort{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ma-text-muted)}.ma-results-sort label{font-weight:500;white-space:nowrap}#ma-sort-select{padding:6px 10px;font-size:13.5px;font-family:Poppins,Arial,sans-serif;border:1.5px solid var(--ma-border);border-radius:var(--ma-radius-sm);color:var(--ma-text-body);background:#fff;cursor:pointer}.ma-search-results-banner{display:none;align-items:center;gap:10px;padding:12px 20px;background:var(--ma-mitra-blue-lt);border:1px solid rgba(10,191,220,.3);border-radius:var(--ma-radius);color:var(--ma-navy);font-size:14px;font-weight:500;margin-bottom:24px}.ma-search-results-banner.visible{display:flex}.ma-btn-clear-search{margin-left:auto;padding:4px 14px;font-size:12.5px;font-weight:600;color:var(--ma-navy);background:#fff;border:1.5px solid var(--ma-border);border-radius:50px;cursor:pointer;font-family:Poppins,Arial,sans-serif;transition:background var(--ma-transition);white-space:nowrap}.ma-btn-clear-search:hover{background:var(--ma-border-light)}.ma-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ma-course-card{background:var(--ma-bg-card);border:1.5px solid var(--ma-border);border-radius:var(--ma-radius-lg);overflow:hidden;cursor:pointer;transition:transform var(--ma-transition),box-shadow var(--ma-transition);display:flex;flex-direction:column}.ma-course-card:hover{transform:translateY(-3px);box-shadow:var(--ma-shadow-md)}.ma-course-card-accent{height:4px;background:var(--product-color, var(--ma-mitra-blue));flex-shrink:0}.ma-course-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.ma-course-card-badges{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.ma-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:600;border-radius:50px;white-space:nowrap}.ma-badge-product{background:var(--product-color-light, var(--ma-mitra-blue-lt));color:var(--product-color, var(--ma-mitra-blue))}.ma-badge-difficulty{border:1px solid transparent}.ma-badge-difficulty.Beginner{background:var(--ma-diff-beginner-bg);color:var(--ma-diff-beginner);border-color:var(--ma-diff-beginner)}.ma-badge-difficulty.Intermediate{background:var(--ma-diff-intermediate-bg);color:var(--ma-diff-intermediate);border-color:var(--ma-diff-intermediate)}.ma-badge-difficulty.Advanced{background:var(--ma-diff-advanced-bg);color:var(--ma-diff-advanced);border-color:var(--ma-diff-advanced)}.ma-course-card-title{font-size:16px;font-weight:700;color:var(--ma-navy);letter-spacing:-.2px;line-height:1.3;margin-bottom:10px}.ma-course-card-desc{font-size:13.5px;color:var(--ma-text-muted);line-height:1.65;margin-bottom:14px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ma-course-card-topic{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--ma-text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:18px}.ma-course-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--ma-border-light);margin-top:auto}.ma-course-card-meta{display:flex;align-items:center;gap:14px}.ma-course-meta-item{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--ma-text-muted);font-weight:500}.ma-btn-view-course{padding:7px 16px;font-size:13px;font-weight:600;color:var(--product-color, var(--ma-mitra-blue));background:transparent;border:1.5px solid var(--product-color, var(--ma-mitra-blue));border-radius:var(--ma-radius-sm);cursor:pointer;transition:background var(--ma-transition),color var(--ma-transition);font-family:Poppins,Arial,sans-serif;white-space:nowrap}.ma-btn-view-course:hover{background:var(--product-color, var(--ma-mitra-blue));color:#fff}.ma-empty-state{grid-column:1 / -1;text-align:center;padding:80px 40px;color:var(--ma-text-muted)}.ma-empty-state-icon{width:64px;height:64px;border-radius:50%;background:var(--ma-border-light);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--ma-text-subtle)}.ma-empty-state h3{font-size:18px;font-weight:700;color:var(--ma-navy);margin-bottom:8px}.ma-empty-state p{font-size:14px;margin-bottom:24px}.ma-btn-reset{padding:10px 24px;font-size:14px;font-weight:600;color:#fff;background:var(--ma-navy);border:none;border-radius:var(--ma-radius-sm);cursor:pointer;font-family:Poppins,Arial,sans-serif}.ma-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0019498c;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity var(--ma-transition-slow),visibility var(--ma-transition-slow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ma-modal-overlay.open{opacity:1;visibility:visible}.ma-modal{background:var(--ma-bg-card);border-radius:var(--ma-radius-xl);width:100%;max-width:660px;max-height:90vh;overflow-y:auto;box-shadow:var(--ma-shadow-lg);transform:translateY(16px) scale(.98);transition:transform var(--ma-transition-slow);position:relative}.ma-modal-overlay.open .ma-modal{transform:translateY(0) scale(1)}.ma-modal-accent{height:5px;border-radius:var(--ma-radius-xl) var(--ma-radius-xl) 0 0}.ma-modal-inner{padding:32px}.ma-modal-product-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;font-size:11.5px;font-weight:600;border-radius:50px;flex-shrink:0;margin-bottom:10px}.ma-modal-close{width:36px;height:36px;border-radius:50%;background:var(--ma-border-light);border:none;color:var(--ma-text-muted);font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:background var(--ma-transition),color var(--ma-transition)}.ma-modal-close:hover{background:var(--ma-border);color:var(--ma-navy)}.ma-modal-title{font-size:22px;font-weight:800;color:var(--ma-navy);letter-spacing:-.4px;line-height:1.25;margin-bottom:6px}.ma-modal-topic{font-size:13px;color:var(--ma-text-muted);font-weight:500}.ma-modal-pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 20px;background:var(--ma-bg-page);border-radius:var(--ma-radius);margin-bottom:24px}.ma-modal-pill{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ma-text-body)}.ma-modal-pill svg{color:var(--ma-mitra-blue)}.ma-modal-pill-divider{width:1px;height:18px;background:var(--ma-border)}.ma-modal-desc{font-size:14.5px;color:var(--ma-text-body);line-height:1.7;margin-bottom:28px}.ma-modal-section-title{font-size:14px;font-weight:700;color:var(--ma-navy);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px}.ma-modal-objectives{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;list-style:none;padding:0}.ma-modal-objective{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--ma-text-body);line-height:1.5}.ma-modal-objective-icon{width:20px;height:20px;border-radius:50%;background:var(--ma-mitra-blue-lt);color:var(--ma-mitra-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.ma-modal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.ma-modal-tag{padding:4px 12px;font-size:12px;font-weight:500;color:var(--ma-text-muted);background:var(--ma-bg-page);border:1px solid var(--ma-border);border-radius:50px}.ma-modal-cta{display:flex;align-items:center;gap:12px;padding-top:24px;border-top:1px solid var(--ma-border)}.ma-btn-start-course{flex:1;padding:13px 24px;font-size:15px;font-weight:700;color:#fff;border:none;border-radius:var(--ma-radius);cursor:pointer;transition:filter var(--ma-transition);text-align:center;font-family:Poppins,Arial,sans-serif}.ma-btn-start-course:hover{filter:brightness(1.08)}.ma-btn-bookmark{width:46px;height:46px;border-radius:var(--ma-radius);background:var(--ma-border-light);border:1.5px solid var(--ma-border);color:var(--ma-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all var(--ma-transition)}.ma-btn-bookmark:hover{border-color:var(--ma-orange);color:var(--ma-orange);background:#ed5b3e0f}.ma-site-footer{background:var(--ma-navy);color:#ffffffb3;padding:56px 32px 32px}.ma-footer-inner{max-width:1280px;margin:0 auto}.ma-footer-top{display:grid;grid-template-columns:280px repeat(3,1fr);gap:48px;margin-bottom:48px}.ma-logo-img{height:28px;width:auto;display:block}.ma-logo-img-white{filter:brightness(0) invert(1)}.ma-logo-divider{display:block;width:1px;height:26px;background:#cbd5e1;flex-shrink:0}.ma-logo-divider-footer{background:#ffffff40}.ma-logo-academy{font-size:15px;font-weight:600;color:var(--ma-navy);letter-spacing:.2px;white-space:nowrap}.ma-logo-academy-footer{color:#ffffffd9;font-size:14px}.ma-footer-logo{display:flex;align-items:center;gap:12px}.ma-footer-brand-name{font-family:Poppins,Arial,sans-serif;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.2px}.ma-footer-brand-desc{font-size:13.5px;line-height:1.65;margin-top:14px;color:#ffffff80;max-width:220px}.ma-footer-tagline{margin-top:16px;font-size:11.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--ma-mitra-blue)}.ma-footer-col-title{font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.ma-footer-links{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:0}.ma-footer-link{font-size:13.5px;color:#ffffff80;transition:color var(--ma-transition);text-decoration:none}.ma-footer-link:hover{color:#fff}.ma-footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);gap:16px;flex-wrap:wrap}.ma-footer-bottom-left{font-size:13px;color:#ffffff59}.ma-footer-bottom-right{display:flex;align-items:center;gap:20px}.ma-footer-bottom-link{font-size:12.5px;color:#ffffff59;transition:color var(--ma-transition);text-decoration:none}.ma-footer-bottom-link:hover{color:#ffffffb3}.ma-footer-color-bar{height:3px;background:var(--ma-color-bar)}.ma-loading-spinner{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px;color:var(--ma-text-muted);font-size:14px}.ma-spinner{width:36px;height:36px;border:3px solid var(--ma-border);border-top-color:var(--ma-mitra-blue);border-radius:50%;animation:ma-spin .7s linear infinite}@keyframes ma-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.ma-product-grid,.ma-course-grid{grid-template-columns:repeat(2,1fr)}.ma-footer-top{grid-template-columns:1fr 1fr;gap:36px}}@media(max-width:768px){.ma-hero{padding:48px 20px 56px}.ma-section{padding:48px 20px}.ma-product-grid,.ma-course-grid{grid-template-columns:1fr}.ma-filter-bar{flex-direction:column;align-items:flex-start}.ma-filter-divider{width:100%;height:1px}.ma-footer-top{grid-template-columns:1fr;gap:28px}.ma-site-footer{padding:40px 20px 28px}.ma-modal-inner{padding:24px 20px}.ma-hero-stats{gap:20px}.ma-hero-stat-divider{display:none}}@media(max-width:480px){.ma-hero h1{font-size:28px}.ma-modal{border-radius:var(--ma-radius-lg)}.ma-search-submit span{display:none}.ma-search-submit:after{content:"\2192"}}.ma-badge-premium{background:var(--ma-navy);color:#fff;border:1px solid var(--ma-navy-dark)}.ma-course-price{font-weight:700;font-size:14px;color:var(--ma-navy);letter-spacing:-.01em}.ma-btn-view-course.ma-btn-purchase{background:var(--ma-navy);color:#fff;border-color:var(--ma-navy)}.ma-btn-view-course.ma-btn-purchase:hover{filter:brightness(.85);background:var(--ma-navy);color:#fff}
/*# sourceMappingURL=/cdn/shop/t/1/assets/mitratech-academy.css.map */