.theme-toggle-switch{width:100%;display:flex;justify-content:center}.theme-toggle{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;background:none;border:none;cursor:pointer;padding:0;width:100%;max-width:200px}.theme-toggle .toggle-track{position:relative;width:64px;height:32px;background-color:var(--color-neutral-4);border-radius:16px;transition:background-color .3s ease;overflow:hidden}.theme-toggle .toggle-track .toggle-slider{position:absolute;top:4px;left:4px;width:24px;height:24px;background-color:var(--color-card-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background-color .3s ease;box-shadow:0 2px 4px #0000001a;z-index:2}.theme-toggle .toggle-track .toggle-slider svg{width:14px;height:14px;stroke:var(--color-body);transition:stroke .3s ease}.theme-toggle .toggle-track .toggle-slider.dark{transform:translate(32px)}.theme-toggle .toggle-track .toggle-slider.light{transform:translate(0)}.theme-toggle .label{font-size:12px;font-weight:600;color:var(--color-shade-2);transition:color .3s ease;min-width:40px;text-align:center}.theme-toggle .label.active{color:var(--color-brand-primary)}.theme-toggle:hover .toggle-track{background-color:var(--color-neutral-4)}.theme-toggle:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px;border-radius:12px}.theme-toggle:active .toggle-slider{transform:scale(.95)}.header{position:sticky;top:0;z-index:100;background-color:var(--color-card-bg);border-bottom:1px solid var(--color-border);padding:16px 0;transition:background-color .3s ease,border-color .3s ease}.header .header-inner{display:flex;align-items:center;justify-content:space-between}.header .logo{display:flex;align-items:center;gap:12px;text-decoration:none}.header .logo .logo-icon{width:40px;height:40px}.header .logo .logo-text{font-size:20px;font-weight:700;color:var(--color-body)}.header .nav{display:flex;align-items:center;gap:32px}@media(max-width:768px){.header .nav{position:fixed;inset:73px 0 0;flex-direction:column;justify-content:flex-start;padding:32px 24px;background-color:var(--color-card-bg);transform:translate(-100%);transition:transform .3s ease,background-color .3s ease;gap:24px}.header .nav.nav-open{transform:translate(0)}}.header .nav .nav-link{font-size:15px;font-weight:600;color:var(--color-body);text-decoration:none;transition:color .2s ease}.header .nav .nav-link:hover{color:var(--color-brand-primary)}@media(max-width:768px){.header .nav .nav-link{font-size:18px}}.header .header-actions{display:flex;align-items:center;gap:12px}@media(max-width:768px){.header .header-actions{display:none}}@media(max-width:768px){.header .header-actions{display:flex;position:absolute;right:16px;top:50%;transform:translateY(-50%)}}.header .user-menu{position:relative}.header .user-menu .user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer;background-color:var(--color-brand-primary);display:flex;align-items:center;justify-content:center}.header .user-menu .user-avatar img{width:100%;height:100%;object-fit:cover}.header .user-menu .user-avatar span{color:var(--color-neutral-0);font-weight:600;font-size:16px}.header .user-menu .user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background-color:var(--color-card-bg);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.header .user-menu .user-dropdown .dropdown-item{display:block;width:100%;padding:10px 16px;font-size:14px;font-weight:500;color:var(--color-body);text-align:left;text-decoration:none;background:none;border:none;cursor:pointer;transition:background-color .2s ease}.header .user-menu .user-dropdown .dropdown-item:hover{background-color:var(--color-neutral-2)}.header .user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.header .mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;gap:5px}@media(max-width:768px){.header .mobile-menu-btn{display:flex}}.header .mobile-menu-btn span{display:block;width:24px;height:2px;background-color:var(--color-body);transition:all .3s ease}.header .mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header .mobile-menu-btn.active span:nth-child(2){opacity:0}.header .mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.footer{background-color:var(--color-body-bg);color:var(--color-body);padding:64px 0 32px;transition:background-color .3s ease,color .3s ease}@media(max-width:768px){.footer{padding:48px 0 24px}}.footer .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;padding-top:32px;border-top:1px solid var(--color-border)}@media(max-width:992px){.footer .footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:576px){.footer .footer-grid{grid-template-columns:1fr;gap:32px}}.footer .footer-brand .logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-bottom:16px}.footer .footer-brand .logo .logo-icon{width:40px;height:40px}.footer .footer-brand .logo .logo-text{font-size:20px;font-weight:700;color:var(--color-body)}.footer .footer-brand .footer-description{font-size:14px;color:var(--color-shade-2);line-height:1.6;max-width:300px}.footer .footer-links .footer-title{font-size:16px;font-weight:600;margin-bottom:20px;color:var(--color-body)}.footer .footer-links ul{list-style:none;padding:0;margin:0}.footer .footer-links ul li{margin-bottom:12px}.footer .footer-links ul li a{font-size:14px;color:var(--color-shade-2);text-decoration:none;transition:color .2s ease}.footer .footer-links ul li a:hover{color:var(--color-brand-primary)}.footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:32px;border-top:1px solid var(--color-border)}@media(max-width:768px){.footer .footer-bottom{flex-direction:column;gap:20px;text-align:center}}.footer .footer-bottom p{font-size:14px;color:var(--color-shade-2)}.footer .footer-bottom .social-links{display:flex;gap:16px}.footer .footer-bottom .social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--color-neutral-2);color:var(--color-body);transition:all .2s ease}.footer .footer-bottom .social-links a:hover{background-color:var(--color-brand-primary);color:var(--color-neutral-0)}.footer .footer-bottom .social-links a svg{width:18px;height:18px}.landing-page{min-height:100vh;background-color:var(--color-body-bg);transition:background-color .3s ease}.hero{padding:80px 0;background:linear-gradient(180deg,var(--color-card-bg) 0%,var(--color-body-bg) 100%);overflow:hidden;transition:background .3s ease}@media(max-width:768px){.hero{padding:48px 0}}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}@media(max-width:992px){.hero .container{grid-template-columns:1fr;gap:48px}}@media(max-width:992px){.hero .hero-content{text-align:center}}.hero .hero-badge{display:inline-block;padding:8px 16px;background-color:#22c55e33;color:var(--color-brand-primary);font-size:13px;font-weight:600;border-radius:20px;margin-bottom:24px}.hero .hero-title{font-size:56px;font-weight:700;line-height:1.1;margin-bottom:24px}@media(max-width:768px){.hero .hero-title{font-size:36px}}.hero .hero-title .gradient-text{background:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-brand-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .hero-description{font-size:18px;color:var(--color-shade-2);line-height:1.6;margin-bottom:32px;max-width:500px}@media(max-width:992px){.hero .hero-description{margin:0 auto 32px}}@media(max-width:768px){.hero .hero-description{font-size:16px}}.hero .hero-actions{display:flex;gap:16px;margin-bottom:48px}@media(max-width:992px){.hero .hero-actions{justify-content:center}}@media(max-width:576px){.hero .hero-actions{flex-direction:column}}.hero .hero-stats{display:flex;gap:48px}@media(max-width:992px){.hero .hero-stats{justify-content:center}}@media(max-width:576px){.hero .hero-stats{gap:24px}}.hero .hero-stats .stat{display:flex;flex-direction:column}.hero .hero-stats .stat .stat-value{font-size:32px;font-weight:700;color:var(--color-body)}@media(max-width:576px){.hero .hero-stats .stat .stat-value{font-size:24px}}.hero .hero-stats .stat .stat-label{font-size:14px;color:var(--color-shade-2)}.hero .hero-image{position:relative;height:400px}@media(max-width:992px){.hero .hero-image{display:none}}.hero .hero-visual{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#22c55e1a,#4ade801a);border-radius:24px}.hero .floating-card{position:absolute;display:flex;align-items:center;gap:12px;padding:16px 20px;background-color:var(--color-card-bg);border-radius:12px;box-shadow:var(--shadow-lg);animation:float 3s ease-in-out infinite;transition:background-color .3s ease,box-shadow .3s ease}.hero .floating-card .card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.hero .floating-card .card-icon svg{width:20px;height:20px}.hero .floating-card .card-icon.blue{background-color:#22c55e33;color:var(--color-brand-primary)}.hero .floating-card .card-icon.purple{background-color:#22c55e33;color:var(--color-brand-primary-light)}.hero .floating-card .card-icon.green{background-color:#22c55e33;color:var(--color-brand-primary)}.hero .floating-card span{font-weight:600;color:var(--color-body)}.hero .floating-card.card-1{top:20%;left:10%;animation-delay:0s}.hero .floating-card.card-2{top:50%;right:10%;animation-delay:1s}.hero .floating-card.card-3{bottom:15%;left:25%;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section-header{text-align:center;margin-bottom:48px}.section-header .section-badge{display:inline-block;padding:6px 12px;background-color:#22c55e33;color:var(--color-brand-primary-light);font-size:12px;font-weight:600;border-radius:16px;margin-bottom:16px}.section-header .section-title{font-size:40px;font-weight:700;margin-bottom:16px}@media(max-width:768px){.section-header .section-title{font-size:28px}}.section-header .section-description{font-size:16px;color:var(--color-shade-2);max-width:600px;margin:0 auto}.section-footer{text-align:center;margin-top:48px}.blog-section{padding:80px 0;background-color:var(--color-body-bg);transition:background-color .3s ease}@media(max-width:768px){.blog-section{padding:48px 0}}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1200px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.blog-grid{grid-template-columns:1fr}}.blog-card{background-color:var(--color-card-bg);border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.blog-card .blog-image{position:relative;height:180px;overflow:hidden}.blog-card .blog-image .blog-category{position:absolute;top:12px;left:12px;padding:4px 10px;background-color:var(--color-card-bg);color:var(--color-body);font-size:11px;font-weight:600;border-radius:4px}.blog-card .blog-content{padding:20px}.blog-card .blog-title{font-size:16px;font-weight:600;color:var(--color-body);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card .blog-excerpt{font-size:14px;color:var(--color-shade-2);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card .blog-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-shade-1)}.videos-section{padding:80px 0;background-color:var(--color-body-bg);transition:background-color .3s ease}@media(max-width:768px){.videos-section{padding:48px 0}}.videos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1200px){.videos-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.videos-grid{grid-template-columns:1fr}}.video-card{background-color:var(--color-card-bg);border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.video-card .video-thumbnail{position:relative;height:160px;overflow:hidden}.video-card .video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-card .video-thumbnail .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background-color:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.video-card .video-thumbnail .play-button svg{width:20px;height:20px;color:var(--color-brand-primary);margin-left:3px}.video-card .video-thumbnail .video-duration{position:absolute;bottom:8px;right:8px;padding:4px 8px;background-color:#000c;color:var(--color-neutral-0);font-size:12px;font-weight:600;border-radius:4px}.video-card:hover .play-button{transform:translate(-50%,-50%) scale(1.1)}.video-card .video-content{padding:16px}.video-card .video-title{font-size:15px;font-weight:600;color:var(--color-body);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card .video-views{font-size:13px;color:var(--color-shade-2)}.cta-section{padding:100px 0;background:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-brand-primary-light) 100%)}@media(max-width:768px){.cta-section{padding:64px 0}}.cta-section .cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-section .cta-title{font-size:40px;font-weight:700;color:var(--color-neutral-0);margin-bottom:16px}@media(max-width:768px){.cta-section .cta-title{font-size:28px}}.cta-section .cta-description{font-size:18px;color:#fffc;margin-bottom:32px;line-height:1.6}@media(max-width:768px){.cta-section .cta-description{font-size:16px}}.cta-section .cta-actions{display:flex;gap:16px;justify-content:center}@media(max-width:576px){.cta-section .cta-actions{flex-direction:column;align-items:center}}.cta-section .cta-actions .btn-primary{background-color:var(--color-neutral-0);color:var(--color-brand-primary)}.cta-section .cta-actions .btn-primary:hover{background-color:#ffffffe6}.cta-section .cta-actions .btn-outline{border-color:var(--color-neutral-0);color:var(--color-neutral-0)}.cta-section .cta-actions .btn-outline:hover{background-color:#ffffff1a}.blog-page{min-height:100vh;display:flex;flex-direction:column}.blog-hero{padding:80px 0 60px;background:linear-gradient(180deg,var(--color-card-bg) 0%,var(--color-body-bg) 100%);transition:background .3s ease}@media(max-width:768px){.blog-hero{padding:60px 0 40px}}.blog-hero .blog-hero-content{text-align:center;max-width:700px;margin:0 auto}.blog-hero .blog-hero-title{font-size:48px;font-weight:700;margin-bottom:16px;color:var(--color-body)}@media(max-width:768px){.blog-hero .blog-hero-title{font-size:36px}}.blog-hero .blog-hero-description{font-size:18px;color:var(--color-shade-2);line-height:1.6}@media(max-width:768px){.blog-hero .blog-hero-description{font-size:16px}}.blog-listing{flex:1;padding:60px 0 80px;background-color:var(--color-body-bg);transition:background-color .3s ease}@media(max-width:768px){.blog-listing{padding:40px 0 60px}}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media(max-width:1200px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:576px){.blog-grid{grid-template-columns:1fr;gap:24px}}.blog-card{background-color:var(--color-card-bg);border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-card .blog-image{position:relative;height:220px;overflow:hidden}.blog-card .blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card .blog-image .blog-category{position:absolute;top:16px;left:16px;padding:6px 12px;background-color:var(--color-card-bg);color:var(--color-body);font-size:12px;font-weight:600;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-card .blog-content{padding:24px;flex:1;display:flex;flex-direction:column}.blog-card .blog-title{font-size:18px;font-weight:600;color:var(--color-body);margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card .blog-excerpt{font-size:15px;color:var(--color-shade-2);line-height:1.6;margin-bottom:16px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card .blog-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-shade-1);margin-top:auto}.blog-card .blog-meta .dot{width:3px;height:3px;background-color:var(--color-shade-1);border-radius:50%}.blog-post-page{min-height:100vh}.blog-post-page .not-found{text-align:center;padding:100px 0}.blog-post-page .not-found h1{margin-bottom:16px}.blog-post-page .not-found p{color:var(--color-shade-2);margin-bottom:24px}.blog-article .article-header-content{display:flex;align-items:center;justify-content:space-between}.blog-article .article-header{padding:48px 0;background-color:var(--color-card-bg);transition:background-color .3s ease}.blog-article .article-header .back-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-shade-2);text-decoration:none;margin-bottom:24px;transition:color .2s ease}.blog-article .article-header .back-link svg{width:18px;height:18px}.blog-article .article-header .back-link:hover{color:var(--color-brand-primary)}.blog-article .article-header .article-category{display:inline-block;padding:6px 12px;background-color:#22c55e33;color:var(--color-brand-primary);font-size:12px;font-weight:600;border-radius:16px;margin-bottom:16px}.blog-article .article-header .article-title{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px;max-width:800px;color:var(--color-body)}@media(max-width:768px){.blog-article .article-header .article-title{font-size:32px}}.blog-article .article-header .article-meta .author-info{display:flex;align-items:center;gap:12px}.blog-article .article-header .article-meta .author-info .author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.blog-article .article-header .article-meta .author-info .author-name{display:block;font-weight:600;color:var(--color-body)}.blog-article .article-header .article-meta .author-info .article-date{display:block;font-size:14px;color:var(--color-shade-2)}.blog-article .article-image{width:100%;max-height:500px;overflow:hidden}.blog-article .article-image img{width:100%;height:100%;object-fit:cover}.blog-article .article-content{max-width:720px;margin:0 auto;padding:48px 0;color:var(--color-body);transition:color .3s ease}.blog-article .article-content h2{font-size:28px;font-weight:700;margin:32px 0 16px;color:var(--color-body)}@media(max-width:768px){.blog-article .article-content h2{font-size:24px}}.blog-article .article-content h3{font-size:22px;font-weight:600;margin:24px 0 12px;color:var(--color-body)}.blog-article .article-content p{font-size:17px;line-height:1.8;color:var(--color-body);margin-bottom:20px}.blog-article .article-content ul,.blog-article .article-content ol{margin:16px 0 24px;padding-left:24px}.blog-article .article-content ul li,.blog-article .article-content ol li{font-size:17px;line-height:1.8;color:var(--color-body);margin-bottom:8px;position:relative}.blog-article .article-content ul li{list-style:disc}.blog-article .article-content ol li{list-style:decimal}.blog-article .article-content a{color:var(--color-brand-primary);text-decoration:underline;transition:opacity .2s ease}.blog-article .article-content a:hover{opacity:.8}.blog-article .article-content strong{font-weight:600;color:var(--color-body)}.blog-article .article-content em{font-style:italic}.blog-article .article-content code{background-color:var(--color-neutral-2);color:var(--color-body);padding:2px 6px;border-radius:4px;font-size:15px;font-family:Courier New,monospace}.blog-article .article-content blockquote{border-left:4px solid var(--color-brand-primary);padding-left:20px;margin:24px 0;color:var(--color-shade-2);font-style:italic}.blog-article .author-card{display:flex;gap:20px;padding:24px;background-color:var(--color-card-bg);border-radius:16px;margin-bottom:48px;max-width:720px;margin-left:auto;margin-right:auto;transition:background-color .3s ease}@media(max-width:576px){.blog-article .author-card{flex-direction:column;text-align:center}}.blog-article .author-card .author-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0}@media(max-width:576px){.blog-article .author-card .author-avatar{margin:0 auto}}.blog-article .author-card .author-details h4{font-size:12px;font-weight:600;color:var(--color-shade-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.blog-article .author-card .author-details h3{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--color-body)}.blog-article .author-card .author-details p{font-size:14px;color:var(--color-shade-2);line-height:1.6}.videos-page{min-height:100vh;display:flex;flex-direction:column}.videos-hero{padding:80px 0 60px;background:linear-gradient(180deg,var(--color-card-bg) 0%,var(--color-body-bg) 100%);transition:background .3s ease}@media(max-width:768px){.videos-hero{padding:60px 0 40px}}.videos-hero .videos-hero-content{text-align:center;max-width:700px;margin:0 auto}.videos-hero .videos-hero-title{font-size:48px;font-weight:700;margin-bottom:16px;color:var(--color-body)}@media(max-width:768px){.videos-hero .videos-hero-title{font-size:36px}}.videos-hero .videos-hero-description{font-size:18px;color:var(--color-shade-2);line-height:1.6}@media(max-width:768px){.videos-hero .videos-hero-description{font-size:16px}}.videos-listing{flex:1;padding:60px 0 80px;background-color:var(--color-body-bg);transition:background-color .3s ease}@media(max-width:768px){.videos-listing{padding:40px 0 60px}}.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media(max-width:1200px){.videos-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:576px){.videos-grid{grid-template-columns:1fr;gap:24px}}.video-card{background-color:var(--color-card-bg);border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;display:flex;flex-direction:column}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.video-card .video-thumbnail{position:relative;height:200px;overflow:hidden;background-color:var(--color-neutral-2)}.video-card .video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card .video-thumbnail .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background-color:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease;box-shadow:0 4px 12px #00000026}.video-card .video-thumbnail .play-button svg{width:24px;height:24px;color:var(--color-brand-primary);margin-left:3px}.video-card .video-thumbnail .video-duration{position:absolute;bottom:12px;right:12px;padding:4px 8px;background-color:#000000d9;color:var(--color-neutral-0);font-size:12px;font-weight:600;border-radius:4px}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.video-card:hover .video-thumbnail .play-button{transform:translate(-50%,-50%) scale(1.1);background-color:var(--color-neutral-0)}.video-card .video-content{padding:20px;flex:1;display:flex;flex-direction:column}.video-card .video-title{font-size:16px;font-weight:600;color:var(--color-body);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.video-card .video-views{font-size:13px;color:var(--color-shade-2);margin-top:auto}.videos-loading,.videos-error,.videos-empty{text-align:center;padding:60px 20px;color:var(--color-shade-2)}.videos-loading p,.videos-error p,.videos-empty p{font-size:16px;margin-bottom:8px}.videos-loading .error-hint,.videos-error .error-hint,.videos-empty .error-hint{font-size:14px;color:var(--color-shade-1);margin-top:12px}.auth-page{min-height:100vh;display:flex;background-color:var(--color-card-bg);transition:background-color .3s ease}.auth-sidebar{display:none;width:400px;flex-shrink:0;background:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-brand-primary-dark) 100%);padding:48px}@media(min-width:992px){.auth-sidebar{display:flex;align-items:center;justify-content:center}}.auth-sidebar .sidebar-content{text-align:center;color:var(--color-neutral-0)}.auth-sidebar .sidebar-image{margin-bottom:32px}.auth-sidebar .sidebar-image .illustration{width:200px;height:200px}.auth-sidebar .sidebar-title{font-size:24px;font-weight:700;margin-bottom:24px}.auth-sidebar .sidebar-features{list-style:none;padding:0;margin:0;text-align:left}.auth-sidebar .sidebar-features li{display:flex;align-items:center;gap:12px;font-size:15px;color:#fffc;margin-bottom:16px}.auth-sidebar .sidebar-features li svg{width:20px;height:20px;color:var(--color-neutral-0);flex-shrink:0}.auth-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;position:relative}.auth-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:24px}.auth-header .auth-header-text{font-size:14px;color:var(--color-shade-2)}.auth-header .auth-header-text a{font-weight:600;color:var(--color-body)}.auth-card{width:100%;max-width:400px}.auth-logo{display:flex;justify-content:center;margin-bottom:32px}.auth-logo .logo-icon{width:48px;height:48px}.auth-title{font-size:32px;font-weight:700;text-align:center;margin-bottom:32px}.auth-error{background-color:#ff6a5533;color:#ff6a55;padding:12px 16px;border-radius:12px;font-size:14px;margin-bottom:24px;text-align:center;transition:background-color .3s ease,color .3s ease}.auth-social{margin-bottom:24px}.auth-social .auth-label{font-size:14px;font-weight:600;color:var(--color-body);margin-bottom:12px}.auth-social .social-buttons{display:flex;gap:12px}.auth-social .social-buttons .btn-stroke{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600}.auth-social .social-buttons .btn-stroke .icon{width:20px;height:20px}.auth-divider{display:flex;align-items:center;margin-bottom:24px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.auth-divider span{padding:0 16px;font-size:14px;font-weight:600;color:var(--color-shade-2)}.auth-form .form-group{margin-bottom:16px}.auth-form .input-group .input-group-text svg{width:20px;height:20px}.auth-form .btn{margin-top:8px}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--color-shade-2)}.auth-footer a{font-weight:600;color:var(--color-body)}.auth-terms{text-align:center;margin-top:24px;font-size:13px;color:var(--color-shade-2);line-height:1.6}.auth-terms a{color:var(--color-body);font-weight:500}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--color-body-bg);transition:background-color .3s ease}.dashboard-layout .coming-soon-screen{flex:1;width:100%;display:flex;align-items:center;justify-content:center;padding:32px 16px}.dashboard-layout .coming-soon-card{width:100%;max-width:640px;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;padding:40px 32px;text-align:center;transition:background-color .3s ease,border-color .3s ease}@media(max-width:768px){.dashboard-layout .coming-soon-card{padding:24px}}.dashboard-layout .coming-soon-card .coming-soon-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.2px;background:#1368321f;color:var(--color-brand);margin-bottom:14px}.dashboard-layout .coming-soon-card h1{font-size:32px;font-weight:700;color:var(--color-body);margin:0 0 10px}@media(max-width:768px){.dashboard-layout .coming-soon-card h1{font-size:24px}}.dashboard-layout .coming-soon-card p{font-size:15px;color:var(--color-shade-2);margin:0;line-height:1.6}.dashboard-layout .coming-soon-card .coming-soon-actions{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}.sidebar{width:280px;background-color:var(--color-card-bg);border-right:1px solid var(--color-border);transition:background-color .3s ease,border-color .3s ease;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .3s ease}@media(max-width:992px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar .sidebar-header{padding:24px;border-bottom:1px solid var(--color-border)}.sidebar .sidebar-header .logo{display:flex;align-items:center;gap:12px;text-decoration:none}.sidebar .sidebar-header .logo .logo-icon{width:40px;height:40px}.sidebar .sidebar-header .logo .logo-text{font-size:20px;font-weight:700;color:var(--color-body)}.sidebar .sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar .sidebar-nav .nav-item-wrapper{margin-bottom:4px}.sidebar .sidebar-nav .nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;text-decoration:none;color:var(--color-shade-2);font-weight:600;font-size:15px;transition:all .2s ease;width:100%;background:none;border:none;cursor:pointer;text-align:left}.sidebar .sidebar-nav .nav-item .nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar .sidebar-nav .nav-item .nav-icon svg{width:20px;height:20px}.sidebar .sidebar-nav .nav-item .nav-label{flex:1}.sidebar .sidebar-nav .nav-item .submenu-arrow{width:16px;height:16px;color:var(--color-shade-2);transition:transform .2s ease;flex-shrink:0}.sidebar .sidebar-nav .nav-item .submenu-arrow.open{transform:rotate(180deg)}.sidebar .sidebar-nav .nav-item:hover{background-color:var(--color-neutral-2);color:var(--color-body)}.sidebar .sidebar-nav .nav-item.active,.sidebar .sidebar-nav .nav-item.submenu-open{background-color:var(--color-neutral-3);color:var(--color-body)}.sidebar .sidebar-nav .nav-submenu{position:relative;margin-left:0;margin-top:0;margin-bottom:0;padding-left:36px;padding-top:2px;padding-bottom:4px;animation:slideDown .2s ease-out}.sidebar .sidebar-nav .nav-submenu .submenu-connector{position:absolute;left:24px;top:0;bottom:0;width:1px;background-color:var(--color-shade-2);opacity:.3;z-index:0;transition:background-color .3s ease,opacity .3s ease}.sidebar .sidebar-nav .nav-submenu .nav-submenu-item{position:relative;display:flex;align-items:center;padding:10px 16px 10px 20px;border-radius:12px;text-decoration:none;color:var(--color-shade-2);font-weight:500;font-size:14px;transition:all .2s ease;margin-bottom:5px;margin-top:5px;width:100%;z-index:1}.sidebar .sidebar-nav .nav-submenu .nav-submenu-item:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:12px;height:2px;border-radius:50%;background-color:var(--color-shade-2);opacity:.3;z-index:2;transition:background-color .3s ease,opacity .3s ease}.sidebar .sidebar-nav .nav-submenu .nav-submenu-item .submenu-label{flex:1}.sidebar .sidebar-nav .nav-submenu .nav-submenu-item:hover{background-color:var(--color-neutral-2);color:var(--color-body)}.sidebar .sidebar-nav .nav-submenu .nav-submenu-item.active{background-color:var(--color-neutral-2);color:var(--color-body);font-weight:600}.sidebar .sidebar-nav .nav-submenu .nav-submenu-item.active:before{background-color:var(--color-shade-2);opacity:.5}.sidebar .sidebar-nav .nav-submenu .nav-submenu-item:last-child:after{content:"";position:absolute;left:24px;top:50%;width:1px;height:50%;z-index:3}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sidebar .sidebar-footer{padding:16px;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:border-color .3s ease}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:var(--color-shade-4);z-index:99}@media(max-width:992px){.sidebar-overlay{display:block}}.main-content{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}@media(max-width:992px){.main-content{margin-left:0}}.dashboard-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background-color:var(--color-card-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50;transition:background-color .3s ease,border-color .3s ease}@media(max-width:768px){.dashboard-header{padding:12px 16px}}.dashboard-header .menu-toggle{display:none;width:40px;height:40px;border-radius:10px;align-items:center;justify-content:center;background-color:var(--color-neutral-2);color:var(--color-body)}@media(max-width:992px){.dashboard-header .menu-toggle{display:flex}}.dashboard-header .menu-toggle svg{width:20px;height:20px}.dashboard-header .header-search{flex:1;max-width:400px;display:flex;align-items:center;gap:12px;padding:10px 16px;background-color:var(--color-input-bg);border-radius:12px}.dashboard-header .header-search svg{width:20px;height:20px;color:var(--color-shade-2);flex-shrink:0}.dashboard-header .header-search input{flex:1;border:none;background:none;font-size:14px;color:var(--color-body);outline:none}.dashboard-header .header-search input::placeholder{color:var(--color-shade-1)}.dashboard-header .header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.dashboard-header .header-actions .notification-wrapper{position:relative}.dashboard-header .header-actions .notification-wrapper .notification-btn{position:relative;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background-color:var(--color-neutral-2);color:var(--color-body);border:none;cursor:pointer;transition:all .2s ease}.dashboard-header .header-actions .notification-wrapper .notification-btn svg{width:20px;height:20px}.dashboard-header .header-actions .notification-wrapper .notification-btn .notification-badge{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background-color:#ff6a55;color:var(--color-neutral-0);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.dashboard-header .header-actions .notification-wrapper .notification-btn:hover{background-color:var(--color-neutral-3)}.dashboard-header .header-actions .notification-wrapper .notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:500px;background-color:var(--color-card-bg);border-radius:16px;box-shadow:var(--shadow-lg);z-index:1000;border:1px solid var(--color-border);animation:fadeIn .2s ease-out;transition:background-color .3s ease,border-color .3s ease;display:flex;flex-direction:column;overflow:hidden}@media(max-width:768px){.dashboard-header .header-actions .notification-wrapper .notification-dropdown{width:320px;right:-20px}}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-header h3{font-size:16px;font-weight:600;color:var(--color-body);margin:0}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-header .mark-all-read{font-size:13px;font-weight:500;color:var(--color-brand-primary);background:none;border:none;cursor:pointer;padding:0;transition:opacity .2s ease}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-header .mark-all-read:hover{opacity:.8}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list{flex:1;overflow-y:auto;max-height:400px}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list .notification-item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border);transition:background-color .2s ease;position:relative}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list .notification-item:hover{background-color:var(--color-neutral-2)}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list .notification-item:hover .notification-actions{opacity:1}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list .notification-item:last-child{border-bottom:none}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list .notification-item .notification-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-brand-primary);color:var(--color-neutral-0);font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list .notification-item .notification-content{flex:1;min-width:0}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list .notification-item .notification-content .notification-info{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list .notification-item .notification-content .notification-info .notification-name{font-size:14px;font-weight:600;color:var(--color-body)}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list .notification-item .notification-content .notification-info .notification-username{font-size:14px;color:var(--color-shade-2)}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list .notification-item .notification-content .notification-info .notification-time{font-size:13px;color:var(--color-shade-2);margin-left:auto}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list .notification-item .notification-content .notification-action{font-size:14px;color:var(--color-shade-2);line-height:1.4}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list .notification-item .notification-content .notification-action strong{font-weight:600;color:var(--color-body)}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list .notification-item .notification-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease;flex-shrink:0}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list .notification-item .notification-actions .notification-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:12px;cursor:pointer;color:var(--color-shade-2);transition:all .2s ease}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list .notification-item .notification-actions .notification-action-btn svg{width:16px;height:16px}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-list .notification-item .notification-actions .notification-action-btn:hover{background-color:var(--color-neutral-3);color:var(--color-body)}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-footer{padding:12px 20px;border-top:1px solid var(--color-border);text-align:center}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-footer .see-all-btn{font-size:14px;font-weight:500;color:var(--color-brand-primary);background:none;border:none;cursor:pointer;padding:0;text-decoration:none;display:inline-block;transition:opacity .2s ease}.dashboard-header .header-actions .notification-wrapper .notification-dropdown .notification-footer .see-all-btn:hover{opacity:.8}.dashboard-header .header-actions .header-user{position:relative}@media(max-width:768px){.dashboard-header .header-actions .header-user .user-details{display:none}}.dashboard-header .header-actions .header-user .user-menu-trigger{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:none;border:none;cursor:pointer;transition:background-color .2s ease;width:100%}@media(max-width:768px){.dashboard-header .header-actions .header-user .user-menu-trigger{padding:4px;gap:0}}.dashboard-header .header-actions .header-user .user-menu-trigger:hover{background-color:var(--color-neutral-2)}.dashboard-header .header-actions .header-user .user-menu-trigger .user-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-brand-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.dashboard-header .header-actions .header-user .user-menu-trigger .user-avatar img{width:100%;height:100%;object-fit:cover}.dashboard-header .header-actions .header-user .user-menu-trigger .user-avatar span{color:var(--color-neutral-0);font-weight:600;font-size:16px}.dashboard-header .header-actions .header-user .user-menu-trigger .user-details{display:flex;flex-direction:column;min-width:0;text-align:left}.dashboard-header .header-actions .header-user .user-menu-trigger .user-details .user-name{font-size:14px;font-weight:600;color:var(--color-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.dashboard-header .header-actions .header-user .user-menu-trigger .user-details .user-email{font-size:12px;color:var(--color-shade-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.dashboard-header .header-actions .header-user .user-menu-trigger .dropdown-arrow{width:16px;height:16px;color:var(--color-shade-2);transition:transform .2s ease;margin-left:auto;flex-shrink:0}.dashboard-header .header-actions .header-user .user-menu-trigger .dropdown-arrow.open{transform:rotate(180deg)}.dashboard-header .header-actions .header-user .user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background-color:var(--color-card-bg);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px 0;z-index:1000;border:1px solid var(--color-border);animation:fadeIn .2s ease-out;transition:background-color .3s ease,border-color .3s ease}.dashboard-header .header-actions .header-user .user-menu-dropdown .dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;color:var(--color-body);text-decoration:none;background:none;border:none;cursor:pointer;transition:background-color .2s ease;text-align:left}.dashboard-header .header-actions .header-user .user-menu-dropdown .dropdown-item svg{width:18px;height:18px;flex-shrink:0;color:var(--color-shade-2)}.dashboard-header .header-actions .header-user .user-menu-dropdown .dropdown-item span{flex:1}.dashboard-header .header-actions .header-user .user-menu-dropdown .dropdown-item:hover{background-color:var(--color-neutral-2)}.dashboard-header .header-actions .header-user .user-menu-dropdown .dropdown-item.logout{color:#ff6a55}.dashboard-header .header-actions .header-user .user-menu-dropdown .dropdown-item.logout svg{color:#ff6a55}.dashboard-header .header-actions .header-user .user-menu-dropdown .dropdown-item.logout:hover{background-color:#ff6a551a}.dashboard-header .header-actions .header-user .user-menu-dropdown .dropdown-divider{height:1px;background-color:var(--color-border);margin:8px 0}.page-content{flex:1;padding:24px}@media(max-width:768px){.page-content{padding:16px}}.dashboard-page .dashboard-header{margin-bottom:32px}.dashboard-page .dashboard-header .welcome-section h1{font-size:28px;font-weight:700;margin-bottom:8px}@media(max-width:768px){.dashboard-page .dashboard-header .welcome-section h1{font-size:24px}}.dashboard-page .dashboard-header .welcome-section p{color:var(--color-shade-2);font-size:15px}.dashboard-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}@media(max-width:992px){.dashboard-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.dashboard-page .stats-grid{grid-template-columns:1fr}}.dashboard-page .stat-card{display:flex;align-items:center;gap:16px;padding:24px;background-color:var(--color-card-bg);border-radius:16px;transition:background-color .3s ease}.dashboard-page .stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-page .stat-card .stat-icon svg{width:24px;height:24px}.dashboard-page .stat-card .stat-icon.blue{background-color:#b1e5fc;color:#2a85ff}.dashboard-page .stat-card .stat-icon.green{background-color:#b5e4ca;color:#136832}.dashboard-page .stat-card .stat-icon.purple{background-color:#cabdff;color:#8e59ff}.dashboard-page .stat-card .stat-icon.yellow{background-color:#ffd88d;color:#ffab08}.dashboard-page .stat-card .stat-content{display:flex;flex-direction:column}.dashboard-page .stat-card .stat-content .stat-value{font-size:28px;font-weight:700;color:var(--color-body);line-height:1}.dashboard-page .stat-card .stat-content .stat-label{font-size:13px;color:var(--color-shade-2);margin-top:4px}.dashboard-page .dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}@media(max-width:992px){.dashboard-page .dashboard-grid{grid-template-columns:1fr}}.dashboard-page .dashboard-section{background-color:var(--color-card-bg);border-radius:16px;padding:24px;transition:background-color .3s ease}.dashboard-page .dashboard-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dashboard-page .dashboard-section .section-header h2{font-size:18px;font-weight:600}.dashboard-page .dashboard-section .section-header .view-all{font-size:14px;font-weight:600;color:var(--color-brand-primary)}.dashboard-page .courses-list{display:flex;flex-direction:column;gap:16px}.dashboard-page .course-card{display:flex;gap:16px;padding:16px;background-color:var(--color-neutral-2);border-radius:12px;text-decoration:none;transition:all .2s ease,background-color .3s ease}.dashboard-page .course-card:hover{background-color:var(--color-neutral-3)}.dashboard-page .course-card .course-image{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}.dashboard-page .course-card .course-image img{width:100%;height:100%;object-fit:cover}.dashboard-page .course-card .course-info{flex:1;display:flex;flex-direction:column;justify-content:center}.dashboard-page .course-card .course-info h3{font-size:15px;font-weight:600;color:var(--color-body);margin-bottom:8px}.dashboard-page .course-card .course-info .course-progress{display:flex;align-items:center;gap:12px;margin-bottom:4px}.dashboard-page .course-card .course-info .course-progress .progress-bar{flex:1;height:6px;background-color:var(--color-neutral-3);border-radius:3px;overflow:hidden}.dashboard-page .course-card .course-info .course-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-brand-primary) 0%,var(--color-brand-primary-light) 100%);border-radius:3px;transition:width .3s ease}.dashboard-page .course-card .course-info .course-progress .progress-text{font-size:12px;font-weight:600;color:var(--color-brand-primary);white-space:nowrap}.dashboard-page .course-card .course-info .lessons-count{font-size:12px;color:var(--color-shade-2)}.dashboard-page .activity-list{display:flex;flex-direction:column}.dashboard-page .activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.dashboard-page .activity-item:last-child{border-bottom:none}.dashboard-page .activity-item .activity-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-page .activity-item .activity-icon svg{width:16px;height:16px}.dashboard-page .activity-item .activity-icon.lesson{background-color:#b1e5fc;color:#2a85ff}.dashboard-page .activity-item .activity-icon.achievement{background-color:#ffd88d;color:#ffab08}.dashboard-page .activity-item .activity-icon.course{background-color:#b5e4ca;color:#136832}.dashboard-page .activity-item .activity-content{flex:1;min-width:0}.dashboard-page .activity-item .activity-content .activity-title{font-size:14px;font-weight:500;color:var(--color-body);margin-bottom:2px}.dashboard-page .activity-item .activity-content .activity-course{font-size:12px;color:var(--color-shade-2)}.dashboard-page .activity-item .activity-time{font-size:12px;color:var(--color-shade-1);white-space:nowrap}.dashboard-page .recommendations-section .recommendations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:768px){.dashboard-page .recommendations-section .recommendations-grid{grid-template-columns:1fr}}.dashboard-page .recommendations-section .recommendation-card{display:flex;gap:20px;padding:20px;background-color:var(--color-neutral-2);border-radius:12px;transition:background-color .3s ease}@media(max-width:576px){.dashboard-page .recommendations-section .recommendation-card{flex-direction:column}}.dashboard-page .recommendations-section .recommendation-card .recommendation-image{width:120px;height:100px;border-radius:8px;overflow:hidden;flex-shrink:0}@media(max-width:576px){.dashboard-page .recommendations-section .recommendation-card .recommendation-image{width:100%;height:150px}}.dashboard-page .recommendations-section .recommendation-card .recommendation-image img{width:100%;height:100%;object-fit:cover}.dashboard-page .recommendations-section .recommendation-card .recommendation-content{flex:1;display:flex;flex-direction:column}.dashboard-page .recommendations-section .recommendation-card .recommendation-content .badge{align-self:flex-start;margin-bottom:8px}.dashboard-page .recommendations-section .recommendation-card .recommendation-content h3{font-size:16px;font-weight:600;margin-bottom:8px}.dashboard-page .recommendations-section .recommendation-card .recommendation-content p{font-size:13px;color:var(--color-shade-2);margin-bottom:12px;flex:1}.courses-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.courses-page .page-header>div:first-child{flex:1}.courses-page .page-header h1{font-size:28px;font-weight:700;margin-bottom:8px}@media(max-width:768px){.courses-page .page-header h1{font-size:24px}}.courses-page .page-header p{color:var(--color-shade-2);font-size:15px}.courses-page .page-header .view-toggle{display:flex;gap:8px;background-color:var(--color-neutral-2);padding:4px;border-radius:12px;margin-left:24px}.courses-page .page-header .view-toggle .view-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:12px;cursor:pointer;color:var(--color-shade-2);transition:all .2s ease}.courses-page .page-header .view-toggle .view-btn svg{width:18px;height:18px}.courses-page .page-header .view-toggle .view-btn:hover{background-color:var(--color-neutral-3);color:var(--color-body)}.courses-page .page-header .view-toggle .view-btn.active{background-color:var(--color-card-bg);color:var(--color-brand-primary);box-shadow:0 2px 4px #0000000d}.courses-page .filters-section{background-color:var(--color-card-bg);border-radius:16px;padding:24px;margin-bottom:32px}.courses-page .filters-section .search-box{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--color-neutral-2);border-radius:12px;margin-bottom:20px}.courses-page .filters-section .search-box svg{width:20px;height:20px;color:var(--color-shade-2);flex-shrink:0}.courses-page .filters-section .search-box input{flex:1;border:none;background:none;font-size:15px;color:var(--color-body);outline:none}.courses-page .filters-section .search-box input::placeholder{color:var(--color-shade-1)}.courses-page .filters-section .filter-group{margin-bottom:16px}.courses-page .filters-section .filter-group:last-child{margin-bottom:0}.courses-page .filters-section .filter-group label{display:block;font-size:13px;font-weight:600;color:var(--color-shade-2);margin-bottom:10px}.courses-page .filters-section .filter-group .filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.courses-page .filters-section .filter-group .filter-btn{padding:8px 16px;font-size:13px;font-weight:600;color:var(--color-shade-2);background-color:var(--color-neutral-2);border-radius:20px;transition:all .2s ease}.courses-page .filters-section .filter-group .filter-btn:hover{background-color:var(--color-neutral-3);color:var(--color-body)}.courses-page .filters-section .filter-group .filter-btn.active{background-color:var(--color-brand-primary);color:var(--color-card-bg)}.courses-page .courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1200px){.courses-page .courses-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.courses-page .courses-grid{grid-template-columns:1fr}}.courses-page .course-card{position:relative;background-color:var(--color-card-bg);border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.courses-page .course-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.courses-page .course-card .course-link{text-decoration:none;display:block}.courses-page .course-card .course-image{position:relative;height:160px;overflow:hidden}.courses-page .course-card .course-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.courses-page .course-card .course-image .enrolled-badge{position:absolute;top:12px;left:12px;padding:4px 10px;background-color:#136832;color:var(--color-card-bg);font-size:11px;font-weight:600;border-radius:4px}.courses-page .course-card .course-image .level-badge{position:absolute;top:12px;right:12px;padding:4px 10px;font-size:11px;font-weight:600;border-radius:4px}.courses-page .course-card .course-image .level-badge.beginner{background-color:#b5e4ca;color:#136832}.courses-page .course-card .course-image .level-badge.intermediate{background-color:#ffd88d;color:#ed9d00}.courses-page .course-card .course-image .level-badge.advanced{background-color:#cabdff;color:#8e59ff}.courses-page .course-card:hover .course-image img{transform:scale(1.05)}.courses-page .course-card .course-content{padding:16px}.courses-page .course-card .course-category{font-size:12px;font-weight:600;color:var(--color-brand-primary);text-transform:uppercase;letter-spacing:.5px}.courses-page .course-card .course-title{font-size:18px;font-weight:600;color:var(--color-body);margin:8px 0;line-height:1.3}.courses-page .course-card .course-description{font-size:13px;color:var(--color-shade-2);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.courses-page .course-card .course-meta{display:flex;gap:16px;margin-bottom:12px}.courses-page .course-card .course-meta .meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-shade-2)}.courses-page .course-card .course-meta .meta-item svg{width:16px;height:16px}.courses-page .course-card .course-rating{display:flex;align-items:center;gap:8px;margin-bottom:16px}.courses-page .course-card .course-rating .stars{display:flex;align-items:center;gap:4px}.courses-page .course-card .course-rating .stars svg{width:16px;height:16px;color:#ffc554}.courses-page .course-card .course-rating .stars span{font-size:14px;font-weight:600;color:var(--color-body)}.courses-page .course-card .course-rating .reviews{font-size:13px;color:var(--color-shade-2)}.courses-page .course-card .course-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--color-neutral-3)}.courses-page .course-card .course-footer .course-price{display:flex;align-items:center;gap:8px}.courses-page .course-card .course-footer .course-price .current-price{font-size:20px;font-weight:700;color:var(--color-body)}.courses-page .course-card .course-footer .course-price .original-price{font-size:14px;color:var(--color-shade-1);text-decoration:line-through}.courses-page .course-card .course-footer .instructor{font-size:13px;color:var(--color-shade-2)}.courses-page .course-card .course-actions{position:absolute;top:12px;right:12px;z-index:10}.courses-page .course-card .course-actions .action-menu-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background-color:#ffffffe6;border-radius:50%;cursor:pointer;color:var(--color-body);transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.courses-page .course-card .course-actions .action-menu-btn svg{width:16px;height:16px}.courses-page .course-card .course-actions .action-menu-btn:hover{background-color:var(--color-card-bg);transform:scale(1.1)}.courses-page .course-card .course-actions .action-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background-color:var(--color-card-bg);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px 0;z-index:100;border:1px solid var(--color-border);animation:fadeIn .2s ease-out}.courses-page .course-card .course-actions .action-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;color:var(--color-body);text-decoration:none;background:none;border:none;cursor:pointer;transition:background-color .2s ease;text-align:left}.courses-page .course-card .course-actions .action-menu button svg{width:18px;height:18px;flex-shrink:0;color:var(--color-shade-2)}.courses-page .course-card .course-actions .action-menu button:hover{background-color:var(--color-neutral-2)}.courses-page .courses-table{background-color:var(--color-card-bg);border-radius:16px;overflow:hidden}.courses-page .courses-table table{width:100%;border-collapse:collapse}.courses-page .courses-table table thead{background-color:var(--color-neutral-2);border-bottom:1px solid var(--color-border)}.courses-page .courses-table table thead th{padding:16px 24px;text-align:left;font-size:13px;font-weight:600;color:var(--color-shade-2);text-transform:uppercase;letter-spacing:.5px}.courses-page .courses-table table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.courses-page .courses-table table tbody tr:hover{background-color:var(--color-neutral-2)}.courses-page .courses-table table tbody tr:last-child{border-bottom:none}.courses-page .courses-table table tbody tr td{padding:16px 24px;vertical-align:middle}.courses-page .courses-table .table-product{display:flex;align-items:center;gap:12px}.courses-page .courses-table .table-product img{width:64px;height:64px;object-fit:cover;border-radius:12px;flex-shrink:0}.courses-page .courses-table .table-product .product-title{display:block;font-size:15px;font-weight:600;color:var(--color-body);text-decoration:none;margin-bottom:4px;transition:color .2s ease}.courses-page .courses-table .table-product .product-title:hover{color:var(--color-brand-primary)}.courses-page .courses-table .table-product .product-link{display:block;font-size:13px;color:var(--color-shade-2);text-decoration:none;transition:color .2s ease}.courses-page .courses-table .table-product .product-link:hover{color:var(--color-brand-primary)}.courses-page .courses-table .table-category{font-size:14px;color:var(--color-shade-2)}.courses-page .courses-table .table-price{font-size:16px;font-weight:600;color:var(--color-brand-primary)}.courses-page .courses-table .table-date{font-size:14px;color:var(--color-shade-2)}.courses-page .courses-table .table-actions{position:relative;display:flex;justify-content:flex-end}.courses-page .courses-table .table-actions .action-menu-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:12px;cursor:pointer;color:var(--color-shade-2);transition:all .2s ease}.courses-page .courses-table .table-actions .action-menu-btn svg{width:18px;height:18px}.courses-page .courses-table .table-actions .action-menu-btn:hover{background-color:var(--color-neutral-2);color:var(--color-body)}.courses-page .courses-table .table-actions .action-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background-color:var(--color-card-bg);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px 0;z-index:100;border:1px solid var(--color-border);animation:fadeIn .2s ease-out}.courses-page .courses-table .table-actions .action-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;color:var(--color-body);text-decoration:none;background:none;border:none;cursor:pointer;transition:background-color .2s ease;text-align:left}.courses-page .courses-table .table-actions .action-menu button svg{width:18px;height:18px;flex-shrink:0;color:var(--color-shade-2)}.courses-page .courses-table .table-actions .action-menu button:hover{background-color:var(--color-neutral-2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.courses-page .no-results{text-align:center;padding:64px 24px;background-color:var(--color-card-bg);border-radius:16px}.courses-page .no-results svg{width:48px;height:48px;color:var(--color-shade-1);margin-bottom:16px}.courses-page .no-results h3{font-size:18px;font-weight:600;margin-bottom:8px}.courses-page .no-results p{font-size:14px;color:var(--color-shade-2)}.course-detail-page .not-found{text-align:center;padding:100px 24px;background-color:var(--color-card-bg);border-radius:16px}.course-detail-page .not-found h1{margin-bottom:16px}.course-detail-page .not-found p{color:var(--color-shade-2);margin-bottom:24px}.course-detail-page .course-header{background-color:var(--color-card-bg);border-radius:16px;padding:24px;margin-bottom:24px}.course-detail-page .course-header .back-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-shade-2);text-decoration:none;margin-bottom:24px;transition:color .2s ease}.course-detail-page .course-header .back-link svg{width:18px;height:18px}.course-detail-page .course-header .back-link:hover{color:#2a85ff}.course-detail-page .course-header .header-content{display:grid;grid-template-columns:1fr 400px;gap:32px}@media(max-width:992px){.course-detail-page .course-header .header-content{grid-template-columns:1fr}}.course-detail-page .course-header .header-info .course-category{display:inline-block;padding:6px 12px;background-color:#b1e5fc;color:#2a85ff;font-size:12px;font-weight:600;border-radius:16px;margin-bottom:16px}.course-detail-page .course-header .header-info h1{font-size:32px;font-weight:700;margin-bottom:16px}@media(max-width:768px){.course-detail-page .course-header .header-info h1{font-size:24px}}.course-detail-page .course-header .header-info .course-description{font-size:15px;color:var(--color-shade-2);line-height:1.6;margin-bottom:24px}.course-detail-page .course-header .header-info .course-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.course-detail-page .course-header .header-info .course-meta .meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-body)}.course-detail-page .course-header .header-info .course-meta .meta-item svg{width:18px;height:18px;color:#ffc554}.course-detail-page .course-header .header-info .course-meta .meta-item .level-badge{padding:4px 10px;font-size:12px;font-weight:600;border-radius:4px}.course-detail-page .course-header .header-info .course-meta .meta-item .level-badge.beginner{background-color:#b5e4ca;color:#136832}.course-detail-page .course-header .header-info .course-meta .meta-item .level-badge.intermediate{background-color:#ffd88d;color:#ed9d00}.course-detail-page .course-header .header-info .course-meta .meta-item .level-badge.advanced{background-color:#cabdff;color:#8e59ff}.course-detail-page .course-header .header-info .instructor-info{display:flex;align-items:center;gap:12px}.course-detail-page .course-header .header-info .instructor-info img{width:48px;height:48px;border-radius:50%;object-fit:cover}.course-detail-page .course-header .header-info .instructor-info .instructor-label{display:block;font-size:12px;color:var(--color-shade-2)}.course-detail-page .course-header .header-info .instructor-info .instructor-name{display:block;font-size:15px;font-weight:600;color:var(--color-body)}.course-detail-page .course-header .header-image{position:relative;border-radius:12px;overflow:hidden}@media(max-width:992px){.course-detail-page .course-header .header-image{order:-1}}.course-detail-page .course-header .header-image img{width:100%;height:250px;object-fit:cover}.course-detail-page .course-header .header-image .progress-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(transparent,rgba(var(--color-neutral-8),.9))}.course-detail-page .course-header .header-image .progress-overlay .progress-info .progress-text{display:block;font-size:14px;font-weight:600;color:var(--color-card-bg);margin-bottom:8px}.course-detail-page .course-header .header-image .progress-overlay .progress-info .progress-bar{height:6px;background-color:rgba(var(--color-card-bg),.3);border-radius:3px;overflow:hidden;margin-bottom:8px}.course-detail-page .course-header .header-image .progress-overlay .progress-info .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#2a85ff,#8e59ff);border-radius:3px}.course-detail-page .course-header .header-image .progress-overlay .progress-info .lessons-text{font-size:12px;color:rgba(var(--color-card-bg),.8)}.course-detail-page .course-content{display:grid;grid-template-columns:1fr 350px;gap:24px}@media(max-width:992px){.course-detail-page .course-content{grid-template-columns:1fr}}.course-detail-page .content-main .curriculum-section,.course-detail-page .content-main .instructor-section{background-color:var(--color-card-bg);border-radius:16px;padding:24px;margin-bottom:24px}.course-detail-page .content-main .curriculum-section h2,.course-detail-page .content-main .instructor-section h2{font-size:20px;font-weight:600;margin-bottom:20px}.course-detail-page .content-main .curriculum-list .curriculum-section-item{margin-bottom:16px}.course-detail-page .content-main .curriculum-list .curriculum-section-item:last-child{margin-bottom:0}.course-detail-page .content-main .curriculum-list .curriculum-section-item .section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--color-neutral-2);border-radius:12px;margin-bottom:8px}.course-detail-page .content-main .curriculum-list .curriculum-section-item .section-header h3{font-size:15px;font-weight:600}.course-detail-page .content-main .curriculum-list .curriculum-section-item .section-header span{font-size:13px;color:var(--color-shade-2)}.course-detail-page .content-main .curriculum-list .curriculum-section-item .lessons-list .lesson-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;transition:background-color .2s ease;text-decoration:none;color:inherit}.course-detail-page .content-main .curriculum-list .curriculum-section-item .lessons-list .lesson-item:hover{background-color:var(--color-neutral-2)}.course-detail-page .content-main .curriculum-list .curriculum-section-item .lessons-list .lesson-item .lesson-status{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.course-detail-page .content-main .curriculum-list .curriculum-section-item .lessons-list .lesson-item .lesson-status svg{width:18px;height:18px;color:var(--color-shade-2)}.course-detail-page .content-main .curriculum-list .curriculum-section-item .lessons-list .lesson-item.completed .lesson-status svg{color:#136832}.course-detail-page .content-main .curriculum-list .curriculum-section-item .lessons-list .lesson-item .lesson-title{flex:1;font-size:14px;color:var(--color-body)}.course-detail-page .content-main .curriculum-list .curriculum-section-item .lessons-list .lesson-item .lesson-duration{font-size:13px;color:var(--color-shade-2)}.course-detail-page .content-main .instructor-card{display:flex;gap:20px}@media(max-width:576px){.course-detail-page .content-main .instructor-card{flex-direction:column}}.course-detail-page .content-main .instructor-card img{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0}.course-detail-page .content-main .instructor-card .instructor-details h3{font-size:18px;font-weight:600;margin-bottom:8px}.course-detail-page .content-main .instructor-card .instructor-details p{font-size:14px;color:var(--color-shade-2);line-height:1.6}@media(max-width:992px){.course-detail-page .content-sidebar{order:-1}}.course-detail-page .content-sidebar .sidebar-card{background-color:var(--color-card-bg);border-radius:16px;padding:24px;position:sticky;top:100px}.course-detail-page .content-sidebar .sidebar-card .price-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.course-detail-page .content-sidebar .sidebar-card .price-info .current-price{font-size:32px;font-weight:700;color:var(--color-body)}.course-detail-page .content-sidebar .sidebar-card .price-info .original-price{font-size:18px;color:#9a9fa5;text-decoration:line-through}.course-detail-page .content-sidebar .sidebar-card .price-info .discount{padding:4px 8px;background-color:#ffbc99;color:#ff6a55;font-size:12px;font-weight:600;border-radius:4px}.course-detail-page .content-sidebar .sidebar-card .btn{margin-bottom:16px}.course-detail-page .content-sidebar .sidebar-card .guarantee{text-align:center;font-size:13px;color:var(--color-shade-2);margin-bottom:24px}.course-detail-page .content-sidebar .sidebar-card .enrolled-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background-color:#b5e4ca;border-radius:12px;margin-bottom:24px}.course-detail-page .content-sidebar .sidebar-card .enrolled-info svg{width:18px;height:18px;color:#136832}.course-detail-page .content-sidebar .sidebar-card .enrolled-info span{font-size:13px;font-weight:600;color:#136832}.course-detail-page .content-sidebar .sidebar-card .features-list h4{font-size:14px;font-weight:600;margin-bottom:16px}.course-detail-page .content-sidebar .sidebar-card .features-list ul{list-style:none;padding:0;margin:0}.course-detail-page .content-sidebar .sidebar-card .features-list ul li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--color-body);margin-bottom:12px}.course-detail-page .content-sidebar .sidebar-card .features-list ul li svg{width:18px;height:18px;color:#136832;flex-shrink:0}.course-detail-page .content-sidebar .sidebar-card .features-list ul li:last-child{margin-bottom:0}.course-chapter-page{min-height:100vh;background-color:var(--color-body-bg);transition:background-color .3s ease}.course-chapter-page .not-found{text-align:center;padding:100px 20px}.course-chapter-page .not-found h1{margin-bottom:16px}.course-chapter-page .not-found p{color:var(--color-shade-2);margin-bottom:24px}.course-chapter-page .chapter-header{padding:24px 32px;background-color:var(--color-card-bg);border-bottom:1px solid var(--color-border);transition:background-color .3s ease,border-color .3s ease}@media(max-width:768px){.course-chapter-page .chapter-header{padding:20px 16px}}.course-chapter-page .chapter-header .back-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-shade-2);text-decoration:none;margin-bottom:16px;transition:color .2s ease}.course-chapter-page .chapter-header .back-link svg{width:18px;height:18px}.course-chapter-page .chapter-header .back-link:hover{color:var(--color-brand-primary)}.course-chapter-page .chapter-header h1{font-size:28px;font-weight:700;color:var(--color-body);margin:0}@media(max-width:768px){.course-chapter-page .chapter-header h1{font-size:24px}}.course-chapter-page .chapter-content{padding:32px;max-width:1400px;margin:0 auto}@media(max-width:768px){.course-chapter-page .chapter-content{padding:24px 16px}}.course-chapter-page .video-section{margin-bottom:32px}.course-chapter-page .video-section .video-player{position:relative;width:100%;padding-bottom:56.25%;height:0;background-color:var(--color-neutral-2);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);transition:box-shadow .3s ease}.course-chapter-page .video-section .video-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.course-chapter-page .chapter-tabs{background-color:var(--color-card-bg);border-radius:16px;overflow:hidden;transition:background-color .3s ease}.course-chapter-page .chapter-tabs .tabs-header{display:flex;border-bottom:1px solid var(--color-border);transition:border-color .3s ease}.course-chapter-page .chapter-tabs .tabs-header .tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;font-size:15px;font-weight:600;color:var(--color-shade-2);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease}.course-chapter-page .chapter-tabs .tabs-header .tab-btn svg{width:20px;height:20px}.course-chapter-page .chapter-tabs .tabs-header .tab-btn:hover{color:var(--color-body);background-color:var(--color-neutral-2)}.course-chapter-page .chapter-tabs .tabs-header .tab-btn.active{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary);background-color:var(--color-neutral-2)}@media(max-width:576px){.course-chapter-page .chapter-tabs .tabs-header .tab-btn{font-size:13px;padding:12px 16px;gap:6px}.course-chapter-page .chapter-tabs .tabs-header .tab-btn svg{width:18px;height:18px}}.course-chapter-page .chapter-tabs .tabs-content{padding:32px}@media(max-width:768px){.course-chapter-page .chapter-tabs .tabs-content{padding:24px}}@media(max-width:576px){.course-chapter-page .chapter-tabs .tabs-content{padding:20px 16px}}.course-chapter-page .chapter-tabs .tabs-content .tab-panel h2{font-size:24px;font-weight:700;color:var(--color-body);margin-bottom:24px}@media(max-width:768px){.course-chapter-page .chapter-tabs .tabs-content .tab-panel h2{font-size:20px;margin-bottom:20px}}.course-chapter-page .chapter-tabs .tabs-content .tab-panel .empty-state{text-align:center;padding:40px 20px;color:var(--color-shade-2);font-size:15px}.course-chapter-page .resources-panel .resources-list{display:flex;flex-direction:column;gap:16px}.course-chapter-page .resources-panel .resources-list .resource-item{display:flex;align-items:center;gap:16px;padding:20px;background-color:var(--color-neutral-2);border-radius:12px;transition:background-color .2s ease}.course-chapter-page .resources-panel .resources-list .resource-item:hover{background-color:var(--color-neutral-3)}.course-chapter-page .resources-panel .resources-list .resource-item .resource-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-card-bg);border-radius:12px;color:var(--color-brand-primary);flex-shrink:0}.course-chapter-page .resources-panel .resources-list .resource-item .resource-icon svg{width:24px;height:24px}.course-chapter-page .resources-panel .resources-list .resource-item .resource-info{flex:1;min-width:0}.course-chapter-page .resources-panel .resources-list .resource-item .resource-info h3{font-size:16px;font-weight:600;color:var(--color-body);margin-bottom:4px}.course-chapter-page .resources-panel .resources-list .resource-item .resource-info .resource-type{font-size:12px;color:var(--color-shade-2);text-transform:uppercase;font-weight:600}.course-chapter-page .resources-panel .resources-list .resource-item .resource-action{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;color:var(--color-brand-primary);text-decoration:none;border-radius:12px;transition:background-color .2s ease}.course-chapter-page .resources-panel .resources-list .resource-item .resource-action svg{width:16px;height:16px}.course-chapter-page .resources-panel .resources-list .resource-item .resource-action:hover{background-color:var(--color-neutral-3)}.course-chapter-page .discussion-panel .comment-form{margin-bottom:32px;padding:20px;background-color:var(--color-neutral-2);border-radius:12px;transition:background-color .3s ease}.course-chapter-page .discussion-panel .comment-form .comment-input{width:100%;padding:12px 16px;font-size:15px;font-family:inherit;color:var(--color-body);background-color:var(--color-card-bg);border:2px solid var(--color-border);border-radius:12px;resize:vertical;margin-bottom:12px;transition:border-color .2s ease}.course-chapter-page .discussion-panel .comment-form .comment-input:focus{outline:none;border-color:var(--color-brand-primary)}.course-chapter-page .discussion-panel .comment-form .comment-input::placeholder{color:var(--color-shade-1)}.course-chapter-page .discussion-panel .discussion-list{display:flex;flex-direction:column;gap:24px}.course-chapter-page .discussion-panel .discussion-list .discussion-item{display:flex;gap:16px}.course-chapter-page .discussion-panel .discussion-list .discussion-item .comment-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-brand-primary);color:var(--color-neutral-0);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.course-chapter-page .discussion-panel .discussion-list .discussion-item .comment-content{flex:1;min-width:0}.course-chapter-page .discussion-panel .discussion-list .discussion-item .comment-content .comment-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.course-chapter-page .discussion-panel .discussion-list .discussion-item .comment-content .comment-header .comment-author{font-weight:600;color:var(--color-body);font-size:15px}.course-chapter-page .discussion-panel .discussion-list .discussion-item .comment-content .comment-header .comment-time{font-size:13px;color:var(--color-shade-2)}.course-chapter-page .discussion-panel .discussion-list .discussion-item .comment-content .comment-text{font-size:15px;color:var(--color-body);line-height:1.6;margin-bottom:12px}.course-chapter-page .discussion-panel .discussion-list .discussion-item .comment-content .replies{margin-top:16px;padding-left:24px;border-left:2px solid var(--color-border);display:flex;flex-direction:column;gap:16px}.course-chapter-page .discussion-panel .discussion-list .discussion-item .comment-content .replies .reply-item{display:flex;gap:12px}.course-chapter-page .discussion-panel .discussion-list .discussion-item .comment-content .replies .reply-item .reply-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--color-neutral-3);color:var(--color-body);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.course-chapter-page .discussion-panel .discussion-list .discussion-item .comment-content .replies .reply-item .reply-content{flex:1}.course-chapter-page .discussion-panel .discussion-list .discussion-item .comment-content .replies .reply-item .reply-content .reply-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.course-chapter-page .discussion-panel .discussion-list .discussion-item .comment-content .replies .reply-item .reply-content .reply-header .reply-author{font-weight:600;color:var(--color-body);font-size:14px}.course-chapter-page .discussion-panel .discussion-list .discussion-item .comment-content .replies .reply-item .reply-content .reply-header .reply-time{font-size:12px;color:var(--color-shade-2)}.course-chapter-page .discussion-panel .discussion-list .discussion-item .comment-content .replies .reply-item .reply-content .reply-text{font-size:14px;color:var(--color-body);line-height:1.6}.course-chapter-page .discussion-panel .discussion-list .discussion-item .comment-content .reply-btn{font-size:14px;font-weight:600;color:var(--color-brand-primary);background:none;border:none;cursor:pointer;padding:4px 0;transition:opacity .2s ease}.course-chapter-page .discussion-panel .discussion-list .discussion-item .comment-content .reply-btn:hover{opacity:.8}.course-chapter-page .transcript-panel .transcript-content{padding:24px;background-color:var(--color-neutral-2);border-radius:12px;transition:background-color .3s ease}.course-chapter-page .transcript-panel .transcript-content p{font-size:15px;line-height:1.8;color:var(--color-body);white-space:pre-line;margin:0}.playground-page{padding:32px;min-height:100vh;background-color:var(--color-body-bg);transition:background-color .3s ease;display:flex;flex-direction:column}@media(max-width:768px){.playground-page{padding:24px 16px}}.playground-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}@media(max-width:768px){.playground-page .page-header{flex-direction:column;gap:16px}}.playground-page .page-header h1{font-size:32px;font-weight:700;color:var(--color-body);margin-bottom:8px}@media(max-width:768px){.playground-page .page-header h1{font-size:24px}}.playground-page .page-header p{font-size:15px;color:var(--color-shade-2)}.playground-page .playground-content{flex:1;display:flex;align-items:center;justify-content:center}.playground-page .playground-content .coming-soon-card{background-color:var(--color-card-bg);border-radius:16px;padding:40px 32px;transition:background-color .3s ease,border-color .3s ease;border:1px solid var(--color-border);max-width:640px;width:100%;text-align:center}@media(max-width:768px){.playground-page .playground-content .coming-soon-card{padding:24px}}.playground-page .playground-content .coming-soon-card .coming-soon-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.2px;background:#1368321f;color:var(--color-brand);margin-bottom:14px}.playground-page .playground-content .coming-soon-card h2{font-size:24px;font-weight:600;color:var(--color-body);margin-bottom:10px}.playground-page .playground-content .coming-soon-card p{font-size:15px;color:var(--color-shade-2);line-height:1.6;margin-bottom:12px}.playground-page .playground-content .coming-soon-card p:last-child{margin-bottom:0}.notifications-page{padding:32px;min-height:100vh;background-color:var(--color-body-bg);transition:background-color .3s ease}@media(max-width:768px){.notifications-page{padding:24px 16px}}.notifications-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:16px}@media(max-width:768px){.notifications-page .page-header{flex-direction:column}}.notifications-page .page-header h1{font-size:32px;font-weight:700;color:var(--color-body);margin-bottom:8px}@media(max-width:768px){.notifications-page .page-header h1{font-size:24px}}.notifications-page .page-header p{font-size:15px;color:var(--color-shade-2)}.notifications-page .page-header .header-actions{display:flex;gap:12px;align-items:center}@media(max-width:768px){.notifications-page .page-header .header-actions{width:100%;justify-content:flex-start}}.notifications-page .notifications-content{background-color:var(--color-card-bg);border-radius:16px;overflow:hidden;transition:background-color .3s ease}.notifications-page .notifications-empty{text-align:center;padding:80px 32px;color:var(--color-shade-2)}.notifications-page .notifications-empty svg{width:64px;height:64px;margin:0 auto 24px;color:var(--color-shade-1)}.notifications-page .notifications-empty h3{font-size:20px;font-weight:600;color:var(--color-body);margin-bottom:8px}.notifications-page .notifications-empty p{font-size:15px;color:var(--color-shade-2)}.notifications-page .notifications-list .notification-item{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;border-bottom:1px solid var(--color-border);transition:background-color .2s ease;position:relative}.notifications-page .notifications-list .notification-item:last-child{border-bottom:none}.notifications-page .notifications-list .notification-item:hover,.notifications-page .notifications-list .notification-item.unread{background-color:var(--color-neutral-2)}.notifications-page .notifications-list .notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--color-brand-primary)}.notifications-page .notifications-list .notification-item .notification-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-brand-primary);color:var(--color-neutral-0);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.notifications-page .notifications-list .notification-item .notification-content{flex:1;min-width:0}.notifications-page .notifications-list .notification-item .notification-info{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.notifications-page .notifications-list .notification-item .notification-info .notification-name{font-weight:600;color:var(--color-body);font-size:15px}.notifications-page .notifications-list .notification-item .notification-info .notification-username{color:var(--color-shade-2);font-size:14px}.notifications-page .notifications-list .notification-item .notification-info .notification-time{color:var(--color-shade-1);font-size:13px;margin-left:auto}.notifications-page .notifications-list .notification-item .notification-action{font-size:14px;color:var(--color-shade-2);line-height:1.5}.notifications-page .notifications-list .notification-item .notification-action strong{color:var(--color-body);font-weight:600}.notifications-page .notifications-list .notification-item .notification-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.notifications-page .notifications-list .notification-item .notification-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:12px;cursor:pointer;color:var(--color-shade-2);transition:all .2s ease}.notifications-page .notifications-list .notification-item .notification-action-btn svg{width:16px;height:16px}.notifications-page .notifications-list .notification-item .notification-action-btn:hover{background-color:var(--color-neutral-3);color:var(--color-body)}.profile-page .page-header{margin-bottom:32px}.profile-page .page-header h1{font-size:28px;font-weight:700;margin-bottom:8px}@media(max-width:768px){.profile-page .page-header h1{font-size:24px}}.profile-page .page-header p{color:var(--color-shade-2);font-size:15px}.profile-page .profile-content{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media(max-width:992px){.profile-page .profile-content{grid-template-columns:1fr}}.profile-page .profile-card{background-color:var(--color-card-bg);border-radius:16px;padding:32px}@media(max-width:768px){.profile-page .profile-card{padding:24px}}.profile-page .profile-avatar-section{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--color-border)}@media(max-width:576px){.profile-page .profile-avatar-section{flex-direction:column;text-align:center}}.profile-page .profile-avatar-section .avatar-wrapper{position:relative}.profile-page .profile-avatar-section .avatar-wrapper img,.profile-page .profile-avatar-section .avatar-wrapper .avatar-placeholder{width:100px;height:100px;border-radius:50%;object-fit:cover}.profile-page .profile-avatar-section .avatar-wrapper .avatar-placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--color-brand-primary);color:var(--color-card-bg);font-size:36px;font-weight:700}.profile-page .profile-avatar-section .avatar-wrapper .avatar-edit-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background-color:var(--color-card-bg);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.profile-page .profile-avatar-section .avatar-wrapper .avatar-edit-btn svg{width:16px;height:16px;color:var(--color-body)}.profile-page .profile-avatar-section .avatar-wrapper .avatar-edit-btn:hover{background-color:var(--color-brand-primary);border-color:var(--color-brand-primary)}.profile-page .profile-avatar-section .avatar-wrapper .avatar-edit-btn:hover svg{color:var(--color-card-bg)}.profile-page .profile-avatar-section .avatar-info h3{font-size:20px;font-weight:600;margin-bottom:4px}.profile-page .profile-avatar-section .avatar-info p{font-size:14px;color:var(--color-shade-2)}.profile-page .message{padding:12px 16px;border-radius:12px;font-size:14px;margin-bottom:24px}.profile-page .message.success{background-color:#b5e4ca;color:#136832}.profile-page .message.error{background-color:#ffbc99;color:#ff6a55}.profile-page .profile-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:576px){.profile-page .profile-form .form-row{grid-template-columns:1fr}}.profile-page .profile-form .form-group{margin-bottom:20px}.profile-page .profile-form .form-group textarea.form-control{resize:vertical;min-height:100px}.profile-page .profile-form .form-group .form-hint{display:block;font-size:12px;color:var(--color-shade-1);margin-top:6px}.profile-page .profile-form .form-actions{margin-top:8px}.profile-page .stats-card,.profile-page .achievements-card{background-color:var(--color-card-bg);border-radius:16px;padding:24px}.profile-page .stats-card h3,.profile-page .achievements-card h3{font-size:18px;font-weight:600;margin-bottom:20px}.profile-page .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.profile-page .stats-grid .stat-item{padding:16px;background-color:var(--color-neutral-2);border-radius:12px;text-align:center}.profile-page .stats-grid .stat-item .stat-value{display:block;font-size:28px;font-weight:700;color:var(--color-body);margin-bottom:4px}.profile-page .stats-grid .stat-item .stat-label{font-size:12px;color:var(--color-shade-2)}.profile-page .achievements-card{grid-column:1/-1}@media(min-width:992px){.profile-page .achievements-card{grid-column:2;grid-row:1/3}}.profile-page .achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:576px){.profile-page .achievements-grid{grid-template-columns:1fr}}.profile-page .achievements-grid .achievement-item{padding:16px;background-color:var(--color-neutral-2);border-radius:12px;text-align:center;opacity:.5;transition:all .2s ease}.profile-page .achievements-grid .achievement-item.earned{opacity:1}.profile-page .achievements-grid .achievement-item .achievement-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background-color:var(--color-border);display:flex;align-items:center;justify-content:center}.profile-page .achievements-grid .achievement-item .achievement-icon svg{width:24px;height:24px;color:var(--color-shade-2)}.profile-page .achievements-grid .achievement-item.earned .achievement-icon{background-color:#ffd88d}.profile-page .achievements-grid .achievement-item.earned .achievement-icon svg{color:#ffb421}.profile-page .achievements-grid .achievement-item .achievement-name{display:block;font-size:14px;font-weight:600;color:var(--color-body);margin-bottom:4px}.profile-page .achievements-grid .achievement-item .achievement-desc{font-size:12px;color:var(--color-shade-2)}.settings-page .page-header{margin-bottom:32px}.settings-page .page-header h1{font-size:28px;font-weight:700;margin-bottom:8px}@media(max-width:768px){.settings-page .page-header h1{font-size:24px}}.settings-page .page-header p{color:var(--color-shade-2);font-size:15px}.settings-page .settings-content{max-width:800px}.settings-page .settings-section{background-color:var(--color-card-bg);border-radius:16px;margin-bottom:24px;overflow:hidden;transition:background-color .3s ease}.settings-page .settings-section.danger{border:1px solid #FFBC99}.settings-page .settings-section.danger .section-header{background-color:#ffbc99}.settings-page .settings-section.danger .section-header h2{color:#ff6a55}.settings-page .settings-section .section-header{padding:16px 24px;background-color:var(--color-card-bg);border-bottom:1px solid var(--color-neutral-4);transition:background-color .3s ease,border-color .3s ease}.settings-page .settings-section .section-header h2{font-size:16px;font-weight:600;margin:0}.settings-page .settings-section .section-content{padding:24px}.settings-page .settings-section .message{padding:12px 16px;border-radius:12px;font-size:14px;margin-bottom:20px}.settings-page .settings-section .message.success{background-color:#b5e4ca;color:#136832}.settings-page .settings-section .message.error{background-color:#ffbc99;color:#ff6a55}.settings-page .settings-section .setting-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--color-border)}.settings-page .settings-section .setting-item:last-child{border-bottom:none;padding-bottom:0}.settings-page .settings-section .setting-item:first-child{padding-top:0}.settings-page .settings-section .setting-item.toggle{align-items:flex-start}.settings-page .settings-section .setting-item .setting-info{flex:1;margin-right:24px}.settings-page .settings-section .setting-item .setting-info h3{font-size:15px;font-weight:600;margin-bottom:4px;color:var(--color-body)}.settings-page .settings-section .setting-item .setting-info p{font-size:13px;color:var(--color-shade-2);margin:0}.settings-page .settings-section .setting-item .connected-accounts{display:flex;flex-direction:column;gap:12px;margin-top:12px}.settings-page .settings-section .setting-item .connected-accounts .account-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--color-neutral-2);border-radius:12px;transition:background-color .3s ease}.settings-page .settings-section .setting-item .connected-accounts .account-item svg{width:24px;height:24px}.settings-page .settings-section .setting-item .connected-accounts .account-item .apple-icon{color:var(--color-body)}.settings-page .settings-section .setting-item .connected-accounts .account-item span:not(.status){font-size:14px;font-weight:500}.settings-page .settings-section .setting-item .connected-accounts .account-item .status{margin-left:auto;font-size:12px;padding:4px 8px;border-radius:4px;background-color:var(--color-neutral-3);color:var(--color-shade-2)}.settings-page .settings-section .setting-item .connected-accounts .account-item .status.connected{background-color:#22c55e33;color:var(--color-brand-primary)}.settings-page .settings-section .section-actions{margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border)}.settings-page .toggle-switch{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.settings-page .toggle-switch input{opacity:0;width:0;height:0}.settings-page .toggle-switch input:checked+.toggle-slider{background-color:var(--color-brand-secondary)}.settings-page .toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.settings-page .toggle-switch .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-neutral-4);border-radius:28px;transition:all .3s ease}.settings-page .toggle-switch .toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:var(--color-neutral-0);border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.settings-page .btn-danger{background-color:#ff6a55;color:var(--color-neutral-0)}.settings-page .btn-danger:hover{background-color:#ff3d22}:root[data-theme=light]{--color-neutral-0: #FFFFFF;--color-neutral-1: #FCFCFC;--color-neutral-2: #F4F4F4;--color-neutral-3: #EFEFEF;--color-neutral-4: #6F767E;--color-neutral-5: #33383F;--color-neutral-6: #272B30;--color-neutral-7: #1A1D1F;--color-neutral-8: #111315;--color-shade-1: #9A9FA5;--color-shade-2: #6F767E;--color-shade-3: rgba(111, 118, 126, .4);--color-shade-4: rgba(17, 19, 21, .5);--color-brand-primary: #136832;--color-brand-secondary: #1a8a42;--color-brand-primary-light: #1a8a42;--color-brand-secondary-light: #2db85a;--color-brand-primary-dark: #0f5025;--color-brand-secondary-dark: #136832;--color-body: #1A1D1F;--color-body-bg: #F4F4F4;--color-link: #136832;--color-card-bg: #FCFCFC;--color-border: #EFEFEF;--color-input-bg: #F4F4F4;--color-input-focus-bg: #FCFCFC;--color-input-focus-border: #136832;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15)}:root[data-theme=dark]{--color-neutral-0: #ffffff;--color-neutral-1: #08051f;--color-neutral-2: #050318;--color-neutral-3: #030215;--color-neutral-4: #6F767E;--color-neutral-5: #0b0826;--color-neutral-6: #050318;--color-neutral-7: #08051f;--color-neutral-8: #020113;--color-shade-1: #9A9FA5;--color-shade-2: #6F767E;--color-shade-3: rgba(111, 118, 126, .4);--color-shade-4: rgba(255, 255, 255, .1);--color-brand-primary: #1a8a42;--color-brand-secondary: #2db85a;--color-brand-primary-light: #136832;--color-brand-secondary-light: #1a8a42;--color-brand-primary-dark: #0f5025;--color-brand-secondary-dark: #136832;--color-body: #ffffff;--color-body-bg: #020113;--color-link: #1a8a42;--color-card-bg: #08051f;--color-border: #050318;--color-input-bg: #030215;--color-input-focus-bg: #08051f;--color-input-focus-border: #1a8a42;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;font-size:15px;line-height:1.6;color:var(--color-body);background-color:var(--color-body-bg);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-link);text-decoration:none;transition:all .2s ease-in-out}a:hover{opacity:.8}img{max-width:100%;height:auto}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,.h1{font-size:64px;font-weight:700;line-height:1.2}@media(max-width:768px){h1,.h1{font-size:40px}}h2,.h2{font-size:48px;font-weight:700;line-height:1.2}@media(max-width:768px){h2,.h2{font-size:32px}}h3,.h3{font-size:40px;font-weight:600;line-height:1.3}@media(max-width:768px){h3,.h3{font-size:28px}}h4,.h4{font-size:32px;font-weight:600;line-height:1.3}@media(max-width:768px){h4,.h4{font-size:24px}}h5,.h5{font-size:20px;font-weight:600;line-height:1.4}h6,.h6{font-size:18px;font-weight:600;line-height:1.4}.text-caption{font-size:12px;color:var(--color-shade-1)}.text-small{font-size:13px}.text-muted{color:var(--color-shade-2)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 16px}}.container-fluid{width:100%;padding:0 24px}@media(max-width:768px){.container-fluid{padding:0 16px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:15px;font-weight:600;border-radius:12px;transition:all .2s ease-in-out;cursor:pointer;border:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-brand-primary);color:var(--color-neutral-0)}.btn-primary:hover:not(:disabled){background-color:var(--color-brand-primary-dark)}.btn-secondary{background-color:var(--color-neutral-3);color:var(--color-body)}.btn-secondary:hover:not(:disabled){background-color:var(--color-neutral-4)}.btn-outline{background-color:transparent;border:2px solid var(--color-border);color:var(--color-body)}.btn-outline:hover:not(:disabled){background-color:var(--color-neutral-3)}.btn-stroke{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:15px;font-weight:600;border-radius:12px;background-color:transparent;border:2px solid var(--color-border);color:var(--color-body);transition:all .2s ease-in-out}.btn-stroke:hover{background-color:var(--color-neutral-3)}.btn-stroke .icon{margin-right:8px}.btn-small{padding:8px 16px;font-size:13px}.btn-large{padding:16px 32px;font-size:17px}.card{background-color:var(--color-card-bg);border-radius:8px;padding:24px;box-shadow:var(--shadow-sm);transition:background-color .3s ease,box-shadow .3s ease}@media(max-width:768px){.card{padding:16px}}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--color-body)}.form-control{width:100%;padding:12px 16px;font-size:15px;font-weight:500;color:var(--color-body);background-color:var(--color-input-bg);border:2px solid transparent;border-radius:12px;transition:all .2s ease-in-out}.form-control:focus{outline:none;background-color:var(--color-input-focus-bg);border-color:var(--color-input-focus-border)}.form-control::placeholder{color:var(--color-shade-1)}.input-group{display:flex;align-items:center;background-color:var(--color-input-bg);border-radius:12px;overflow:hidden}.input-group .input-group-text{display:flex;align-items:center;justify-content:center;padding:0 12px;color:var(--color-shade-2)}.input-group .form-control{border-radius:0;background-color:transparent}.badge{display:inline-flex;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;border-radius:6px}.badge.badge-blue{background-color:#b1e5fc;color:#2a85ff}.badge.badge-green{background-color:var(--color-brand-primary-light);background-color:#22c55e33;color:var(--color-brand-primary)}.badge.badge-orange{background-color:#22c55e33;color:var(--color-brand-primary-light)}.badge.badge-red{background-color:#ffbc99;color:#ff6a55}.badge.badge-purple{background-color:#cabdff;color:#8e59ff}.badge.badge-yellow{background-color:#ffd88d;color:#ed9d00}.d-flex{display:flex}.d-block{display:block}.d-none{display:none}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:24px}.text-center{text-align:center}.text-right{text-align:right}.w-100{width:100%}.h-100{height:100%}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:24px}.mb-6{margin-bottom:32px}.mb-7{margin-bottom:40px}.mb-8{margin-bottom:48px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:24px}.mt-6{margin-top:32px}.me-1{margin-right:4px}.me-2{margin-right:8px}.me-3{margin-right:12px}.me-4{margin-right:16px}.ms-1{margin-left:4px}.ms-2{margin-left:8px}.ms-3{margin-left:12px}.ms-4{margin-left:16px}.ms-auto{margin-left:auto}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:24px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.py-5{padding-top:24px;padding-bottom:24px}.px-1{padding-left:4px;padding-right:4px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-5{padding-left:24px;padding-right:24px}@media(min-width:768px){.d-md-flex{display:flex}.d-md-block{display:block}.d-md-none{display:none}}@media(min-width:992px){.d-lg-flex{display:flex}.d-lg-block{display:block}.d-lg-none{display:none}}.row{display:flex;flex-wrap:wrap;margin:0 -12px}.col{flex:1;padding:0 12px}.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%;padding:0 12px}.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%;padding:0 12px}.col-3{flex:0 0 25%;max-width:25%;padding:0 12px}.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%;padding:0 12px}.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%;padding:0 12px}.col-6{flex:0 0 50%;max-width:50%;padding:0 12px}.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%;padding:0 12px}.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%;padding:0 12px}.col-9{flex:0 0 75%;max-width:75%;padding:0 12px}.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%;padding:0 12px}.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%;padding:0 12px}.col-12{flex:0 0 100%;max-width:100%;padding:0 12px}@media(min-width:768px){.col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{flex:0 0 100%;max-width:100%}}@media(min-width:992px){.col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{flex:0 0 100%;max-width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-neutral-2)}::-webkit-scrollbar-thumb{background:var(--color-shade-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-shade-2)}