@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.header-layout{height:70px;position:sticky;top:0;z-index:1000;background-color:#fff;padding:0 70px;box-shadow:0 2px 8px #0000001a}.header-layout .header-layout__container{height:100%;display:flex;align-items:center;justify-content:space-between}.header-layout .header-layout__container__logo{display:flex;align-items:center;gap:10px}.header-layout .header-layout__container__logo .logo{width:40px;height:30px}.header-layout .header-layout__container__logo .header-layout__container__logo__title{font-size:20px;margin-top:24px;font-family:Inter,sans-serif;font-weight:600;color:#283136}.header-layout .header-layout__container__nav{display:flex;align-items:center;gap:25px;width:700px;justify-content:space-between}.header-layout .header-layout__container__nav .header-layout-right{display:flex;align-items:center;gap:30px}.header-layout .header-layout__container__nav .header-layout-right .header-layout-right__item{font-size:15px;font-family:Inter,sans-serif;font-weight:400;color:#283136;cursor:pointer}.header-layout .header-layout__container__nav .header-layout-right .header-layout-right__item.features{position:relative}.header-layout .header-layout__container__nav .header-layout-right .header-layout-right__item.features:hover .features-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.header-layout .header-layout__container__nav .header-layout-right .header-layout-right__item .features-dropdown{position:absolute;top:50px;left:-400px;width:820px;background-color:#f6f7fb;border-radius:10px;box-shadow:0 10px 30px #0003;padding:20px;z-index:1200;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease-in-out}.header-layout .header-layout__container__nav .header-layout-right .header-layout-right__item .features-dropdown .features-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.header-layout .header-layout__container__nav .header-layout-right .header-layout-right__item .features-dropdown .features-grid .features-section .section-title{margin:0 0 10px;font-size:14px;font-family:Inter,sans-serif;font-weight:600;color:#b0b8bd}.header-layout .header-layout__container__nav .header-layout-right .header-layout-right__item .features-dropdown .features-grid .features-section .feature-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0}.header-layout .header-layout__container__nav .header-layout-right .header-layout-right__item .features-dropdown .features-grid .features-section .feature-item .feature-icon{color:#4aaf52;font-size:22px}.header-layout .header-layout__container__nav .header-layout-right .header-layout-right__item .features-dropdown .features-grid .features-section .feature-item .feature-text .feature-title{margin:0;font-size:15px;font-family:Inter,sans-serif;color:#283136}.header-layout .header-layout__container__nav .header-layout-right .header-layout-right__item .features-dropdown .features-grid .features-section .feature-item .feature-text .feature-desc{margin:4px 0 0;font-size:13px;font-family:Inter,sans-serif;font-weight:400;color:#93a1a9;line-height:1.4}.header-layout .header-layout__container__nav .header-layout-right .header-layout-right__item .features-dropdown .features-footer{margin-top:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px;display:flex;justify-content:center}.header-layout .header-layout__container__nav .header-layout-right .header-layout-right__item .features-dropdown .features-footer .btn-view-detail{outline:none;border:none;display:flex;align-items:center;justify-content:center;width:140px;height:36px;background-color:#4aaf52;font-size:14px;font-family:Inter,sans-serif;font-weight:600;border-radius:8px;color:#f5f5f5;cursor:pointer}.header-layout .header-layout__container__nav .header-layout-user{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:20px;transition:all .3s ease;cursor:pointer}.header-layout .header-layout__container__nav .header-layout-user .ant-avatar{background-color:#f0f2f5;border:1px solid #d9d9d9;transition:transform .3s ease}.header-layout .header-layout__container__nav .header-layout-user span{font-family:Inter,sans-serif;font-weight:500;color:#283136;font-size:15px;transition:color .3s ease}.header-layout .header-layout__container__nav .header-layout-user:hover .ant-avatar{border-color:#4aaf52}.header-layout .header-layout__container__nav .header-layout-user:hover span{color:#4aaf52}.ant-dropdown .ant-dropdown-menu{min-width:260px;padding:8px;border-radius:12px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .anticon{margin-right:12px;font-size:16px}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-danger:hover{color:#ff4d4f;background-color:#fff1f0}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-divider{margin:6px 0}.footer-layout{width:100%;background-color:#f6f7fb}.footer-layout .footer-cta{height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-layout .footer-cta .cta-title{margin:0 0 20px;text-align:center;font-size:40px;font-family:Inter,sans-serif;font-weight:700;color:#4d4d4d}.footer-layout .footer-cta .btn-demo{outline:none;border:none;display:flex;align-items:center;justify-content:center;width:160px;height:44px;background-color:#4aaf52;color:#fff;font-size:15px;font-family:Inter,sans-serif;font-weight:600;border-radius:8px;cursor:pointer}.footer-layout .footer-cta .btn-demo .icon-arrow{margin-left:8px}.footer-layout .footer-content{background-color:#1f2a30;color:#f5f5f5;display:flex;justify-content:center;padding:40px 100px}.footer-layout .footer-content .footer-brand{width:300px;margin-right:60px}.footer-layout .footer-content .footer-brand .brand-logo{display:flex;align-items:center}.footer-layout .footer-content .footer-brand .brand-logo .logo-img{width:36px;height:36px;margin-right:10px}.footer-layout .footer-content .footer-brand .brand-logo .brand-name{font-size:22px;font-family:Inter,sans-serif;font-weight:700;color:#f5f5f5}.footer-layout .footer-content .footer-brand .brand-copy{margin-top:10px;font-size:14px;font-family:Inter,sans-serif;font-weight:400;color:#c0c7cb;line-height:1.6}.footer-layout .footer-content .footer-brand .social-icons{margin-top:16px;display:flex;align-items:center}.footer-layout .footer-content .footer-brand .social-icons .social-icon{margin-right:10px;color:#c0c7cb;font-size:24px}.footer-layout .footer-content .footer-links{display:grid;grid-template-columns:200px 200px 280px;gap:40px}.footer-layout .footer-content .footer-links .link-group .link-title{margin-bottom:12px;font-size:16px;font-family:Inter,sans-serif;font-weight:600;color:#fff}.footer-layout .footer-content .footer-links .link-group .link-item{display:block;margin-bottom:8px;font-size:14px;font-family:Inter,sans-serif;font-weight:400;color:#c0c7cb}.footer-layout .footer-content .footer-links .newsletter .link-title{margin-bottom:12px;font-size:16px;font-family:Inter,sans-serif;font-weight:600;color:#fff}.footer-layout .footer-content .footer-links .newsletter .input-email{display:flex;align-items:center;justify-content:space-between;background-color:#2a353b;border-radius:8px;height:44px;padding:0 12px}.footer-layout .footer-content .footer-links .newsletter .input-email input{flex:1;background-color:transparent;border:none;outline:none;color:#c0c7cb;font-size:14px;font-family:Inter,sans-serif}.footer-layout .footer-content .footer-links .newsletter .input-email .icon-send{color:#4aaf52;font-size:22px;cursor:pointer}.home{margin-top:70px;height:100%}.home .home__container{display:flex;width:100%;height:400px;background-color:#f6f7fb}.home .home__container .home__container-left{padding:0 0 0 100px;margin:auto;width:50%;align-items:center;justify-content:center}.home .home__container .home__container-left .txt-page{box-sizing:border-box;margin:0;text-align:start;line-height:1.4;font-size:2.5rem;font-family:Inter,sans-serif;font-weight:700;color:#4d4d4d}.home .home__container .home__container-left .txt-page .txt-highlight{color:#46b156}.home .home__container .home__container-left .txt-page-desc{line-height:2;font-size:13px;font-family:Inter,sans-serif;font-weight:400;color:#80807f}.home .home__container .home__container-left .btn-registration{outline:none;border:none;display:flex;align-items:center;justify-content:center;width:100px;height:40px;background-color:#4aaf52;font-size:15px;font-family:Inter,sans-serif;font-weight:400;border-radius:10px;color:#f5f5f5;cursor:pointer}.home .home__container .home__container-right{width:50%;display:flex;align-items:center;justify-content:center}.home .home__container .home__container-right p{font-size:20px;font-family:Inter,sans-serif;font-weight:600;color:#4d4d4d}.home .organization{padding:0 80px}.home .organization .our-client{margin-top:20px}.home .organization .our-client .txt-client{margin-bottom:0;text-align:center;font-size:30px;font-family:Inter,sans-serif;font-weight:600;color:#4d4d4d}.home .organization .our-client .line-client{text-align:center;font-size:15px;font-family:Inter,sans-serif;font-weight:400;color:#80807f}.home .organization .our-client .client-together{width:100%;height:100px;display:flex;align-items:center;justify-content:center;margin-top:20px;background-color:#80807f}.home .organization .client-community{margin-top:20px}.home .organization .client-community .txt-community{line-height:1.4;margin-bottom:0;text-align:center;font-size:30px;font-family:Inter,sans-serif;font-weight:600;color:#4d4d4d}.home .organization .client-community .line-community{text-align:center;font-size:15px;font-family:Inter,sans-serif;font-weight:400;color:#80807f}.home .organization .client-item{margin-top:20px;display:flex;align-items:center;justify-content:center}.home .organization .client-item .item-user{margin:0 100px;box-sizing:border-box;padding:10px;width:280px;height:300px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.home .organization .client-item .item-user .item-outline{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:#eaf6ea;border-radius:16px 16px 32px}.home .organization .client-item .item-user .item-outline .user-icon{font-size:40px}.home .organization .client-item .item-user .txt-organization{margin-top:10px;font-size:20px;font-weight:700;font-family:Inter,sans-serif;color:#4a4a4a}.home .organization .client-item .item-user .txt-desc{line-height:1.4;text-align:center;margin-top:10px;font-size:15px;font-family:Inter,sans-serif;font-weight:400;color:#aeaeae}.home .organization .client-organization{margin-top:50px;display:flex;align-items:center;justify-content:center}.home .organization .client-organization .item-organization{height:100%;display:flex;width:1200px;justify-content:space-between}.home .organization .client-organization .item-organization .item-img{width:400px;height:400px}.home .organization .client-organization .item-organization .item-img .img-organization{width:100%;height:100%}.home .organization .client-organization .item-organization .txt-organization{width:500px}.home .organization .client-organization .item-organization .txt-organization .txt-organization-desc{text-align:start;line-height:1.4;margin-top:10px;font-size:25px;font-weight:700;font-family:Inter,sans-serif;color:#4a4a4a}.home .organization .client-organization .item-organization .txt-organization .txt-desc-organization{text-align:start;line-height:1.5;margin-top:10px;font-size:15px;font-family:Inter,sans-serif;font-weight:400;color:#80807f}.home .organization .client-organization .item-organization .txt-organization .btn-more{outline:none;border:none;display:flex;align-items:center;justify-content:center;width:100px;height:40px;background-color:#4aaf52;font-size:15px;font-family:Inter,sans-serif;font-weight:400;border-radius:10px;color:#f5f5f5;cursor:pointer}.home .organization-index{display:flex;align-items:center;justify-content:center;margin-top:30px;width:100%;height:250px;background-color:#f6f7fb}.home .organization-index .txt-business{width:50%;height:200px}.home .organization-index .txt-business .txt-business-content{display:flex;align-items:center;justify-content:center}.home .organization-index .txt-business .txt-business-content .txt-business-title{text-align:start;line-height:1.5;margin-top:45px;margin-bottom:0;font-size:25px;font-weight:700;font-family:Inter,sans-serif;color:#4a4a4a}.home .organization-index .txt-business .txt-business-content .txt-highlight{color:#4aaf52}.home .organization-index .txt-business .txt-business-desc{text-align:center;font-size:15px;line-height:1.5;margin-top:10px;font-family:Inter,sans-serif;font-weight:400;color:#80807f}.home .organization-index .icon-item{width:50%;height:200px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:center;justify-content:center}.home .organization-index .icon-item .icon-outline{height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center}.home .organization-index .icon-item .icon-outline .icon-business{margin:10px;display:flex;align-items:center;justify-content:center;width:180px;height:80px;background-color:#f6f7fb;border-radius:10px}.home .organization-index .icon-item .icon-outline .icon-business .icon-business-icon{font-size:40px;margin-right:15px;color:#46b156}.home .organization-index .icon-item .icon-outline .icon-business .txt-number{margin-left:10px;font-size:15px;font-family:Inter,sans-serif;font-weight:400;color:#4a4a4a}.home .organization-index .icon-item .icon-outline .icon-business .txt-number .number-index{margin-bottom:0;font-size:20px;color:#4d4d4d;font-weight:700}.home .organization-index .icon-item .icon-outline .icon-business .txt-number .number-desc{font-size:13px;color:#80807f;font-weight:400}.home .client-organization{margin-top:50px;display:flex;align-items:center;justify-content:center}.home .client-organization .item-organization{height:100%;display:flex;width:1200px;justify-content:space-between}.home .client-organization .item-organization .item-img{width:400px;height:400px}.home .client-organization .item-organization .item-img .img-organization{width:100%;height:100%}.home .client-organization .item-organization .txt-organization{width:500px}.home .client-organization .item-organization .txt-organization .txt-organization-desc{text-align:start;line-height:1.4;margin-top:10px;font-size:25px;font-weight:700;font-family:Inter,sans-serif;color:#4a4a4a}.home .client-organization .item-organization .txt-organization .txt-desc-organization{text-align:start;line-height:1.5;margin-top:10px;font-size:15px;font-family:Inter,sans-serif;font-weight:400;color:#80807f}.home .client-organization .item-organization .txt-organization .btn-more{outline:none;border:none;display:flex;align-items:center;justify-content:center;width:100px;height:40px;background-color:#4aaf52;font-size:15px;font-family:Inter,sans-serif;font-weight:400;border-radius:10px;color:#f5f5f5;cursor:pointer}.home .caring-marketing{padding:40px 100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.home .caring-marketing .txt-title{font-size:30px;font-family:Inter,sans-serif;font-weight:600;color:#4d4d4d;margin-bottom:10px;text-align:center}.home .caring-marketing .txt-desc{text-align:center;width:600px;font-size:15px;font-family:Inter,sans-serif;font-weight:400;color:#80807f;margin-bottom:40px;line-height:1.5}.home .caring-marketing .list-blog{display:flex;justify-content:center;width:100%;gap:40px;flex-wrap:wrap}.home .caring-marketing .list-blog .blog-item{position:relative;width:300px;height:300px;display:flex;flex-direction:column;align-items:center}.home .caring-marketing .list-blog .blog-item .img-blog{width:100%;height:250px;object-fit:cover;border-radius:10px}.home .caring-marketing .list-blog .blog-item .blog-content{position:absolute;bottom:10px;width:85%;background-color:#f6f7fb;padding:15px;border-radius:10px;box-shadow:0 5px 15px #87afcba4;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.home .caring-marketing .list-blog .blog-item .blog-content .txt-blog-title{font-size:15px;font-family:Inter,sans-serif;font-weight:600;color:#000;margin:0 0 10px;line-height:1.4}.home .caring-marketing .list-blog .blog-item .blog-content .blog-more{display:flex;align-items:center;justify-content:center;color:#4aaf52;cursor:pointer}.home .caring-marketing .list-blog .blog-item .blog-content .blog-more .txt-more{font-weight:600;margin:0 5px 0 0;font-size:14px;font-family:Inter,sans-serif}.home .caring-marketing .list-blog .blog-item .blog-content .blog-more .icon-more{font-size:20px}.xau-wrapper{background-color:#f8f9fa;min-height:100vh;padding:80px 0 40px;font-family:Inter,sans-serif;color:#283136}.xau-container{max-width:1200px;margin:0 auto;padding:0 16px}.xau-header{text-align:center;margin-bottom:40px}.xau-header .xau-title{font-size:28px;font-weight:700;margin-bottom:24px;color:#1d3571}.xau-header .xau-title .highlight-text{color:#d4af37}.xau-header .xau-prediction-banner{display:inline-flex;flex-direction:column;background:#1d3571;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;max-width:800px;width:100%}.xau-header .xau-prediction-banner .prediction-label{background:#ffffff1a;color:#d4af37;font-weight:700;padding:12px;font-size:14px;letter-spacing:1px;text-transform:uppercase}.xau-header .xau-prediction-banner .prediction-content{padding:20px;color:#fff;font-size:18px;font-weight:500;line-height:1.5}.xau-header .xau-prediction-banner .prediction-content .buy-signal{color:#27ae60;font-weight:800;background:#27ae6033;padding:2px 8px;border-radius:4px}.xau-section{margin-bottom:40px;background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px #0000000d}.xau-section .section-header{display:flex;align-items:center;margin-bottom:24px;border-bottom:2px solid rgba(29,53,113,.1);padding-bottom:12px}.xau-section .section-header .section-icon{color:#d4af37;font-size:28px;margin-right:12px}.xau-section .section-header .section-title{font-size:20px;font-weight:700;color:#1d3571;text-transform:uppercase;margin:0}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.news-grid .news-card{display:flex;align-items:flex-start;padding:16px;border:1px solid #eee;border-radius:8px;transition:all .3s ease;background:#fff}.news-grid .news-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a;border-color:#d4af37}.news-grid .news-card .news-card-icon{color:#d4af37;margin-right:12px;margin-top:2px}.news-grid .news-card .news-card-content .news-text{font-size:15px;font-weight:500;margin:0 0 8px;line-height:1.4}.news-grid .news-card .news-card-content .news-time{font-size:12px;color:#666;display:block}.trend-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media(max-width:768px){.trend-grid{grid-template-columns:1fr}}.trend-grid .trend-card{background:#fff;border-radius:8px;overflow:hidden}.trend-grid .trend-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.trend-grid .trend-card .card-header h3{font-size:16px;font-weight:600;margin:0}.trend-grid .trend-card .card-header .trend-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.trend-grid .trend-card .card-header .trend-badge.up{background-color:#27ae60}.trend-grid .trend-card .card-header .trend-badge.down{background-color:#e74c3c}.trend-grid .trend-card .card-header .trend-badge.neutral{background-color:#f39c12}.trend-grid .trend-card .chart-container{border:1px solid #eee;border-radius:8px;overflow:hidden}.trend-grid .trend-card .chart-container img{width:100%;height:auto;display:block}.expert-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media(max-width:768px){.expert-grid{grid-template-columns:1fr}}.expert-grid .scenario-card{padding:24px;border-radius:8px;border:1px solid #eee;background:linear-gradient(to bottom right,#fff,#fafafa)}.expert-grid .scenario-card.bullish{border-top:4px solid #27ae60}.expert-grid .scenario-card.bullish .scenario-header{color:#27ae60}.expert-grid .scenario-card.bearish{border-top:4px solid #e74c3c}.expert-grid .scenario-card.bearish .scenario-header{color:#e74c3c}.expert-grid .scenario-card .scenario-header{font-size:18px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.expert-grid .scenario-card .scenario-list{list-style:none;padding:0;margin:0}.expert-grid .scenario-card .scenario-list li{margin-bottom:12px;padding-left:16px;position:relative;font-size:15px}.expert-grid .scenario-card .scenario-list li:before{content:"•";position:absolute;left:0;color:#666}.expert-grid .scenario-card .scenario-list li strong{color:#1d3571}.calendar-container{overflow-x:auto}.calendar-container .calendar-table-header{display:grid;grid-template-columns:100px 2fr 150px 100px;padding:12px 16px;background:#f1f3f5;border-radius:8px 8px 0 0;font-weight:600;font-size:14px;color:#666;min-width:600px}.calendar-container .calendar-row{display:grid;grid-template-columns:100px 2fr 150px 100px;padding:16px;border-bottom:1px solid #eee;align-items:center;font-size:14px;min-width:600px}.calendar-container .calendar-row:last-child{border-bottom:none}.calendar-container .calendar-row .col.time{font-weight:600;color:#1d3571}.calendar-container .calendar-row .col.event{display:flex;align-items:center;gap:8px}.calendar-container .calendar-row .col.event .flag{font-size:18px}.calendar-container .calendar-row .col.event .name{font-weight:500}.calendar-container .calendar-row .col.impact .star{font-size:16px;color:#ddd}.calendar-container .calendar-row .col.impact .star.filled{color:#d4af37}.calendar-container .calendar-row .col.result{font-weight:700;color:#283136}.margin__wrapper{background-color:#fff;width:100%;display:flex;justify-content:center}.margin__container{padding:0 100px;margin-top:70px;width:100%;max-width:1440px}.margin__container .margin__content{display:flex;align-items:center;justify-content:space-between;gap:50px}.margin__container .margin__content .margin__text-content{flex:2}.margin__container .margin__content .margin__text-content .margin__title{font-size:42px;font-family:Inter,sans-serif;font-weight:700;color:#283136;line-height:1.3;margin-bottom:25px}.margin__container .margin__content .margin__text-content .margin__title .margin__title--highlight{color:#4aaf52}.margin__container .margin__content .margin__text-content .margin__stats{display:flex;align-items:center;margin-bottom:30px;gap:15px}.margin__container .margin__content .margin__text-content .margin__stats .stats-badge{background-color:#4aaf52;color:#fff;font-weight:700;font-family:Inter,sans-serif;padding:5px 15px;border-radius:20px;font-size:16px}.margin__container .margin__content .margin__text-content .margin__stats .stats-text{font-size:16px;color:#4a4a4a;font-family:Inter,sans-serif;font-weight:500}.margin__container .margin__content .margin__text-content .margin__actions{display:flex;gap:20px}.margin__container .margin__content .margin__text-content .margin__actions button{display:flex;align-items:center;padding:12px 24px;border-radius:8px;font-family:Inter,sans-serif;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;border:none}.margin__container .margin__content .margin__text-content .margin__actions button .btn-icon{margin-right:8px;font-size:16px}.margin__container .margin__content .margin__text-content .margin__actions button:hover{transform:translateY(-2px)}.margin__container .margin__content .margin__text-content .margin__actions .btn-global{background-color:#cbf4de;color:#4aaf52}.margin__container .margin__content .margin__text-content .margin__actions .btn-global:hover{background-color:#aed6c0}.margin__container .margin__content .margin__text-content .margin__actions .btn-download{background-color:#f1f3f5;color:#495057}.margin__container .margin__content .margin__text-content .margin__actions .btn-download:hover{background-color:#e9ecef}.margin__container .margin__content .margin__image{flex:1;display:flex;justify-content:flex-end}.margin__container .margin__content .margin__image img{max-width:100%;height:auto;max-height:400px;object-fit:contain}.trade-lessons{margin-top:60px}.trade-lessons .trade-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.trade-lessons .trade-tabs .tab{padding:10px 16px;border-radius:20px;background-color:#f8f9fa;color:#495057;border:1px solid #e6e6e6;font-family:Inter,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.trade-lessons .trade-tabs .tab.active{background-color:#cbf4de;color:#4aaf52;border-color:#aed6c0}.trade-lessons .trade-pills{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.trade-lessons .trade-pills .pill{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;background-color:#fff;border:1px solid #e6e6e6;box-shadow:0 1px 3px #0000000a;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease}.trade-lessons .trade-pills .pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.trade-lessons .trade-pills .pill.active{background-color:#cbf4de;border-color:#aed6c0}.trade-lessons .trade-pills .pill.active .pill-name{color:#4aaf52}.trade-lessons .trade-pills .pill-name{color:#1d3571;font-weight:600;font-size:14px}.trade-lessons .trade-pills .pill-count{background-color:#f1f3f5;color:#495057;padding:2px 8px;border-radius:12px;font-weight:700;font-size:12px}.questions-section{margin-top:30px}.questions-section .questions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.questions-section .questions-header .questions-title{font-size:22px;font-family:Inter,sans-serif;font-weight:700;color:#283136}.questions-section .questions-header .question-filters{display:flex;gap:8px}.questions-section .questions-header .question-filters .filter{padding:6px 12px;border-radius:16px;background-color:#f1f3f5;color:#495057;border:1px solid #e6e6e6;font-size:13px;font-weight:600;cursor:pointer}.questions-section .questions-header .question-filters .filter.active{background-color:#cbf4de;color:#1d3571;border-color:#aed6c0}.questions-section .questions-list{display:flex;flex-direction:column;gap:14px}.questions-section .question-card{height:100%;display:grid;grid-template-columns:80px 1fr 110px;align-items:center;padding:16px;border:2px solid #e6e6e6;border-radius:12px;background-color:#fff;box-shadow:0 2px 8px #0000000a;row-gap:10px;transition:all .2s ease}.questions-section .question-card:hover{border-color:#cbf4de}.questions-section .q-badge{width:40px;background-color:#e8f6ff;color:#0b7285;font-weight:800;font-size:18px;display:inline-flex;align-items:center;justify-content:center;height:40px;border-radius:8px}.questions-section .q-content{display:flex;align-items:center;justify-content:space-between;gap:10px}.questions-section .q-content .q-text{margin:0;color:#1d3571;font-weight:600;font-size:16px}.questions-section .q-cta{margin-top:0;display:flex;align-items:center;justify-content:center;gap:6px;background-color:#f1f3f5;color:#1d3571;border:none;width:140px;border-radius:8px;padding:10px;font-weight:700;cursor:pointer;transition:all .2s ease}.questions-section .q-cta .q-cta-icon{font-size:14px;transition:transform .3s ease}.questions-section .q-cta.open{background-color:#cbf4de;color:#1d3571}.questions-section .q-cta.open .q-cta-icon{transform:rotate(90deg)}.questions-section .q-level{width:50px;text-align:right;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;padding:6px 10px;border-radius:14px;background-color:#f1f3f5;color:#495057}.questions-section .level-entry{font-size:14px;background-color:#edf2ff;color:#364fc7}.questions-section .level-junior{font-size:14px;background-color:#e3fafc;color:#0b7285}.questions-section .level-middle{font-size:14px;background-color:#fff9db;color:#e67700}.questions-section .level-senior{font-size:14px;background-color:#ffe3e3;color:#c92a2a}.questions-section .level-expert{font-size:14px;background-color:#f8f0fc;color:#862e9c}.questions-section .answer-box{grid-column:1/-1;background-color:#f8f9fa;border-radius:8px;overflow:hidden;max-height:0;opacity:0;margin-top:0;padding:0 14px;transition:all .4s cubic-bezier(.4,0,.2,1)}.questions-section .answer-box.open{max-height:500px;opacity:1;margin-top:10px;padding:12px 14px}.questions-section .answer-box .answer-text{margin:0;color:#495057;font-size:17px;font-family:Inter,sans-serif;line-height:1.7}.questions-section .summary-exercise{margin-top:40px;padding:30px;background-color:#fff;border:1px solid #e6e6e6;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;align-items:center;gap:12px}.questions-section .summary-exercise .summary-title{font-size:20px;font-weight:700;color:#283136;margin:0;font-family:Inter,sans-serif}.questions-section .summary-exercise .summary-desc{font-size:15px;color:#495057;margin:0 0 10px;font-family:Inter,sans-serif}.questions-section .summary-exercise .summary-btn{background-color:#4aaf52;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-weight:600;font-size:15px;cursor:pointer;transition:background-color .2s;font-family:Inter,sans-serif}.questions-section .summary-exercise .summary-btn:hover{background-color:#3d9642}@media(max-width:1024px){.margin__container{padding:0 50px}.margin__container .margin__content .margin__title{font-size:32px}}@media(max-width:768px){.margin__container{padding:0 20px;margin-top:40px}.margin__container .margin__content{flex-direction:column-reverse;text-align:center}.margin__container .margin__content .margin__stats{justify-content:center;flex-direction:column}.margin__container .margin__content .margin__actions{justify-content:center;flex-wrap:wrap}.margin__container .margin__content .margin__image{justify-content:center;margin-bottom:30px}}.study-wrapper{background-color:#f8f9fa;min-height:100vh;padding-top:80px;padding-bottom:50px;display:flex;justify-content:center}.header-learn{padding:24px;background-color:#fff;box-shadow:0 8px 18px #0000000f;margin-bottom:26px;border-radius:16px}.study-container{width:1200px;max-width:none;margin:0 auto;display:flex;gap:28px}@media(max-width:900px){.study-container{flex-direction:column}}@media(max-width:1200px){.study-container{width:100%;max-width:100%}}.study-sidebar{width:320px;background:#fff;border-radius:12px;padding:22px;box-shadow:0 8px 18px #0000000f;height:fit-content;max-height:calc(100vh - 100px);overflow-y:auto;position:sticky;top:90px;z-index:10}@media(max-width:900px){.study-sidebar{width:100%;position:static;max-height:300px}}.study-sidebar .sidebar-title{font-family:Inter,sans-serif;font-size:20px;font-weight:700;color:#283136;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.study-sidebar .question-list{display:flex;flex-direction:column;gap:8px}.study-sidebar .q-nav-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;border:1px solid transparent;background:transparent;cursor:pointer;text-align:left;transition:all .2s;font-family:Inter,sans-serif}.study-sidebar .q-nav-item:hover{background-color:#f6f7f9;border-color:#e6e6e6}.study-sidebar .q-nav-item.active{background:linear-gradient(180deg,#eafef1,#dffbe9);border-color:#bfe9ce}.study-sidebar .q-nav-item.active .q-num{background-color:#4aaf52;color:#fff}.study-sidebar .q-nav-item.active .q-preview{color:#2f8a3f;font-weight:600}.study-sidebar .q-nav-item.answered .check-icon{color:#4aaf52;font-size:16px}.study-sidebar .q-nav-item.answered .q-num{background-color:#4aaf52;color:#fff}.study-sidebar .q-nav-item .q-num{width:28px;height:28px;border-radius:50%;background-color:#e0e0e0;color:#666;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;transition:all .2s}.study-sidebar .q-nav-item .q-preview{font-size:14px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.study-content{flex:1;background:#fff;border-radius:12px;padding:32px;box-shadow:0 8px 18px #0000000f;min-height:500px;display:flex;flex-direction:column}.study-content .content-header{margin-bottom:24px}.study-content .content-header .progress-bar-container{height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:10px}.study-content .content-header .progress-bar{height:100%;background-color:#4aaf52;transition:width .3s ease}.study-content .content-header .progress-text{font-size:14px;color:#888;font-weight:500}.study-content .question-display{flex:1;margin-bottom:30px}.study-content .question-display .question-text{font-family:Inter,sans-serif;font-size:20px;font-weight:600;color:#222;line-height:1.5;margin-bottom:24px}.study-content .question-display .question-text .q-index{color:#4aaf52;margin-right:8px}.study-content .question-display .options-list{display:flex;flex-direction:column;gap:12px}.study-content .question-display .options-list .option-item{display:flex;align-items:center;gap:14px;padding:16px 20px;border:2px solid #eef0f2;border-radius:10px;cursor:pointer;transition:all .2s;background-color:#fff}.study-content .question-display .options-list .option-item:hover:not(.correct):not(.wrong){border-color:#bfe9ce;background-color:#f9fffb}.study-content .question-display .options-list .option-item.selected{border-color:#4aaf52;background-color:#eafef1}.study-content .question-display .options-list .option-item.selected .radio-icon{color:#4aaf52}.study-content .question-display .options-list .option-item.correct{border-color:#4aaf52;background-color:#eafef1}.study-content .question-display .options-list .option-item.correct .radio-icon{color:#4aaf52}.study-content .question-display .options-list .option-item.wrong{border-color:#ff4d4f;background-color:#fff1f0}.study-content .question-display .options-list .option-item.wrong .radio-icon{color:#ff4d4f}.study-content .question-display .options-list .option-item .radio-icon{font-size:20px;color:#ccc;display:flex}.study-content .question-display .options-list .option-item .option-text{font-size:16px;color:#333;font-weight:500}.study-content .question-display .essay-area textarea{width:100%;padding:16px;border:2px solid #eef0f2;border-radius:10px;font-family:Inter,sans-serif;font-size:16px;color:#333;resize:vertical;transition:all .2s}.study-content .question-display .essay-area textarea:focus{border-color:#4aaf52;outline:none;box-shadow:0 0 0 3px #4aaf521a}.study-content .question-display .case-study-area{display:flex;flex-direction:column;gap:24px}.study-content .question-display .case-study-area .media-container{width:100%;border-radius:12px;overflow:hidden;border:1px solid #eef0f2;background:#000;display:flex;justify-content:center}.study-content .question-display .case-study-area .media-container .media-item{max-width:100%;max-height:400px;object-fit:contain}.study-content .question-display .case-study-area .input-group{display:flex;flex-direction:column;gap:8px}.study-content .question-display .case-study-area .input-group .input-label{font-weight:600;font-size:16px;color:#333}.study-content .question-display .case-study-area .input-group .study-textarea{width:100%;padding:14px;border:2px solid #eef0f2;border-radius:10px;font-family:Inter,sans-serif;font-size:15px;color:#333;resize:vertical;transition:all .2s}.study-content .question-display .case-study-area .input-group .study-textarea:focus{border-color:#4aaf52;outline:none;box-shadow:0 0 0 3px #4aaf521a}.study-content .action-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f0;padding-top:24px}.study-content .action-footer .nav-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;border:1px solid #eef0f2;background-color:#fff;color:#555}.study-content .action-footer .nav-btn:hover:not(:disabled){background-color:#f6f7f9;color:#333;border-color:#ccc}.study-content .action-footer .nav-btn:disabled{opacity:.5;cursor:not-allowed}.study-content .action-footer .submit-btn{padding:12px 32px;background-color:#4aaf52;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #4aaf5233}.study-content .action-footer .submit-btn:hover{background-color:#439c4a;transform:translateY(-1px)}.study-content .action-footer .submit-btn.disabled{background-color:#ccc;box-shadow:none;cursor:default;transform:none}.result-summary{margin-top:30px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 8px 18px #0000000f;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.result-summary .result-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background-color:#f8f9fa;border-radius:10px}.result-summary .result-item .result-label{font-size:14px;color:#666;font-weight:500}.result-summary .result-item .result-value{font-size:24px;font-weight:700;color:#333}.result-summary .result-item .result-value.success{color:#4aaf52}.result-summary .result-item .result-value.danger{color:#ff4d4f}.result-summary .result-item .result-value.highlight{color:#1890ff}.course-page{padding:5px 200px;margin-top:70px;height:100%}.course-page .course-header{margin-bottom:30px}.course-page .course-title{text-align:center;font-family:Inter,sans-serif;font-size:32px;color:#4aaf52;font-weight:700;margin-bottom:12px}.course-page .course-desc{text-align:center;font-family:Inter,sans-serif;font-size:16px;color:#495057;font-weight:400;line-height:1.5}.course-page .course-filters{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}@media(max-width:900px){.course-page .course-filters{flex-direction:column;align-items:stretch}}.course-page .course-filters .search-bar{height:30px;display:flex;align-items:center;gap:10px;flex:1;background-color:#fff;border:1px solid #e6e6e6;border-radius:10px;padding:5px 14px;box-shadow:0 2px 8px #0000000a}.course-page .course-filters .search-bar .search-icon{color:#868e96}.course-page .course-filters .search-bar input{border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:15px;color:#212529}.course-page .course-filters .category-pills{height:43px;display:flex;flex-wrap:wrap;gap:8px}.course-page .course-filters .category-pills .pill{padding:8px 12px;border-radius:16px;border:1px solid #e6e6e6;background-color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;font-size:13px;color:#495057}.course-page .course-filters .category-pills .pill.active{background-color:#cbf4de;border-color:#aed6c0}.course-page .course-filters .category-pills .pill.active .pill-name{color:#4aaf52}.course-page .course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1100px){.course-page .course-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.course-page .course-grid{grid-template-columns:1fr}}.course-page .course-card{display:flex;flex-direction:column;background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;overflow:hidden;transition:all .3s ease;border:1px solid transparent;height:100%;cursor:pointer}.course-page .course-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a;border-color:#e6fcf5}.course-page .course-card:hover .course-image{transform:scale(1.05)}.course-page .course-card:hover .btn-view{background-color:#4aaf52;color:#fff}.course-page .course-card .card-image-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.course-page .course-card .card-image-wrapper .course-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.course-page .course-card .card-image-wrapper .badge-level{position:absolute;top:12px;left:12px;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;color:#2b8a3e;box-shadow:0 2px 4px #0000001a}.course-page .course-card .card-content{flex:1;padding:16px;display:flex;flex-direction:column}.course-page .course-card .card-content .course-name{font-family:Inter,sans-serif;font-size:16px;line-height:1.5;color:#1d3571;font-weight:700;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:48px}.course-page .course-card .card-content .course-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px}.course-page .course-card .card-content .course-meta .meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.course-page .course-card .card-content .course-meta .meta-item .icon{color:#4aaf52;font-size:16px}.course-page .course-card .card-content .course-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #f1f3f5}.course-page .course-card .card-content .course-footer .price-box .price-free{color:#4aaf52;font-weight:700;font-size:16px}.course-page .course-card .card-content .course-footer .price-box .price-group{display:flex;flex-direction:column}.course-page .course-card .card-content .course-footer .price-box .price-group .current-price{color:#1d3571;font-weight:700;font-size:16px}.course-page .course-card .card-content .course-footer .price-box .price-group .original-price{color:#adb5bd;text-decoration:line-through;font-size:12px}.course-page .course-card .card-content .course-footer .button-group{display:flex;gap:8px}.course-page .course-card .card-content .course-footer .button-group .btn-register{padding:8px 16px;border-radius:8px;background-color:#4aaf52;color:#fff;font-weight:600;font-size:13px;border:none;cursor:pointer;transition:all .3s ease}.course-page .course-card .card-content .course-footer .button-group .btn-register:hover{background-color:#3d9642;transform:translateY(-1px)}.course-page .course-card .card-content .course-footer .button-group .btn-view{padding:8px 16px;border-radius:8px;background-color:#f1f3f5;color:#1d3571;font-weight:600;font-size:13px;border:none;cursor:pointer;transition:all .3s ease}.course-page .course-card .card-content .course-footer .button-group .btn-view:hover{background-color:#e9ecef;color:#1d3571}.course-page .no-courses{width:100%;display:flex;align-items:center;justify-content:center}.course-page .card-header,.course-page .card-body,.course-page .card-footer{display:none}.course-page .course-marketing{display:flex;align-items:center;justify-content:space-between;background-color:#f9fafb;padding:48px 24px;gap:24px;margin-top:48px}@media(max-width:900px){.course-page .course-marketing{flex-direction:column}}.course-page .course-marketing .marketing-content{flex:1}.course-page .course-marketing .marketing-content .marketing-title{font-family:Inter,sans-serif;text-align:center;font-size:28px;font-weight:700;color:#4aaf52}.course-page .course-marketing .marketing-content .marketing-desc{font-size:16px;color:#374151;line-height:1.7;margin-top:12px}.course-page .course-marketing .marketing-image{flex:1;width:350px;height:400px}.course-page .course-marketing .marketing-image img{width:100%;height:100%;border-radius:12px}.course-detail-page{width:100%;max-width:1200px;margin:0 auto;padding:24px;box-sizing:border-box}.detail-header{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.breadcrumb{font-size:13px;color:#6b7280}.detail-title{font-size:28px;font-weight:700;color:#1f2937}.detail-desc{font-size:15px;color:#374151;line-height:1.6}.detail-stats{display:flex;align-items:center;gap:16px}.stat{display:flex;align-items:center;gap:8px;color:#111827;font-size:14px}.badge-levels{padding:6px 10px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;font-size:12px;color:#1f2937}.cta-group{display:flex;gap:12px;margin-top:8px}.btn-icon{font-size:18px!important}.detail-body{display:grid;grid-template-columns:1fr 320px;gap:24px}.detail-left{display:flex;flex-direction:column;gap:16px}.preview-box{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a}.preview-thumb{aspect-ratio:16/9;height:auto;border-radius:10px;background:linear-gradient(135deg,#f0fdf4,#e6fbe9);display:grid;place-items:center;overflow:hidden}.preview-icon{color:#4aaf52;font-size:40px!important}.preview-thumb.has-video{background:#000}.preview-thumb img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}.preview-thumb iframe{width:100%;height:100%;display:block;border:0;border-radius:10px}.video-modal{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:1000;padding:20px}.video-content{position:relative;width:min(960px,100%);aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000040}.video-close{position:absolute;top:8px;right:8px;width:36px;height:36px;border:none;border-radius:999px;background:#fffd;color:#111827;font-size:20px;cursor:pointer}.play-btn{align-self:flex-start}.tabs{display:flex;gap:8px;border-bottom:1px solid #e6e6e6}.tab{padding:10px 14px;border:none;background:transparent;color:#374151;border-bottom:2px solid transparent;cursor:pointer;font-weight:600}.tab.active{color:#111827;border-bottom-color:#4aaf52}.tab-pane{padding:16px 0}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.overview-card{padding:16px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a}.card-title{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:8px}.bullet-list{display:grid;gap:6px;font-size:14px;color:#374151}.curriculum-pane{display:grid;gap:12px}.section-card{border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a;overflow:hidden}.section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f9fafb;border:none;cursor:pointer}.section-title{font-weight:700;color:#1f2937}.section-meta{display:flex;align-items:center;gap:8px;color:#374151;font-size:14px}.meta-icon{color:#4aaf52;font-size:18px!important}.section-content{max-height:0;opacity:0;transition:all .3s ease}.section-card.open .section-content{max-height:1000px;opacity:1}.lesson-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid #f1f5f9}.lesson-left{display:flex;align-items:center;gap:10px}.lesson-icon{color:#4aaf52;font-size:18px!important}.lesson-title{color:#111827;font-size:14px}.lesson-right{display:flex;align-items:center;gap:10px}.preview-pill{padding:4px 8px;border:1px solid #e6e6e6;border-radius:999px;font-size:12px;color:#374151}.lesson-time{display:inline-flex;align-items:center;gap:6px;color:#374151;font-size:13px}.time-icon{color:#6ee7b7;font-size:18px!important}.instructor-card{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:16px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a}.avatar{display:grid;place-items:center}.avatar-circle{width:72px;height:72px;border-radius:50%;background:#f0fdf4;color:#4aaf52;display:grid;place-items:center;font-weight:700}.instructor-name{font-size:16px;font-weight:700;color:#1f2937}.instructor-bio{margin-top:6px;color:#374151;font-size:14px;line-height:1.6}.reviews-pane{display:grid;gap:12px}.review-card{padding:16px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a}.review-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.stars .star{color:#f59e0b;font-size:18px!important}.reviewer{margin-left:auto;color:#6b7280;font-size:13px}.review-text{color:#374151;font-size:14px}.detail-right{display:flex;flex-direction:column;gap:16px}.detail-right .detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a}.detail-right .detail-stats .stat{justify-content:flex-start;padding:8px 10px;border:1px solid #f1f5f9;border-radius:10px}.detail-right .detail-stats .badge-levels{grid-column:1/-1;justify-self:start;margin-top:4px}.detail-right .cta-group{display:grid;grid-template-columns:1fr;gap:10px}.detail-right .cta-group .btn-primary,.detail-right .cta-group .btn-outline{width:100%;justify-content:center}.info-card{padding:16px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a}.info-row{display:flex;align-items:center;gap:10px;padding:10px 0;color:#374151;border-bottom:1px solid #f1f5f9}.info-row:last-child{border-bottom:none}.info-icon{color:#4aaf52;font-size:18px!important}.full{width:100%;margin-top:10px}@media(max-width:900px){.detail-body,.overview-grid,.detail-right .detail-stats{grid-template-columns:1fr}}.register-study{width:100%;max-width:1200px;margin:50px auto 0;padding:24px;box-sizing:border-box}.rs-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.rs-title{font-size:28px;font-weight:700;color:#1f2937}.rs-desc{font-size:15px;color:#374151}.rs-body{display:grid;grid-template-columns:1fr 320px;gap:24px}.rs-left{display:flex;flex-direction:column;gap:16px}.course-summary{padding:16px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a}.stat-icon{color:#4aaf52;font-size:20px!important}.plans{display:grid;grid-template-columns:repeat(1,1fr);gap:12px}.plan-card{position:relative;padding:14px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a;cursor:pointer;transition:all .2s ease}.plan-card:hover{box-shadow:0 0 0 1px #cbf4de,0 4px 12px #00000014}.plan-card.active{border-color:#4aaf52}.badge{position:absolute;top:12px;right:12px;padding:4px 8px;background:#f0fdf4;border:1px solid #ccebd6;color:#4aaf52;border-radius:999px;font-size:12px}.plan-name{font-weight:700;color:#1f2937}.plan-price{margin-top:6px;color:#374151;font-weight:600}.plan-features{display:grid;gap:6px;margin-top:10px}.pf{display:inline-flex;align-items:center;gap:8px;color:#374151;font-size:14px}.pf-icon{color:#4aaf52;font-size:18px!important}.form{padding:16px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a;display:grid;gap:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.payment{padding:16px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a;display:grid;gap:12px}.payment-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.qr-box,.bank-box,.card-box{border:1px solid #e6e6e6;border-radius:12px;background:#fff;padding:12px}.card-box .form-row{margin-top:10px;grid-template-columns:1fr 1fr 1fr}.rs-right{display:flex;flex-direction:column;gap:16px}.order-card{padding:16px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a}.order-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:#374151;border-bottom:1px solid #f1f5f9}.order-row:last-child{border-bottom:none}.order-label{font-size:14px}.order-value{font-weight:600}.order-total{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.order-error{margin-top:10px;color:#ef4444;font-size:14px}.fulls{width:100%;justify-content:center}@media(max-width:900px){.rs-body,.plans{grid-template-columns:1fr}.payment-methods{grid-template-columns:1fr 1fr}}.form-field{display:flex;flex-direction:column;gap:6px;width:100%;position:relative;margin-bottom:20px}.form-field label{font-size:13px;color:#4b5563;font-weight:500}.form-field label .required{color:#ef4444;margin-left:2px}.form-field .input-wrapper{position:relative;display:flex;align-items:center}.form-field .input-wrapper input{width:100%;height:42px;border:1px solid #e5e7eb;border-radius:8px;padding:0 36px 0 12px;outline:none;font-size:14px;color:#1f2937;background-color:#fff;transition:all .2s ease-in-out;box-shadow:0 1px 2px #0000000d}.form-field .input-wrapper input::placeholder{color:#9ca3af}.form-field .input-wrapper input:hover{border-color:#d1d5db}.form-field .input-wrapper input:focus{border-color:#00695c;box-shadow:0 0 0 3px #00695c1a}.form-field .input-wrapper input.input-error{border-color:#ef4444}.form-field .input-wrapper input.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-field .input-wrapper .error-icon{position:absolute;right:12px;display:flex;align-items:center;pointer-events:none;animation:fadeIn .2s ease-in-out}.form-field .error-message{position:absolute;top:100%;left:0;width:100%;font-size:12px;color:#ef4444;margin-top:4px;display:flex;align-items:center;animation:slideDown .2s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-groups{display:flex;justify-content:space-between}.form-groups .form-group{width:48%}.form-group{margin-bottom:24px;position:relative;width:100%}.form-group .input-group{position:relative}.form-group .form-input{width:100%;padding:12px 14px;font-size:14px;border:1px solid #d1d5db;border-radius:8px;outline:none;transition:all .2s;box-sizing:border-box;background-color:transparent}.form-group .form-input:focus{border-color:#4aaf52;box-shadow:0 0 0 3px #4aaf521a}.form-group .form-input.input-error{border-color:#ef4444;padding-right:40px}.form-group .form-input.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-group .form-input.input-error+label{color:#ef4444}.form-group .form-input::placeholder{color:transparent}.form-group label{position:absolute;left:14px;top:50%;transform:translateY(-50%);background-color:#fff;padding:0 4px;font-size:14px;color:#6b7280;pointer-events:none;transition:all .2s ease-out;z-index:10}.form-group .form-input:focus+label,.form-group .form-input:not(:placeholder-shown)+label{top:0;font-size:12px;color:#4aaf52;font-weight:500}.form-group .form-input.input-error:focus+label,.form-group .form-input.input-error:not(:placeholder-shown)+label{color:#ef4444}.form-group .input-group{margin-top:6px}.form-group .input-group .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;cursor:pointer;display:flex;align-items:center;z-index:20}.form-group .input-group .password-toggle:hover{color:#4b5563}.form-group .input-group .password-toggle svg{font-size:20px}.form-group .input-group .error-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center;z-index:20}.form-group .error-message{position:absolute;top:100%;left:8px;width:100%;font-size:12px;color:#ef4444;margin-top:4px;display:flex;align-items:center;animation:slideDown .2s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.payment{width:100%;max-width:1200px;margin:100px auto 0;padding:24px;box-sizing:border-box}.pay-header{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:12px;margin-bottom:16px}.back-btn{justify-content:flex-start}.pay-title{font-size:28px;font-weight:700;color:#1f2937}.pay-desc{grid-column:1/-1;font-size:15px;color:#374151}.pay-body{display:grid;grid-template-columns:1fr 320px;gap:24px}.pay-left{display:flex;flex-direction:column;gap:16px}.order-summary{padding:16px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a}.summary-title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:8px}.summary-stats{display:flex;align-items:center;gap:16px}.stat{display:inline-flex;align-items:center;gap:8px;color:#111827;font-size:14px}.stat-icon{color:#4aaf52;font-size:15px!important}.badge-level{padding:6px 10px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;font-size:12px;color:#1f2937}.method-card{padding:16px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a;display:grid;gap:12px}.section-title{font-size:16px;font-weight:700;color:#1f2937}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pm{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e6e6e6;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease;color:#374151;font-weight:600}.pm:hover{box-shadow:0 0 0 1px #cbf4de,0 4px 12px #00000014}.pm.active{border-color:#4aaf52}.pm-icon{color:#4aaf52;font-size:18px!important}.qr-box,.bank-box,.card-box,.atm-select{border:1px solid #e6e6e6;border-radius:12px;background:#fff;padding:12px}.qr-box{display:grid;gap:8px}.qr-thumb{height:200px;border-radius:10px;background:linear-gradient(135deg,#f0fdf4,#e6fbe9);display:grid;place-items:center}.qr-icon{color:#4aaf52;font-size:48px!important}.qr-desc{color:#374151;font-size:14px}.bank-box{display:grid;gap:8px}.bank-row{display:flex;justify-content:space-between;border-bottom:1px solid #f1f5f9;padding-bottom:8px}.bank-row:last-child{border-bottom:none}.bank-label{color:#6b7280;font-size:13px}.bank-value{color:#111827;font-weight:600}.card-box .form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.card-box .form-row:first-child{grid-template-columns:1fr}.form-field{display:grid;gap:6px}.form-field label{font-size:13px;color:#6b7280}.form-field input{height:40px;border:1px solid #e6e6e6;border-radius:10px;padding:0 12px;outline:none;font-size:14px;color:#111827}.pay-right{display:flex;flex-direction:column;gap:16px}.bill-card{padding:16px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a}.bill-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:#374151;border-bottom:1px solid #f1f5f9}.bill-row:last-child{border-bottom:none}.bill-label{font-size:14px}.bill-value{font-weight:600}.bill-total{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.highlight{color:#4aaf52}.bill-error{margin-top:10px;color:#ef4444;font-size:14px}.success-box{display:grid;gap:10px;text-align:center}.success-icon{color:#4aaf52;font-size:36px!important}.success-text{color:#111827;font-weight:600}.atm-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.atm-radio{display:inline-flex;align-items:center;gap:8px;color:#111827;font-weight:600}.pill{padding:2px 8px;border-radius:999px;background:#f0fdf4;border:1px solid #ccebd6;color:#4aaf52;font-size:12px;font-weight:700}.atm-search{margin-bottom:10px}.atm-search input{width:100%;height:40px;border:1px solid #e6e6e6;border-radius:10px;padding:0 12px;outline:none;font-size:14px;color:#111827}.bank-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.bank-item{height:48px;border:1px solid #e6e6e6;border-radius:10px;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.bank-item:hover{box-shadow:0 0 0 1px #cbf4de,0 4px 12px #00000014}.bank-item.active{border-color:#4aaf52}.bank-name{font-weight:600;color:#374151}.atm-detail{border:1px solid #e6e6e6;border-radius:12px;background:#fff;margin-top:12px;padding:12px}.atm-detail-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9;padding-bottom:10px;margin-bottom:10px}.atm-title{font-weight:700;color:#1f2937}.atm-actions{display:inline-flex;align-items:center;gap:8px}.btn-outline.small{padding:6px 10px;font-size:12px}.atm-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.atm-fields .full{grid-column:1/-1}.checkbox-line{display:inline-flex;align-items:center;gap:8px;color:#374151;font-size:14px;margin:6px 0}.atm-note{display:flex;align-items:center;gap:8px;margin-top:8px;background:#fff7ed;border:1px solid #fde68a;color:#a16207;border-radius:8px;padding:8px 10px}.atm-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.atm-guide{color:#2563eb;text-decoration:none;font-weight:600}.btn-primary:disabled{opacity:.6;cursor:not-allowed;filter:none;transform:none}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#4aaf52;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{filter:brightness(.95);transform:translateY(-1px)}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;color:#1f2937;border:1px solid #e6e6e6;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-outline:hover{box-shadow:0 0 0 1px #cbf4de,0 4px 12px #00000014}.btn-icon{font-size:15px!important}.buy{width:100%;display:flex;align-items:center;justify-content:center}@media(max-width:900px){.pay-body{grid-template-columns:1fr}.method-grid,.bank-grid{grid-template-columns:1fr 1fr}}.blog-page{background-color:#f9f9f9;min-height:100vh;padding-bottom:50px}.blog-page .blog-hero{position:relative;margin-top:0;background-color:#004d40;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding:120px 20px;text-align:center;margin-bottom:50px;overflow:hidden}.blog-page .blog-hero .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#004d40d9,#000000b3);z-index:1}.blog-page .blog-hero .hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto;animation:fadeInUp .8s ease-out}.blog-page .blog-hero .hero-content h1{font-size:3.2rem;margin-bottom:20px;font-weight:800;text-shadow:0 4px 12px rgba(0,0,0,.3);letter-spacing:-1px;line-height:1.2}@media(max-width:768px){.blog-page .blog-hero .hero-content h1{font-size:2.2rem}}.blog-page .blog-hero .hero-content p{font-size:1.3rem;font-weight:300;opacity:.95;line-height:1.6;max-width:700px;margin:0 auto;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media(max-width:768px){.blog-page .blog-hero .hero-content p{font-size:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-page .blog-container{max-width:1300px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:300px 1fr;gap:40px}@media(max-width:992px){.blog-page .blog-container{grid-template-columns:1fr}}.blog-page .blog-sidebar .search-box{position:relative;margin-bottom:30px}.blog-page .blog-sidebar .search-box input{width:82%;padding:12px 40px 12px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:border-color .3s}.blog-page .blog-sidebar .search-box input:focus{border-color:#00695c}.blog-page .blog-sidebar .search-box .search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer}.blog-page .blog-sidebar .categories{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:30px}.blog-page .blog-sidebar .categories h3{font-size:18px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee;color:#333}.blog-page .blog-sidebar .categories ul{list-style:none;padding:0}.blog-page .blog-sidebar .categories ul li{padding:10px 0;color:#666;cursor:pointer;transition:all .2s;display:flex;align-items:center}.blog-page .blog-sidebar .categories ul li:hover,.blog-page .blog-sidebar .categories ul li.active{color:#00695c;padding-left:5px;font-weight:500}.blog-page .blog-sidebar .categories ul li.active:before{content:"•";margin-right:8px;color:#00695c}.blog-page .blog-sidebar .newsletter{background:#e0f2f1;padding:25px;border-radius:12px;text-align:center}.blog-page .blog-sidebar .newsletter h3{color:#004d40;margin-bottom:10px}.blog-page .blog-sidebar .newsletter p{font-size:14px;color:#555;margin-bottom:15px}.blog-page .blog-sidebar .newsletter input{width:91%;padding:10px;border:1px solid #b2dfdb;border-radius:6px;margin-bottom:10px;outline:none}.blog-page .blog-sidebar .newsletter button{width:100%;padding:10px;background:#4aaf52;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.blog-page .blog-sidebar .newsletter button:hover{background:#388e3c}.blog-page .blog-main .posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}.blog-page .blog-main .post-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:transform .3s,box-shadow .3s;cursor:pointer;display:flex;flex-direction:column;height:100%}.blog-page .blog-main .post-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0000001a}.blog-page .blog-main .post-card:hover .post-title{color:#00695c}.blog-page .blog-main .post-card:hover .post-image img{transform:scale(1.05)}.blog-page .blog-main .post-card .post-image{position:relative;height:200px;overflow:hidden}.blog-page .blog-main .post-card .post-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.blog-page .blog-main .post-card .post-image .post-category{position:absolute;top:15px;right:15px;background:#4aaf52;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.blog-page .blog-main .post-card .post-content{padding:20px;flex:1;display:flex;flex-direction:column}.blog-page .blog-main .post-card .post-content .post-meta{display:flex;gap:5px;font-size:12px;color:#888;margin-bottom:10px}.blog-page .blog-main .post-card .post-content .post-title{font-size:18px;font-weight:700;color:#333;margin-bottom:10px;line-height:1.4;transition:color .2s}.blog-page .blog-main .post-card .post-content .post-excerpt{font-size:14px;color:#666;line-height:1.6;margin-bottom:20px;flex:1}.blog-page .blog-main .post-card .post-content .post-author{display:flex;align-items:center;gap:10px;border-top:1px solid #f0f0f0;padding-top:15px}.blog-page .blog-main .post-card .post-content .post-author .author-avatar{width:32px;height:32px;background:#e0f2f1;color:#00695c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.blog-page .blog-main .post-card .post-content .post-author .author-name{font-size:13px;color:#555;font-weight:500}.blog-page .blog-main .no-posts{text-align:center;padding:40px;background:#fff;border-radius:12px;color:#666}.blog-page .blog-main .pagination{display:flex;justify-content:center;gap:10px}.blog-page .blog-main .pagination button{width:40px;height:40px;border:1px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s;color:#555}.blog-page .blog-main .pagination button:hover:not(:disabled){border-color:#00695c;color:#00695c}.blog-page .blog-main .pagination button.active{background:#00695c;color:#fff;border-color:#00695c}.blog-page .blog-main .pagination button:disabled{opacity:.5;cursor:not-allowed}.auth-form-wrapper{width:100%;max-width:430px}.auth-form-wrapper .auth-form-content .form-main .form-actions{margin-top:20px}.auth-form-wrapper .auth-form-content .form-register{margin-top:20px;font-size:13px;color:#6b7280;line-height:1.5}.auth-form-wrapper .auth-form-content .form-register a{color:#4aaf52;font-weight:600;text-decoration:none;transition:color .2s}.auth-form-wrapper .auth-form-content .form-register a:hover{color:#46b156}.auth-layout{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:#f3f4f6;font-family:Inter,sans-serif}.auth-layout .auth-container{display:flex;width:1200px;height:600px;background-color:#fff;border-radius:20px;box-shadow:0 10px 25px #0000000d;overflow:hidden}.auth-layout .auth-container .auth-left{width:50%;background-color:#e8f5e9;display:none}@media(min-width:768px){.auth-layout .auth-container .auth-left{display:block}}.auth-layout .auth-container .auth-left .auth-left-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.auth-layout .auth-container .auth-left .auth-left-content .auth-banner{width:100%;height:100%;object-fit:cover}.auth-layout .auth-container .auth-right{width:100%;display:flex;align-items:center;justify-content:center;padding:40px}@media(min-width:768px){.auth-layout .auth-container .auth-right{width:50%}}.auth-form-wrapper{width:100%}.auth-form-wrapper .auth-title{margin-bottom:30px}.auth-form-wrapper .auth-title h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.auth-form-wrapper .auth-title p{font-size:14px;color:#6b7280;line-height:1.5}.auth-form-wrapper .auth-form-content{width:400px;max-width:500px}.auth-form-wrapper .auth-form-content .form-main .forgot-password{display:flex;justify-content:flex-end;margin-bottom:20px;margin-top:-10px}.auth-form-wrapper .auth-form-content .form-main .forgot-password a{font-size:13px;color:#4aaf52;text-decoration:none;font-weight:500}.auth-form-wrapper .auth-form-content .form-main .forgot-password a:hover{text-decoration:underline}.auth-form-wrapper .auth-form-content .form-main .form-actions{margin-top:10px}.auth-form-wrapper .auth-form-content .form-main .form-actions .btn-submit{width:100%;padding:12px;background-color:#4aaf52;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.auth-form-wrapper .auth-form-content .form-main .form-actions .btn-submit:hover{background-color:#46b156}.auth-form-wrapper .auth-form-content .form-main .form-actions .btn-submit:active{transform:translateY(1px)}.auth-form-wrapper .auth-form-content .form-main .auth-footer{margin-top:24px;text-align:center}.auth-form-wrapper .auth-form-content .form-main .auth-footer p{font-size:14px;color:#6b7280}.auth-form-wrapper .auth-form-content .form-main .auth-footer p a{color:#4aaf52;text-decoration:none;font-weight:600;margin-left:4px}.auth-form-wrapper .auth-form-content .form-main .auth-footer p a:hover{text-decoration:underline}.header-layout-admin{height:70px;position:sticky;top:0;z-index:1000;background-color:#fff;padding:0 30px;box-shadow:0 2px 8px #0000001a}.header-layout-admin .header-container{height:100%;display:flex;align-items:center;justify-content:space-between}.header-layout-admin .header-container__logo{display:flex;align-items:center;gap:10px}.header-layout-admin .header-container__logo .logo{width:40px;height:30px}.header-layout-admin .header-container__logo__title{font-size:20px;margin:0;font-family:Inter,sans-serif;font-weight:600;color:#283136}.header-layout-admin .header-container__logo__title span{color:#4aaf52;margin-left:6px;font-size:14px;background:#e6f7ff;padding:2px 8px;border-radius:12px;color:#1890ff}.header-layout-admin .header-container__right{display:flex;align-items:center;gap:20px}.header-layout-admin .header-container__right .header-user{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:20px;transition:all .3s ease;cursor:pointer}.header-layout-admin .header-container__right .header-user:hover{background-color:#f5f5f5}.header-layout-admin .header-container__right .header-user:hover .ant-avatar{border-color:#1890ff}.header-layout-admin .header-container__right .header-user:hover span{color:#1890ff}.header-layout-admin .header-container__right .header-user .ant-avatar{background-color:#f0f2f5;border:1px solid #d9d9d9;transition:transform .3s ease}.header-layout-admin .header-container__right .header-user span{font-family:Inter,sans-serif;font-weight:500;color:#283136;font-size:15px;transition:color .3s ease}.ant-dropdown{z-index:1100!important}.ant-dropdown .ant-dropdown-menu{min-width:200px;padding:8px;border-radius:12px;box-shadow:0 6px 16px #00000014}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{padding:10px 16px;border-radius:8px;margin-bottom:2px;font-family:Inter,sans-serif}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover{background-color:#f6f8fa}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .anticon{margin-right:12px}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-danger{color:#ff4d4f}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-danger:hover{background-color:#fff1f0;color:#ff4d4f}.navbar-layout{width:300px;height:calc(100vh - 70px);background-color:#fff;border-right:1px solid #f0f0f0;position:fixed;left:0;top:70px;z-index:900;transition:all .3s ease}.navbar-layout .navbar-container{height:100%;padding:20px 16px;overflow-y:auto}.navbar-layout .navbar-container .navbar-menu{display:flex;flex-direction:column;gap:8px}.navbar-layout .navbar-container .navbar-menu .navbar-item-group{display:flex;flex-direction:column;gap:4px}.navbar-layout .navbar-container .navbar-menu .navbar-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#5f6368}.navbar-layout .navbar-container .navbar-menu .navbar-item__content{display:flex;align-items:center}.navbar-layout .navbar-container .navbar-menu .navbar-item:hover{background-color:#f6f8fa;color:#283136}.navbar-layout .navbar-container .navbar-menu .navbar-item.active{background-color:#e6f7ff;color:#1890ff;font-weight:500}.navbar-layout .navbar-container .navbar-menu .navbar-item.active .navbar-item__icon{color:#1890ff}.navbar-layout .navbar-container .navbar-menu .navbar-item__icon{display:flex;align-items:center;font-size:20px;margin-right:12px;color:#5f6368;transition:color .2s ease}.navbar-layout .navbar-container .navbar-menu .navbar-item__label{font-family:Inter,sans-serif;font-size:15px;line-height:1.5}.navbar-layout .navbar-container .navbar-menu .navbar-item__toggle{font-size:12px;color:#8c8c8c}.navbar-layout .navbar-container .navbar-menu .navbar-item.submenu-item{padding-left:48px;font-size:14px}.navbar-layout .navbar-container .navbar-menu .navbar-item.submenu-item:hover{background-color:transparent;color:#1890ff}.navbar-layout .navbar-container .navbar-menu .navbar-item.submenu-item.active{background-color:transparent;color:#1890ff;font-weight:600}.navbar-layout .navbar-container .navbar-menu .navbar-submenu{display:flex;flex-direction:column;gap:2px;overflow:hidden;max-height:0;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-layout .navbar-container .navbar-menu .navbar-submenu.open{max-height:200px;opacity:1;margin-top:4px}.dashboard-admin .dashboard-header{margin-bottom:24px}.dashboard-admin .dashboard-header .header-title{font-size:30px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-weight:600;color:#262626;margin-bottom:8px}.dashboard-admin .dashboard-header .header-subtitle{font-size:14px;color:#8c8c8c;margin-left:10px}.dashboard-admin .dashboard-stats{margin-bottom:24px}.dashboard-admin .dashboard-stats .stat-card{height:100%;border-radius:8px;box-shadow:0 1px 2px #00000008;transition:all .3s ease}.dashboard-admin .dashboard-stats .stat-card:hover{box-shadow:0 4px 12px #00000014}.dashboard-admin .dashboard-stats .stat-card .ant-statistic-title{font-size:14px;color:#8c8c8c;margin-bottom:8px}.dashboard-admin .dashboard-stats .stat-card .ant-statistic-content{font-size:24px;font-weight:600}.dashboard-admin .dashboard-stats .stat-card .ant-statistic-content .anticon{font-size:24px;margin-right:8px}.dashboard-admin .dashboard-stats .stat-card .stat-footer{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0;font-size:12px}.dashboard-admin .dashboard-stats .stat-card .stat-footer .text-success{color:#52c41a;margin-right:8px}.dashboard-admin .dashboard-stats .stat-card .stat-footer .text-danger{color:#ff4d4f;margin-right:8px}.dashboard-admin .dashboard-stats .stat-card .stat-footer .text-muted{color:#8c8c8c}.dashboard-admin .dashboard-charts .chart-card{height:100%;border-radius:8px;box-shadow:0 1px 2px #00000008}.dashboard-admin .dashboard-charts .chart-card .ant-card-head{border-bottom:1px solid #f0f0f0;min-height:48px}.dashboard-admin .dashboard-charts .chart-card .ant-card-head .ant-card-head-title{font-size:16px;font-weight:600}.dashboard-admin .dashboard-charts .chart-card .ant-card-body{padding:24px}.dashboard-admin .dashboard-charts .chart-card .recharts-wrapper,.dashboard-admin .dashboard-charts .chart-card .recharts-wrapper *{outline:none!important}.dashboard-admin .dashboard-charts .chart-card .recharts-wrapper:focus{outline:none!important}.dashboard-admin .dashboard-charts .chart-card .recharts-surface:focus,.dashboard-admin .dashboard-charts .chart-card .recharts-layer:focus,.dashboard-admin .dashboard-charts .chart-card .recharts-sector:focus,.dashboard-admin .dashboard-charts .chart-card .recharts-bar-rectangle:focus,.dashboard-admin .dashboard-charts .chart-card .recharts-curve:focus,.dashboard-admin .dashboard-charts .chart-card .recharts-dot:focus,.dashboard-admin .dashboard-charts .chart-card path:focus,.dashboard-admin .dashboard-charts .chart-card rect:focus,.dashboard-admin .dashboard-charts .chart-card g:focus{outline:none!important}.post-admin-container{padding:24px;background:#f0f2f5;min-height:80vh}.post-admin-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.post-admin-container .page-header .page-title{font-size:24px;font-weight:600;color:#1f1f1f;margin:0}.post-admin-container .filter-bar{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;border-radius:8px;flex-wrap:wrap;gap:16px}.post-admin-container .ant-table-wrapper{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000000d}.post-admin-container .ant-table-wrapper .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.course-admin-container{padding:24px;background:#f0f2f5;min-height:80vh}.course-admin-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.course-admin-container .page-header .page-title{font-size:24px;font-weight:600;color:#1f1f1f;margin:0}.course-admin-container .filter-bar{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;border-radius:8px;flex-wrap:wrap;gap:16px}.course-admin-container .ant-table-wrapper{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000000d}.course-admin-container .ant-table-wrapper .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.curriculum-form .ant-card-head{background-color:#fafafa;min-height:40px;padding:0 12px}.curriculum-form .ant-card-head .ant-card-head-title{padding:8px 0}.curriculum-form .ant-card-body{padding:12px;background-color:#fff}.user-admin-container{padding:24px;background:#f0f2f5;min-height:80vh}.user-admin-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.user-admin-container .page-header .page-title{font-size:24px;font-weight:600;color:#1f1f1f;margin:0}.user-admin-container .filter-bar{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;border-radius:8px;flex-wrap:wrap;gap:16px}.user-admin-container .ant-table-wrapper{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000000d}.user-admin-container .ant-table-wrapper .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.rank-user-admin-container{padding:24px;background:#fff;border-radius:8px;min-height:80vh}.rank-user-admin-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.rank-user-admin-container .page-header .page-title{font-size:24px;font-weight:600;color:#1f1f1f;margin:0}.rank-user-admin-container .table-container{background:#fff}.settings-admin-container{padding:24px;background-color:#f5f5f5;height:100%}.settings-admin-container .settings-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.settings-admin-container .settings-card .ant-tabs-nav{padding:0 24px;margin-bottom:0}.settings-admin-container .settings-card .ant-tabs-content{padding:24px}.settings-admin-container .setting-item-group{margin-bottom:24px}.settings-admin-container .setting-item-group h4{margin-bottom:16px;font-size:16px;color:#1f1f1f;font-weight:600}.settings-admin-container .submit-btn-container{margin-top:24px;padding-top:24px;border-top:1px solid #f0f0f0;text-align:right}.profile-admin-container{padding:24px;background-color:#f5f5f5;height:100%}.profile-admin-container .profile-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.profile-admin-container .profile-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 24px}.profile-admin-container .profile-card .ant-card-head .ant-card-head-title{font-size:18px;font-weight:600}.profile-admin-container .profile-card .avatar-section{display:flex;flex-direction:column;align-items:center;padding:20px 0;border-right:1px solid #f0f0f0}.profile-admin-container .profile-card .avatar-section .ant-avatar{margin-bottom:16px;border:2px solid #1890ff}.profile-admin-container .profile-card .avatar-section .user-role-tag{margin-top:8px;padding:4px 12px;border-radius:4px;background-color:#e6f7ff;color:#1890ff;font-weight:500}.profile-admin-container .profile-card .form-section{padding:0 24px}.profile-admin-container .profile-card .form-section .ant-form-item-label{font-weight:500}.analytics-admin{padding:24px;background-color:#f5f5f5;min-height:100vh}.analytics-admin .header-title{font-size:24px;font-weight:600;color:#262626;margin-bottom:24px}.analytics-admin .chart-card{background:#fff;border-radius:8px;box-shadow:0 1px 2px #00000008;margin-bottom:24px;height:100%}.analytics-admin .chart-card .ant-card-head{border-bottom:1px solid #f0f0f0;min-height:48px}.analytics-admin .chart-card .ant-card-head .ant-card-head-title{font-size:16px;font-weight:600}.analytics-admin .chart-card .ant-card-body{padding:24px}.analytics-admin .stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.analytics-admin .stat-card .stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.analytics-admin .stat-card .stat-icon.blue{background:#e6f7ff;color:#1890ff}.analytics-admin .stat-card .stat-icon.green{background:#f6ffed;color:#52c41a}.analytics-admin .stat-card .stat-icon.purple{background:#f9f0ff;color:#722ed1}.analytics-admin .stat-card .stat-icon.orange{background:#fff7e6;color:#fa8c16}.analytics-admin .stat-card .stat-info{text-align:right}.analytics-admin .stat-card .stat-info h3{margin:0;font-size:24px;font-weight:600;color:#262626}.analytics-admin .stat-card .stat-info p{margin:0;color:#8c8c8c;font-size:14px}.analytics-admin .ranking-list{list-style:none;padding:0;margin:0}.analytics-admin .ranking-list li{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.analytics-admin .ranking-list li:last-child{border-bottom:none}.analytics-admin .ranking-list li .rank-number{width:24px;height:24px;background:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;font-weight:600;font-size:12px;color:#595959}.analytics-admin .ranking-list li .rank-number.top-1{background:#fff1b8;color:#faad14}.analytics-admin .ranking-list li .rank-number.top-2{background:#e6f7ff;color:#1890ff}.analytics-admin .ranking-list li .rank-number.top-3{background:#efdbff;color:#722ed1}.analytics-admin .ranking-list li .rank-info{flex:1}.analytics-admin .ranking-list li .rank-info .rank-name{font-weight:500;color:#262626;display:block}.analytics-admin .ranking-list li .rank-info .rank-desc{font-size:12px;color:#8c8c8c}.analytics-admin .ranking-list li .rank-value{font-weight:600;color:#262626}.analytics-course-container{padding:24px;background-color:#f5f5f5;min-height:100vh}.analytics-course-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.analytics-course-container .page-header .page-title{margin:0;font-size:24px;font-weight:600;color:#262626}.analytics-course-container .page-header .page-subtitle{margin:4px 0 0;color:#8c8c8c;font-size:14px}.analytics-course-container .page-header .header-actions{display:flex;align-items:center}.analytics-course-container .stat-card{height:100%;transition:all .3s;border-radius:8px;box-shadow:0 1px 2px #00000008}.analytics-course-container .stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.analytics-course-container .stat-card .stat-title{color:#8c8c8c;font-size:14px}.analytics-course-container .stat-card .stat-suffix{font-size:16px;margin-left:4px;color:#595959}.analytics-course-container .stat-card .stat-footer{margin-top:16px;display:flex;align-items:center;font-size:13px}.analytics-course-container .stat-card .stat-footer .trend-text{display:flex;align-items:center;gap:4px;font-weight:500}.analytics-course-container .stat-card .stat-footer .stat-desc{color:#8c8c8c}.analytics-course-container .chart-card,.analytics-course-container .table-card,.analytics-course-container .transactions-card{height:100%;border-radius:8px;box-shadow:0 1px 2px #00000008}.analytics-course-container .chart-card .ant-card-head,.analytics-course-container .table-card .ant-card-head,.analytics-course-container .transactions-card .ant-card-head{border-bottom:1px solid #f0f0f0;min-height:50px;font-weight:600}.analytics-course-container .best-seller-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.analytics-course-container .transactions-card .ant-list-item{padding:12px 0;border-bottom:1px solid #f0f0f0}.analytics-course-container .transactions-card .ant-list-item:last-child{border-bottom:none}.analytics-course-container .transactions-card .ant-list-item-meta-title{margin-bottom:4px;font-size:14px}.analytics-course-container .recharts-wrapper{outline:none!important}.analytics-course-container .recharts-wrapper:focus,.analytics-course-container .recharts-wrapper:active,.analytics-course-container .recharts-wrapper:focus-visible{outline:none!important}.analytics-course-container .recharts-wrapper svg,.analytics-course-container .recharts-wrapper .recharts-surface{outline:none!important;border:none!important}.analytics-course-container .recharts-wrapper path,.analytics-course-container .recharts-wrapper circle,.analytics-course-container .recharts-wrapper rect,.analytics-course-container .recharts-wrapper g,.analytics-course-container .recharts-wrapper text,.analytics-course-container .recharts-wrapper foreignObject{outline:none!important;border:none!important;box-shadow:none!important}.analytics-course-container .recharts-wrapper path:focus,.analytics-course-container .recharts-wrapper path:active,.analytics-course-container .recharts-wrapper path:focus-visible,.analytics-course-container .recharts-wrapper circle:focus,.analytics-course-container .recharts-wrapper circle:active,.analytics-course-container .recharts-wrapper circle:focus-visible,.analytics-course-container .recharts-wrapper rect:focus,.analytics-course-container .recharts-wrapper rect:active,.analytics-course-container .recharts-wrapper rect:focus-visible,.analytics-course-container .recharts-wrapper g:focus,.analytics-course-container .recharts-wrapper g:active,.analytics-course-container .recharts-wrapper g:focus-visible,.analytics-course-container .recharts-wrapper text:focus,.analytics-course-container .recharts-wrapper text:active,.analytics-course-container .recharts-wrapper text:focus-visible,.analytics-course-container .recharts-wrapper foreignObject:focus,.analytics-course-container .recharts-wrapper foreignObject:active,.analytics-course-container .recharts-wrapper foreignObject:focus-visible{outline:none!important}.analytics-course-container .recharts-wrapper .recharts-tooltip-wrapper{outline:none!important}.analytics-course-container .recharts-wrapper .recharts-pie-sector{stroke:none!important;outline:none!important}.analytics-new-user-page{padding:24px;background-color:#f5f5f5;min-height:100vh;box-sizing:border-box}.analytics-new-user-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.analytics-new-user-page .page-header .page-title{margin:0;font-size:24px;font-weight:600;color:#262626}.analytics-new-user-page .page-header .page-subtitle{margin:4px 0 0;color:#8c8c8c;font-size:14px}.analytics-new-user-page .page-header .header-actions{display:flex;align-items:center}.analytics-new-user-page .stat-card{height:100%;transition:all .3s;border-radius:8px;box-shadow:0 1px 2px #00000008}.analytics-new-user-page .stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.analytics-new-user-page .stat-card .stat-title{color:#8c8c8c;font-size:14px}.analytics-new-user-page .stat-card .stat-suffix{font-size:16px;margin-left:4px;color:#595959}.analytics-new-user-page .stat-card .stat-footer{margin-top:16px;display:flex;align-items:center;font-size:13px}.analytics-new-user-page .stat-card .stat-footer .trend-text{display:flex;align-items:center;gap:4px;font-weight:500}.analytics-new-user-page .stat-card .stat-footer .stat-desc{color:#8c8c8c}.analytics-new-user-page .chart-card,.analytics-new-user-page .table-card{height:100%;border-radius:8px;box-shadow:0 1px 2px #00000008;overflow:hidden}.analytics-new-user-page .chart-card .ant-card-head,.analytics-new-user-page .table-card .ant-card-head{border-bottom:1px solid #f0f0f0;min-height:50px;font-weight:600}.analytics-new-user-page .chart-card .ant-card-body,.analytics-new-user-page .table-card .ant-card-body{padding:16px}.analytics-new-user-page .table-card .ant-card-body{overflow:auto}.analytics-new-user-page .table-card .ant-table{width:100%}.analytics-new-user-page .table-card .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.analytics-new-user-page .table-card .ant-list{margin-top:12px}.analytics-new-user-page .recharts-wrapper{outline:none!important}.analytics-new-user-page .recharts-wrapper:focus,.analytics-new-user-page .recharts-wrapper:active,.analytics-new-user-page .recharts-wrapper:focus-visible{outline:none!important}.analytics-new-user-page .recharts-wrapper svg,.analytics-new-user-page .recharts-wrapper .recharts-surface{outline:none!important;border:none!important}.analytics-new-user-page .recharts-wrapper path,.analytics-new-user-page .recharts-wrapper circle,.analytics-new-user-page .recharts-wrapper rect,.analytics-new-user-page .recharts-wrapper g,.analytics-new-user-page .recharts-wrapper text,.analytics-new-user-page .recharts-wrapper foreignObject{outline:none!important;border:none!important;box-shadow:none!important}.analytics-new-user-page .recharts-wrapper path:focus,.analytics-new-user-page .recharts-wrapper path:active,.analytics-new-user-page .recharts-wrapper path:focus-visible,.analytics-new-user-page .recharts-wrapper circle:focus,.analytics-new-user-page .recharts-wrapper circle:active,.analytics-new-user-page .recharts-wrapper circle:focus-visible,.analytics-new-user-page .recharts-wrapper rect:focus,.analytics-new-user-page .recharts-wrapper rect:active,.analytics-new-user-page .recharts-wrapper rect:focus-visible,.analytics-new-user-page .recharts-wrapper g:focus,.analytics-new-user-page .recharts-wrapper g:active,.analytics-new-user-page .recharts-wrapper g:focus-visible,.analytics-new-user-page .recharts-wrapper text:focus,.analytics-new-user-page .recharts-wrapper text:active,.analytics-new-user-page .recharts-wrapper text:focus-visible,.analytics-new-user-page .recharts-wrapper foreignObject:focus,.analytics-new-user-page .recharts-wrapper foreignObject:active,.analytics-new-user-page .recharts-wrapper foreignObject:focus-visible{outline:none!important}.analytics-new-user-page .recharts-wrapper .recharts-tooltip-wrapper{outline:none!important}.analytics-new-user-page .recharts-wrapper .recharts-pie-sector{stroke:none!important;outline:none!important}.blog-detail-page{background-color:#f9f9f9;min-height:100vh;padding:40px 20px 80px}.blog-detail-page .blog-detail-loading,.blog-detail-page .blog-detail-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.blog-detail-page .blog-detail-loading h2,.blog-detail-page .blog-detail-not-found h2{font-size:24px;color:#333}.blog-detail-page .blog-detail-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:40px}@media(max-width:768px){.blog-detail-page .blog-detail-container{padding:20px}}.blog-detail-page .blog-detail-container .blog-breadcrumb{margin-bottom:30px}.blog-detail-page .blog-detail-container .blog-breadcrumb .bc-link{cursor:pointer}.blog-detail-page .blog-detail-container .blog-breadcrumb .bc-link:hover{color:#004d40}.blog-detail-page .blog-detail-container .blog-header{text-align:center;margin-bottom:40px}.blog-detail-page .blog-detail-container .blog-header .blog-meta-top{display:flex;justify-content:center;gap:20px;margin-bottom:16px;color:#666;font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:500}.blog-detail-page .blog-detail-container .blog-header .blog-meta-top span{display:flex;align-items:center;gap:6px}.blog-detail-page .blog-detail-container .blog-header .blog-meta-top .blog-category{color:#004d40;font-weight:700}.blog-detail-page .blog-detail-container .blog-header .blog-title{font-size:36px;font-weight:800;color:#1a1a1a;line-height:1.3;margin-bottom:24px}@media(max-width:768px){.blog-detail-page .blog-detail-container .blog-header .blog-title{font-size:24px}}.blog-detail-page .blog-detail-container .blog-header .blog-author{display:flex;align-items:center;justify-content:center;gap:12px}.blog-detail-page .blog-detail-container .blog-header .blog-author .author-avatar{width:40px;height:40px;background:#e0f2f1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#004d40;font-size:18px}.blog-detail-page .blog-detail-container .blog-header .blog-author .author-info{text-align:left;display:flex;flex-direction:column}.blog-detail-page .blog-detail-container .blog-header .blog-author .author-info .author-name{font-weight:600;color:#333;font-size:15px}.blog-detail-page .blog-detail-container .blog-header .blog-author .author-info .author-role{font-size:12px;color:#888}.blog-detail-page .blog-detail-container .blog-featured-image{margin-bottom:40px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001a;height:500px}.blog-detail-page .blog-detail-container .blog-featured-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.blog-detail-page .blog-detail-container .blog-featured-image img:hover{transform:scale(1.02)}.blog-detail-page .blog-detail-container .blog-content-wrapper .blog-content{font-size:18px;line-height:1.8;color:#2c3e50}.blog-detail-page .blog-detail-container .blog-content-wrapper .blog-content p{margin-bottom:24px}.blog-detail-page .blog-detail-container .blog-content-wrapper .blog-content h2,.blog-detail-page .blog-detail-container .blog-content-wrapper .blog-content h3,.blog-detail-page .blog-detail-container .blog-content-wrapper .blog-content h4{color:#1a1a1a;font-weight:700;margin-top:40px;margin-bottom:20px}.blog-detail-page .blog-detail-container .blog-content-wrapper .blog-content h2{font-size:28px}.blog-detail-page .blog-detail-container .blog-content-wrapper .blog-content h3{font-size:24px}.blog-detail-page .blog-detail-container .blog-content-wrapper .blog-content h4{font-size:20px}.blog-detail-page .blog-detail-container .blog-content-wrapper .blog-content ul,.blog-detail-page .blog-detail-container .blog-content-wrapper .blog-content ol{margin-bottom:24px;padding-left:24px}.blog-detail-page .blog-detail-container .blog-content-wrapper .blog-content ul li,.blog-detail-page .blog-detail-container .blog-content-wrapper .blog-content ol li{margin-bottom:12px}.blog-detail-page .blog-detail-container .blog-content-wrapper .blog-content blockquote{border-left:4px solid #004d40;margin:30px 0;font-style:italic;color:#555;background:#f0f7f6;padding:20px;border-radius:0 8px 8px 0}.blog-detail-page .blog-detail-container .blog-content-wrapper .blog-content img{max-width:100%;border-radius:8px;margin:20px 0}.blog-detail-page .blog-detail-container .blog-content-wrapper .blog-footer{margin-top:60px;padding-top:30px;border-top:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.blog-detail-page .blog-detail-container .blog-content-wrapper .blog-footer .back-btn:hover{color:#004d40;border-color:#004d40}.course-user-page{padding:20px 150px;margin-top:30px;min-height:80vh;font-family:Inter,sans-serif}@media(max-width:1024px){.course-user-page{padding:20px 50px}}@media(max-width:768px){.course-user-page{padding:20px}}.course-user-page .page-header{margin-bottom:30px;text-align:center}.course-user-page .page-header h1{font-size:32px;font-weight:700;color:#1d3571;margin-bottom:10px}.course-user-page .page-header p{font-size:16px;color:#666}.course-user-page .course-tabs .ant-tabs-nav{margin-bottom:30px}.course-user-page .course-tabs .ant-tabs-nav .ant-tabs-tab{padding:12px 24px;font-size:16px;font-weight:600}.course-user-page .course-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#4aaf52}.course-user-page .course-tabs .ant-tabs-nav .ant-tabs-ink-bar{background:#4aaf52;height:3px}.course-user-page .course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1200px){.course-user-page .course-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.course-user-page .course-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.course-user-page .course-grid{grid-template-columns:1fr}}.course-user-page .course-card{display:flex;flex-direction:column;background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;overflow:hidden;transition:all .3s ease;border:1px solid transparent;height:100%;cursor:pointer;position:relative}.course-user-page .course-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a;border-color:#e6fcf5}.course-user-page .course-card:hover .course-image{transform:scale(1.05)}.course-user-page .course-card .card-image-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.course-user-page .course-card .card-image-wrapper .course-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.course-user-page .course-card .card-image-wrapper .badge-level{position:absolute;top:12px;left:12px;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;color:#2b8a3e;text-transform:uppercase;box-shadow:0 2px 4px #0000001a}.course-user-page .course-card .card-content{flex:1;padding:16px;display:flex;flex-direction:column}.course-user-page .course-card .card-content .course-name{font-family:Inter,sans-serif;font-size:16px;line-height:1.4;color:#1d3571;font-weight:700;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}.course-user-page .course-card .card-content .course-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.course-user-page .course-card .card-content .course-meta .meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.course-user-page .course-card .card-content .course-meta .meta-item .icon{color:#4aaf52;font-size:14px}.course-user-page .course-card .card-content .progress-bar{height:6px;background:#e9ecef;border-radius:3px;margin-bottom:8px;overflow:hidden}.course-user-page .course-card .card-content .progress-bar .progress-fill{height:100%;background:#4aaf52;border-radius:3px}.course-user-page .course-card .card-content .progress-text{font-size:12px;color:#868e96;margin-bottom:16px;text-align:right}.course-user-page .course-card .card-content .course-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.course-user-page .course-card .card-content .course-footer .price-box .current-price{font-weight:700;color:#e03131;font-size:16px}.course-user-page .course-card .card-content .course-footer .price-box .original-price{font-size:13px;text-decoration:line-through;color:#adb5bd;margin-left:8px}.course-user-page .course-card .card-content .course-footer .price-box .price-free{font-weight:700;color:#4aaf52}.course-user-page .course-card .card-content .course-footer .action-btn{padding:8px 16px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;border:none}.course-user-page .course-card .card-content .course-footer .action-btn.btn-start{background-color:#4aaf52;color:#fff;width:100%;text-align:center}.course-user-page .course-card .card-content .course-footer .action-btn.btn-start:hover{background-color:#3d9243}.course-user-page .course-card .card-content .course-footer .action-btn.btn-pay{background-color:#1d3571;color:#fff}.course-user-page .course-card .card-content .course-footer .action-btn.btn-pay:hover{background-color:#152652}.course-user-page .course-card .card-content .course-footer .action-btn.btn-view{background-color:#f1f3f5;color:#495057}.course-user-page .course-card .card-content .course-footer .action-btn.btn-view:hover{background-color:#e9ecef}.interview-admin .header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.interview-admin .header-actions h3{margin:0;display:flex;align-items:center;gap:10px}.interview-admin .header-actions__right{display:flex;align-items:center;gap:8px}.interview-admin .topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:12px}.interview-admin .topic-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background-color:#fafafa;border:1px solid #eee;border-radius:8px;cursor:pointer;transition:all .2s}.interview-admin .topic-item:hover{background-color:#f0f9ff;border-color:#e6f7ff}.interview-admin .topic-item.active{background-color:#e6f7ff;border-color:#1890ff}.interview-admin .topic-name{font-weight:600;color:#283136}.interview-admin .sections-row{display:flex;align-items:center;gap:8px;margin:8px 0 16px;flex-wrap:wrap}.interview-admin .section-tag{padding:6px 10px;border-radius:16px;cursor:pointer;-webkit-user-select:none;user-select:none}.interview-admin .section-tag.active{color:#1890ff;border-color:#1890ff;background-color:#e6f7ff}.interview-admin .questions-filter{margin-bottom:10px}.interview-admin .level-filter{cursor:pointer;-webkit-user-select:none;user-select:none}.interview-admin .level-filter.active{color:#1890ff;border-color:#1890ff;background-color:#e6f7ff}.interview-admin .ant-table-thead>tr>th{background-color:#fafafa;font-weight:600}.course-study-layout{height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.course-study-layout .study-header{background:#29303b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:50px;line-height:50px;box-shadow:0 2px 8px #00000026;z-index:10}.course-study-layout .study-header .header-left{display:flex;align-items:center;gap:15px}.course-study-layout .study-header .header-left .back-btn{color:#fff;font-weight:500;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.course-study-layout .study-header .header-left .back-btn:hover{background:#ffffff1a;color:#fff}.course-study-layout .study-header .header-left .logo-text{font-weight:700;font-size:18px;letter-spacing:-.5px}.course-study-layout .study-header .header-left .divider{color:#ffffff4d;font-size:14px}.course-study-layout .study-header .header-left .course-title{font-weight:500;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.course-study-layout .study-header .header-right{display:flex;align-items:center}.course-study-layout .study-header .header-right .progress-info{display:flex;align-items:center;gap:10px}.course-study-layout .study-header .header-right .progress-info .progress-text{font-size:12px;color:#fffc}.course-study-layout .study-content{background:#f9f9f9;overflow-y:auto;padding:24px;display:flex;flex-direction:column;align-items:flex-start}.course-study-layout .study-content .video-container-fluid{width:100%;background:transparent;display:block;padding:0;margin-bottom:24px}.course-study-layout .study-content .video-container-fluid .video-aspect-ratio{width:100%;max-width:none;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;box-shadow:none;background:#000}.course-study-layout .study-content .video-container-fluid .video-aspect-ratio iframe{position:absolute;top:0;left:0;width:100%;height:100%}.course-study-layout .study-content .lesson-content-wrapper{padding:0;max-width:none;margin:0;width:100%;background:transparent;box-shadow:none;border-radius:0}.course-study-layout .study-content .lesson-content-wrapper .lesson-header-info{margin-bottom:16px}.course-study-layout .study-content .lesson-content-wrapper .lesson-header-info h3{color:#0f0f0f;font-weight:600;font-size:20px;margin-bottom:8px}.course-study-layout .study-content .lesson-content-wrapper .tab-content{padding-top:10px}.course-study-layout .study-content .lesson-content-wrapper .tab-content .ant-tabs-nav{margin-bottom:20px}.course-study-layout .study-content .lesson-content-wrapper .tab-content .instructor-info{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #f0f0f0}.course-study-layout .study-content .lesson-content-wrapper .tab-content .instructor-info .instructor-detail{display:flex;flex-direction:column}.course-study-layout .study-content .empty-lesson{display:flex;justify-content:center;align-items:center;height:100%;font-size:18px;color:#888}.course-study-layout .study-sider{background:#fff;border-left:1px solid #e8e8e8;overflow-y:auto;height:calc(100vh - 50px)}.course-study-layout .study-sider .sider-header{padding:15px 20px;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center;background:#fff;position:sticky;top:0;z-index:5}.course-study-layout .study-sider .sider-header h3{margin:0;font-size:16px;font-weight:700;color:#29303b}.course-study-layout .study-sider .sider-body .ant-collapse{border:none;background:#fff}.course-study-layout .study-sider .sider-body .ant-collapse-item{border-bottom:1px solid #f0f0f0}.course-study-layout .study-sider .sider-body .ant-collapse-item .ant-collapse-header{background:#f7f8fa;padding:12px 20px!important;align-items:center}.course-study-layout .study-sider .sider-body .ant-collapse-item .ant-collapse-header .section-header{display:flex;flex-direction:column}.course-study-layout .study-sider .sider-body .ant-collapse-item .ant-collapse-header .section-header .section-title{font-weight:600;font-size:14px;color:#29303b}.course-study-layout .study-sider .sider-body .ant-collapse-item .ant-collapse-header .section-header .section-meta{font-size:11px;color:#686f7a;margin-top:2px}.course-study-layout .study-sider .sider-body .ant-collapse-item .ant-collapse-content-box{padding:0!important}.course-study-layout .study-sider .sider-body .lesson-list{list-style:none;padding:0;margin:0}.course-study-layout .study-sider .sider-body .lesson-list .lesson-item{padding:12px 20px;cursor:pointer;transition:all .2s;border-bottom:1px solid #f0f0f0}.course-study-layout .study-sider .sider-body .lesson-list .lesson-item:hover{background-color:#f0f0f0}.course-study-layout .study-sider .sider-body .lesson-list .lesson-item.active{background-color:#e6f7ff}.course-study-layout .study-sider .sider-body .lesson-list .lesson-item.active .lesson-item-inner .lesson-info .lesson-name{color:#1890ff;font-weight:500}.course-study-layout .study-sider .sider-body .lesson-list .lesson-item.active .lesson-item-inner .lesson-status{color:#1890ff}.course-study-layout .study-sider .sider-body .lesson-list .lesson-item .lesson-item-inner{display:flex;align-items:flex-start;gap:12px}.course-study-layout .study-sider .sider-body .lesson-list .lesson-item .lesson-item-inner .lesson-status{margin-top:3px;color:#ddd;font-size:16px}.course-study-layout .study-sider .sider-body .lesson-list .lesson-item .lesson-item-inner .lesson-status .check-icon.completed{color:#52c41a}.course-study-layout .study-sider .sider-body .lesson-list .lesson-item .lesson-item-inner .lesson-info{display:flex;flex-direction:column;flex:1}.course-study-layout .study-sider .sider-body .lesson-list .lesson-item .lesson-item-inner .lesson-info .lesson-name{font-size:14px;color:#505763;margin-bottom:4px;line-height:1.4}.course-study-layout .study-sider .sider-body .lesson-list .lesson-item .lesson-item-inner .lesson-info .lesson-meta{display:flex;align-items:center;font-size:11px;color:#686f7a}.loading-container,.error-container{height:100vh;display:flex;justify-content:center;align-items:center;font-size:18px;background:#f7f9fa}.study-sider::-webkit-scrollbar{width:6px}.study-sider::-webkit-scrollbar-track{background:#f1f1f1}.study-sider::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.study-sider::-webkit-scrollbar-thumb:hover{background:#aaa}.study-admin-container{padding:24px}.study-admin-container .header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.study-admin-container .header-actions h1{font-size:24px;font-weight:700;color:#333;margin:0}.study-admin-container .options-container{background:#f9f9f9;padding:16px;border-radius:8px;margin-bottom:24px;border:1px solid #f0f0f0}.study-admin-container .case-study-fields{background:#f0f5ff;padding:16px;border-radius:8px;margin-bottom:24px;border:1px solid #d6e4ff}.bot-trade-wrapper{background-color:#f8f9fa;min-height:100vh;padding-top:80px;padding-bottom:50px}.bot-trade-container{width:1200px;max-width:100%;margin:0 auto}.bot-trade-header{background:#fff;padding:24px;border-radius:16px;box-shadow:0 8px 18px #0000000f;margin-bottom:26px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.bt-header-left{display:flex;flex-direction:column}.bt-title{font-size:22px;font-weight:700;color:#1f2937}.bt-subtitle{color:#6b7280;margin-top:6px}.bot-card{border-radius:12px}.bot-card .ant-rate{font-size:16px}.bot-card-cover{height:220px;object-fit:cover;width:100%}.bot-card-cover-bg{height:200px;width:100%;background-size:cover;background-position:center;border-top-left-radius:12px;border-top-right-radius:12px}.bot-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bot-card-title{font-size:18px;font-weight:700}.bot-card-subtitle{color:#6b7280;margin-bottom:12px}.bot-card-tags{margin-bottom:12px}.bot-card-features{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.bot-card-price{display:flex;justify-content:space-between;align-items:center}.bot-badge{position:absolute;top:12px;left:12px;background:#f59e0b;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:999px;box-shadow:0 2px 6px #f59e0b59}.price-left{display:flex;align-items:baseline;gap:8px}.price-value{font-size:24px;font-weight:800;color:#1d3571}.price-unit{color:#6b7280}