.modern-course-card[data-v-dfb3a3c5]{background:#fff;border:1px solid rgba(132,169,140,.15);border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.modern-course-card[data-v-dfb3a3c5]:before{background:linear-gradient(135deg,#84a98c05,#6b8e6b05);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:1}.modern-course-card[data-v-dfb3a3c5]:hover:before{opacity:1}.modern-course-card[data-v-dfb3a3c5]:hover:not(:has(.btn-preview:hover)):not(:has(.course-button:hover)){border-color:#84a98c4d;box-shadow:0 2px 10px #14181412}.modern-course-card[data-v-dfb3a3c5]:has(.btn-preview:hover),.modern-course-card[data-v-dfb3a3c5]:has(.course-button:hover){border-color:#84a98c26;box-shadow:0 2px 10px #14181412;transform:none!important}.course-image[data-v-dfb3a3c5]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;box-shadow:0 2px 8px #84a98c14;height:180px;margin:12px;padding:12px;position:relative}.course-image>a[data-v-dfb3a3c5]:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:2}.course-image .skeleton-image-wrapper[data-v-dfb3a3c5]{border-radius:10px;height:100%;overflow:hidden;width:100%}.course-thumbnail[data-v-dfb3a3c5]{border-radius:10px;box-shadow:0 1px 4px #00000014;filter:brightness(1) contrast(1.02);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:all .3s ease;width:100%}.modern-course-card:hover .course-thumbnail[data-v-dfb3a3c5]{box-shadow:0 2px 10px #14181412;filter:brightness(1.05) contrast(1.1)}.discount-badge[data-v-dfb3a3c5]{background:linear-gradient(135deg,#84a98c,#6b8e6b);box-shadow:0 2px 6px #84a98c4d;letter-spacing:.3px;right:24px}.discount-badge[data-v-dfb3a3c5],.type-badge[data-v-dfb3a3c5]{border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;position:absolute;text-transform:uppercase;top:24px;z-index:3}.type-badge[data-v-dfb3a3c5]{background:#1b2432d1;left:24px;letter-spacing:.04em}.rating-placeholder[data-v-dfb3a3c5]{display:inline-block}.course-content[data-v-dfb3a3c5]{display:flex;flex:1;flex-direction:column;gap:12px;padding:12px 20px 20px;position:relative;z-index:2}.course-title[data-v-dfb3a3c5]{line-height:1.4;margin:0}.course-title a[data-v-dfb3a3c5]{color:#1a202c;display:-webkit-box;font-size:15px;font-weight:600;-webkit-line-clamp:2;line-clamp:2;text-decoration:none;transition:all .3s ease;-webkit-box-orient:vertical;line-height:1.3;min-height:2.6em;overflow:hidden}.course-title a[data-v-dfb3a3c5]:hover{color:#6b8e6b;transform:translate(2px)}.course-meta[data-v-dfb3a3c5]{display:flex;gap:16px;justify-content:space-between;margin:4px 0}.meta-item[data-v-dfb3a3c5]{align-items:center;color:#64748b;display:flex;font-size:13px;gap:4px}.meta-item i[data-v-dfb3a3c5]{color:#6b8e6b;font-size:12px}.course-footer[data-v-dfb3a3c5]{border-top:1px solid rgba(132,169,140,.12);justify-content:space-between;margin-top:auto;padding-top:12px}.course-footer[data-v-dfb3a3c5],.rating[data-v-dfb3a3c5]{align-items:center;display:flex}.rating[data-v-dfb3a3c5]{gap:8px}.stars[data-v-dfb3a3c5]{display:flex;gap:3px}.stars i[data-v-dfb3a3c5]{color:#fbbf24;filter:drop-shadow(0 1px 2px rgba(251,191,36,.3));font-size:13px}.rating-text[data-v-dfb3a3c5]{color:#4a5568;font-size:12px;font-weight:500}.price[data-v-dfb3a3c5]{align-items:center;display:flex;gap:8px}.price-amount[data-v-dfb3a3c5]{color:#6b8e6b;font-size:16px;font-weight:600}.course-button[data-v-dfb3a3c5]{padding:0 20px 20px;z-index:10}.btn-preview[data-v-dfb3a3c5],.course-button[data-v-dfb3a3c5]{isolation:isolate;pointer-events:auto;position:relative}.btn-preview[data-v-dfb3a3c5]{background:linear-gradient(135deg,#6b8e6b,#5a7a5a);border-radius:10px;box-shadow:0 1px 4px #84a98c26;color:#fff!important;cursor:pointer!important;display:block;font-size:13px;font-weight:500;letter-spacing:.3px;overflow:hidden;padding:10px 16px;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .3s ease,box-shadow .3s ease;width:100%;z-index:11}.btn-preview[data-v-dfb3a3c5]:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;pointer-events:none!important;position:absolute;top:0;transition:left .5s;width:100%;z-index:1}.btn-preview[data-v-dfb3a3c5]:hover:before{left:100%}.btn-preview[data-v-dfb3a3c5]:hover{background:linear-gradient(135deg,#5a7a5a,#4a6a4a);box-shadow:0 2px 10px #14181412;cursor:pointer!important}.course-button[data-v-dfb3a3c5]:hover{z-index:12}@media(max-width:768px){.course-content[data-v-dfb3a3c5]{gap:10px;padding:16px}.course-title a[data-v-dfb3a3c5]{font-size:15px}.course-meta[data-v-dfb3a3c5]{gap:12px}.meta-item[data-v-dfb3a3c5]{font-size:12px}.price-amount[data-v-dfb3a3c5]{font-size:16px}.course-button[data-v-dfb3a3c5]{padding:0 16px 16px}.btn-preview[data-v-dfb3a3c5]{font-size:13px;padding:10px 14px}}@media(max-width:480px){.course-image[data-v-dfb3a3c5]{height:180px}.course-content[data-v-dfb3a3c5]{gap:8px;padding:14px}.course-title a[data-v-dfb3a3c5]{font-size:14px}.course-meta[data-v-dfb3a3c5]{flex-direction:column;gap:6px}.course-footer[data-v-dfb3a3c5]{align-items:flex-start;flex-direction:column;gap:8px}.price[data-v-dfb3a3c5]{text-align:left}}@media(min-width:1024px){.modern-course-card[data-v-dfb3a3c5]{background:#fff!important;border:1px solid rgba(132,169,140,.1)!important;border-radius:10px!important;box-shadow:0 2px 8px #00000014!important;display:block!important;height:auto!important;overflow:hidden!important;transition:all .3s ease!important}.modern-course-card[data-v-dfb3a3c5]:hover{box-shadow:0 2px 10px #14181412!important}.btn-preview[data-v-dfb3a3c5]{background:linear-gradient(135deg,#6b8e6b,#5a7a5a)!important;border:none!important;border-radius:10px!important;box-shadow:0 1px 4px #84a98c26!important;color:#fff!important;cursor:pointer!important;display:block!important;font-size:14px!important;font-weight:600!important;isolation:isolate!important;letter-spacing:.3px!important;overflow:hidden!important;padding:12px 20px!important;pointer-events:auto!important;position:relative!important;text-align:center!important;text-decoration:none!important;text-transform:uppercase!important;transition:background .3s ease,box-shadow .3s ease!important;width:100%!important;z-index:11!important}.btn-preview[data-v-dfb3a3c5]:before{pointer-events:none!important;z-index:1!important}.btn-preview[data-v-dfb3a3c5]:hover{background:linear-gradient(135deg,#5a7a5a,#4a6a4a)!important;box-shadow:0 2px 10px #14181412!important;cursor:pointer!important}.modern-course-card[data-v-dfb3a3c5]:has(.btn-preview:hover){transform:none!important}}.modern-course-area[data-v-38243541]{background:linear-gradient(135deg,#fafbfc,#f8fafc);padding:100px 0;position:relative}.modern-course-area[data-v-38243541]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' stroke='%23e2e8f0' stroke-width='.5' d='M10 0H0v10' opacity='.3'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;z-index:0}.modern-course-area .container[data-v-38243541]{position:relative;z-index:1}.section-header[data-v-38243541]{align-items:center;display:flex;gap:60px;justify-content:space-between;margin-bottom:60px;padding:0 20px}.header-content[data-v-38243541]{flex:1;max-width:600px}.section-title[data-v-38243541]{color:#1a202c;font-size:clamp(28px,4vw,42px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:20px}.section-description[data-v-38243541]{color:#4a5568;font-size:clamp(16px,2.5vw,20px);font-weight:400;line-height:1.6;margin:0}.filter-tabs[data-v-38243541]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid rgba(132,169,140,.15);border-radius:10px;box-shadow:0 4px 20px #00000014;display:flex;gap:4px;padding:8px}.filter-tab[data-v-38243541]{background:transparent;border:none;border-radius:10px;color:#64748b;cursor:pointer;font-size:15px;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.filter-tab[data-v-38243541]:before{background:linear-gradient(135deg,#84a98c1a,#6b8e6b1a);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:0}.filter-tab[data-v-38243541]:hover:before{left:0}.filter-tab[data-v-38243541]:hover{color:#6b8e6b}.filter-tab.active[data-v-38243541]{background:linear-gradient(135deg,#6b8e6b,#5a7a5a);box-shadow:0 4px 16px #84a98c4d;color:#fff;transform:translateY(-2px)}.filter-tab.active[data-v-38243541]:before{display:none}.course-grid[data-v-38243541]{width:100%}.course-grid-content[data-v-38243541],.loading-grid[data-v-38243541]{align-items:stretch;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px}.course-card[data-v-38243541]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid rgba(132,169,140,.08);border-radius:10px;box-shadow:0 4px 20px #0000000f;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.course-card[data-v-38243541]:before{background:linear-gradient(135deg,#84a98c05,#6b8e6b05);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:1}.course-card[data-v-38243541]:hover:before{opacity:1}.course-card[data-v-38243541]:hover{border-color:#84a98c33;box-shadow:0 2px 10px #14181412}.course-card.loading[data-v-38243541]{background:#f8fafc;border:1px solid rgba(132,169,140,.1)}.course-image[data-v-38243541]{background:#f1f5f9;height:200px;overflow:hidden;position:relative}.skeleton-loader[data-v-38243541]{animation:loading-38243541 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;border-radius:10px}.skeleton-loader.title[data-v-38243541]{height:20px;margin-bottom:12px;width:80%}.skeleton-loader.description[data-v-38243541]{height:16px;margin-bottom:8px;width:100%}.skeleton-loader.meta[data-v-38243541]{height:14px;width:60%}@keyframes loading-38243541{0%{background-position:200% 0}to{background-position:-200% 0}}.course-content[data-v-38243541]{display:flex;flex:1;flex-direction:column;padding:24px}.no-courses[data-v-38243541]{align-items:center;display:flex;justify-content:center;min-height:400px;text-align:center}.no-courses-content[data-v-38243541]{max-width:400px}.no-courses-content i[data-v-38243541]{color:#6b8e6b;font-size:48px;margin-bottom:20px}.no-courses-content h3[data-v-38243541]{color:#212529;font-size:24px;font-weight:600;margin-bottom:12px}.no-courses-content p[data-v-38243541]{color:#64748b;font-size:16px;margin:0}@media(max-width:1200px){.section-header[data-v-38243541]{align-items:flex-start;flex-direction:column;gap:30px}.filter-tabs[data-v-38243541]{justify-content:flex-start;overflow-x:auto;padding:4px;width:100%}.filter-tab[data-v-38243541]{flex-shrink:0}}@media(max-width:992px){.course-grid-content[data-v-38243541],.loading-grid[data-v-38243541]{gap:20px;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.modern-course-area[data-v-38243541]{padding:60px 0}.section-title[data-v-38243541]{font-size:28px}.section-description[data-v-38243541]{font-size:16px}.course-grid-content[data-v-38243541],.loading-grid[data-v-38243541]{gap:20px;grid-template-columns:repeat(2,1fr)}.filter-tabs[data-v-38243541]{gap:4px}.filter-tab[data-v-38243541]{font-size:14px;padding:10px 16px}}@media(max-width:480px){.course-grid-content[data-v-38243541],.loading-grid[data-v-38243541]{gap:16px;grid-template-columns:1fr}.modern-course-area[data-v-38243541]{padding:40px 0}.section-title[data-v-38243541]{font-size:24px}.section-description[data-v-38243541]{font-size:15px}.course-content[data-v-38243541]{padding:20px}.filter-tab[data-v-38243541]{font-size:13px;padding:8px 12px}}@media(max-width:1200px){.course-grid-content[data-v-38243541],.loading-grid[data-v-38243541]{gap:28px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:768px){.modern-course-area[data-v-38243541]{padding:80px 0}.section-header[data-v-38243541]{align-items:flex-start;flex-direction:column;gap:30px;margin-bottom:40px}.header-content[data-v-38243541]{max-width:100%}.filter-tabs[data-v-38243541]{overflow-x:auto;padding:6px;width:100%}.course-grid-content[data-v-38243541],.loading-grid[data-v-38243541]{gap:24px;grid-template-columns:1fr;max-width:100%}.course-card[data-v-38243541]{border-radius:10px}}@media(max-width:480px){.modern-course-area[data-v-38243541]{padding:60px 0}.section-header[data-v-38243541]{gap:20px;padding:0 10px}.course-grid[data-v-38243541]{padding:0 10px}}.load-more-container[data-v-38243541]{display:flex;justify-content:center;margin-top:60px;padding:0 20px}.load-more-btn[data-v-38243541]{background:linear-gradient(135deg,#6b8e6b,#5a7a5a);border:none;border-radius:10px;box-shadow:0 4px 16px #84a98c40;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;min-width:200px;overflow:hidden;padding:16px 40px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.load-more-btn[data-v-38243541]:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.load-more-btn[data-v-38243541]:hover:before{left:100%}.load-more-btn[data-v-38243541]:hover{background:linear-gradient(135deg,#5a7a5a,#4a6a4a);box-shadow:0 2px 10px #14181412}.load-more-btn[data-v-38243541]:active{transform:translateY(0)}@media(max-width:768px){.load-more-container[data-v-38243541]{margin-top:40px;padding:0 16px}.load-more-btn[data-v-38243541]{font-size:14px;max-width:400px;padding:14px 32px;width:100%}}@media(max-width:480px){.load-more-container[data-v-38243541]{margin-top:30px;padding:0 10px}.load-more-btn[data-v-38243541]{font-size:13px;min-width:auto;padding:12px 24px}}