/*! * ============================================================================ * Main CSS Build * ============================================================================ * Generated: 2025-11-03 08:43:00 * Modules: 44 files * Total Size: 214.9 KB (before minification) * Description: Auto-generated minified CSS * DO NOT EDIT THIS FILE DIRECTLY - Edit individual modules instead * ============================================================================ */ /* ==================== CSS VARIABLES ==================== * File: 01-variables.css * Auto-generated from style.css * Date: 2025-11-03 08:42:59 * ========================================================================== */ :root{--brand-primary:#ffc107;--brand-primary-dark:#ff9800;--brand-secondary:#ff6b35;--brand-secondary-dark:#ff4500;--text-dark:#212529;--text-body:#495057;--text-muted:#6c757d;--text-light:#999;--bg-white:#ffffff;--bg-light:#f8f9fa;--bg-gray:#e9ecef;--bg-yellow-light:#fff3cd;--color-success:#28a745;--color-danger:#dc3545;--color-warning:#ffc107;--color-info:#0dcaf0;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:50%;--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 15px rgba(0,0,0,0.1);--shadow-lg:0 10px 40px rgba(0,0,0,0.15);--shadow-brand:0 4px 15px rgba(255,193,7,0.4);--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.4s cubic-bezier(0.4,0,0.2,1);--z-base:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-chatbot:9998;--z-chatbot-widget:9999;--z-chatbot-active:10000;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1400px}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text-dark);font-size:0.9rem;line-height:1.6;overflow-x:hidden;background:var(--bg-white)}*{scrollbar-width:thin;scrollbar-color:#bfbfbf #f0f0f0}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}*::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:#a6a6a6}.skip-link{position:absolute;top:-40px;left:0;background:var(--brand-primary);color:var(--text-dark);padding:8px 16px;text-decoration:none;z-index:var(--z-tooltip);font-weight:600;border-radius:0 0 4px 0}.skip-link:focus{top:0}.text-decoration-none{text-decoration:none !important}.fw-semibold{font-weight:600 !important}.text-uppercase{text-transform:uppercase !important}.mb-0{margin-bottom:0 !important}.mb-2{margin-bottom:var(--spacing-sm) !important}.mb-3{margin-bottom:var(--spacing-md) !important}.mb-4{margin-bottom:var(--spacing-lg) !important}.mt-0{margin-top:0 !important}.mt-3{margin-top:var(--spacing-md) !important}.mt-4{margin-top:var(--spacing-lg) !important}.me-2{margin-right:var(--spacing-sm) !important}.list-unstyled{padding-left:0;list-style:none}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes pulse{0%,100%{box-shadow:0 3px 10px rgba(0,0,0,0.2);transform:scale(1)}50%{box-shadow:0 3px 15px rgba(255,193,7,0.4),0 0 0 6px rgba(255,193,7,0.1);transform:scale(1.03)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes badge-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.animate-on-scroll{animation:fadeInUp 0.6s ease}.loading{pointer-events:none;opacity:0.6;position:relative}.loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--brand-primary);border-top-color:transparent;border-radius:var(--radius-full);animation:spin 0.6s linear infinite}.navbar{padding:0.75rem 1rem;overflow:visible;z-index:var(--z-sticky)}.mau-thanh-nav{background-color:#ffd700;width:100%}.navbar>.container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-left:0;padding-right:0}.navbar-brand{font-size:1.5rem;font-weight:600;flex-shrink:0;margin-right:1rem}.navbar-brand img{border:none !important;background:transparent !important;height:45px}.navbar-nav{display:flex;flex:1;justify-content:center;gap:0.5rem;margin:0 auto;flex-wrap:wrap}.nav-item{margin:0}.nav-link{font-weight:500;font-size:0.9rem;padding:0.45rem 0.9rem !important;color:var(--text-dark) !important;white-space:nowrap;transition:var(--transition-fast)}.nav-link:hover{color:#000 !important;background-color:rgba(255,255,255,0.3);border-radius:var(--radius-sm)}.nav-link.active{color:#000 !important;font-weight:700;border-radius:var(--radius-sm)}.navbar .btn-dark{flex-shrink:0;margin-left:auto;white-space:nowrap;font-size:0.85rem;padding:0.5rem 1.4rem;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%) !important;border:none !important;box-shadow:0 3px 10px rgba(255,107,53,0.3);transition:all 0.3s ease;position:relative;color:#fff !important;font-weight:600}.navbar .btn-dark:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,107,53,0.5);background:linear-gradient(135deg,#f7931e 0%,#ff6b35 100%) !important}.navbar .btn-dark:active{transform:translateY(0);box-shadow:0 2px 8px rgba(255,107,53,0.3)}.dropdown-menu{border:none;box-shadow:var(--shadow-md);border-radius:var(--radius-sm);margin-top:0.5rem}.dropdown-item{padding:0.5rem 1.5rem;transition:var(--transition-fast)}.dropdown-item:hover{background-color:var(--bg-yellow-light);color:#000}.nav-item.hold-hien-dropdown{position:relative}.nav-item.hold-hien-dropdown .dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:200px;opacity:0;transform:translateY(-10px);transition:opacity 0.2s ease,transform 0.2s ease}.nav-item.hold-hien-dropdown.show .dropdown-menu{display:block;opacity:1;transform:translateY(0)}@media (max-width:991px){.navbar>.container{flex-direction:column;align-items:flex-start}.navbar-nav{width:100%;justify-content:flex-start;margin-top:1rem}.navbar-nav .nav-item{width:100%}.navbar .btn-dark{margin:1rem auto;display:block;width:fit-content}.nav-item.hold-hien-dropdown .dropdown-menu{position:static;box-shadow:none;margin-top:0.25rem}}.top-bar{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);position:relative;overflow:hidden}.top-bar::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,193,7,0.1),transparent );animation:shimmer 3s infinite}@keyframes shimmer{100%{left:100%}}.top-bar a{transition:all 0.3s ease;position:relative;display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.5rem;border-radius:0.25rem}.top-bar a:hover{color:var(--brand-primary) !important;background:rgba(255,193,7,0.1);transform:translateY(-1px)}.top-bar a i{transition:transform 0.3s ease}.top-bar a:hover i{transform:scale(1.15)}.top-bar .contact-item{display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.75rem;border-radius:0.25rem;background:rgba(255,255,255,0.05);transition:all 0.3s ease}.top-bar .contact-item:hover{background:rgba(255,255,255,0.08);transform:translateY(-1px)}.top-bar .contact-item i{font-size:1rem;filter:drop-shadow(0 0 3px rgba(255,193,7,0.5))}.top-bar .divider{color:rgba(255,255,255,0.2);margin:0 0.75rem}.top-bar strong{color:#ffc107;font-weight:600;text-shadow:0 0 10px rgba(255,193,7,0.3)}.social-links{display:flex;gap:0.5rem;align-items:center}.social-links a{position:relative;padding:0.4rem 0.8rem;border-radius:0.375rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,193,7,0.2);font-size:0.85rem;font-weight:500}.social-links a::before{content:"";position:absolute;inset:0;border-radius:0.375rem;background:linear-gradient(45deg,transparent,rgba(255,193,7,0.1));opacity:0;transition:opacity 0.3s ease}.social-links a:hover::before{opacity:1}.social-links a:hover{border-color:rgba(255,193,7,0.5);box-shadow:0 0 10px rgba(255,193,7,0.2)}@media (max-width:768px){.top-bar{text-align:center}.social-links{justify-content:center;margin-top:0.5rem}}.carousel-item{min-height:602px;position:relative;display:flex;align-items:center;justify-content:center}.carousel-item img{height:602px;position:absolute;top:0;left:0;width:100%;height:100%}.banner-img[loading="lazy"]{opacity:0;transition:opacity 0.6s ease-in-out}.banner-img.loaded{opacity:1}.carousel-caption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;right:auto;width:90%;max-width:800px;text-align:center;z-index:10;padding:2rem;opacity:0;visibility:hidden}.carousel-item.active .carousel-caption{visibility:visible}.carousel-caption h1,.carousel-caption h2{color:#ffd700;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,0.8),0 0 20px rgba(255,215,0,0.5);letter-spacing:-0.5px}.carousel-caption p{font-size:1.5rem;font-weight:400;color:var(--bg-white);line-height:1.6;margin-bottom:2rem;text-shadow:0 2px 8px rgba(0,0,0,0.7),0 1px 3px rgba(0,0,0,0.5);max-width:600px;margin-left:auto;margin-right:auto}.carousel-caption .btn{font-size:1.1rem;font-weight:600;padding:0.875rem 2.5rem;border-radius:50px;box-shadow:0 4px 15px rgba(255,193,7,0.4);transition:all 0.3s ease}.carousel-caption .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,193,7,0.6)}.carousel-caption.banner-fade-in{animation:bannerFadeIn 1s ease-out forwards}@keyframes bannerFadeIn{from{opacity:0;transform:translate(-50%,-50%) scale(0.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.carousel-caption.banner-slide-up{animation:bannerSlideUp 1s ease-out forwards}@keyframes bannerSlideUp{from{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.carousel-caption.banner-slide-left{animation:bannerSlideLeft 1s ease-out forwards}@keyframes bannerSlideLeft{from{opacity:0;transform:translate(-60%,-50%)}to{opacity:1;transform:translate(-50%,-50%)}}.carousel-caption.banner-zoom-in{animation:bannerZoomIn 1s ease-out forwards}@keyframes bannerZoomIn{from{opacity:0;transform:translate(-50%,-50%) scale(0.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.carousel-item::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#e0e0e0 0%,#f0f0f0 50%,#e0e0e0 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;z-index:1;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.carousel-item.loading::before{opacity:1}.carousel-fade .carousel-item{opacity:0;transition:opacity 0.6s ease-in-out}.carousel-fade .carousel-item.active{opacity:1}.carousel-indicators{bottom:2rem;z-index:15}.carousel-indicators button,.carousel-indicators [data-bs-target]{width:12px !important;height:12px !important;border-radius:50% !important;margin:0 6px;background-color:rgba(255,255,255,0.5);border:2px solid rgba(255,255,255,0.8);transition:all 0.3s ease}.carousel-indicators button.active{background-color:#ffd700;border-color:#ffd700;transform:scale(1.2)}.carousel-control-prev,.carousel-control-next{width:5%;opacity:0.8;transition:opacity 0.3s ease}.carousel-control-prev:hover,.carousel-control-next:hover{opacity:1}.carousel-control-prev-icon,.carousel-control-next-icon{width:3rem;height:3rem;background-size:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.5))}@media (max-width:991px){.carousel-caption h1,.carousel-caption h2{font-size:2.25rem}.carousel-caption p{font-size:1.25rem}.carousel-caption .btn{font-size:1rem;padding:0.75rem 2rem}}@media (max-width:768px){.carousel-item,.carousel-item img{height:440px;min-height:400px}.carousel-caption{width:95%;padding:1rem}.carousel-caption h1,.carousel-caption h2{font-size:1.75rem;margin-bottom:1rem}.carousel-caption p{font-size:1rem;margin-bottom:1.5rem}.carousel-caption .btn{font-size:0.9rem;padding:0.625rem 1.5rem}.carousel-indicators{bottom:1rem}.carousel-control-prev-icon,.carousel-control-next-icon{width:2rem;height:2rem}}@media (max-width:576px){.carousel-item,.carousel-item img{height:520px;min-height:350px}.carousel-caption h1,.carousel-caption h2{font-size:1.5rem}.carousel-caption p{font-size:0.9rem}.carousel-caption .btn{font-size:0.85rem;padding:0.5rem 1.25rem}}@media (prefers-reduced-motion:reduce){.carousel-caption.banner-fade-in,.carousel-caption.banner-slide-up,.carousel-caption.banner-slide-left,.carousel-caption.banner-zoom-in{animation:none;opacity:1;transform:translate(-50%,-50%)}.carousel-fade .carousel-item{transition:none}}.carousel-item:first-child .banner-img{content-visibility:auto}.carousel-caption,.carousel-item{will-change:transform,opacity}.carousel-item.active .carousel-caption{will-change:auto}.btn{transition:var(--transition-base);font-weight:500}.btn-warning{color:var(--text-dark);border:none}.btn-warning:hover{background-color:#ffb300;transform:translateY(-2px);box-shadow:var(--shadow-brand)}.btn-outline-warning:hover{color:var(--text-dark);transform:translateY(-2px)}.btn-dark:hover{background-color:#1a1d20;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.py-5{padding-top:2.75rem;padding-bottom:2.75rem}section h2{font-size:1.85rem !important}.title-underline{width:60px;height:3px;background:linear-gradient( 90deg,var(--brand-primary),var(--brand-primary-dark) );transition:var(--transition-base)}.blog-card:hover .card-title a{color:var(--brand-primary)}.blog-card:hover .card-title a::after{width:100%}.blog-card .card-text{font-size:0.7rem;line-height:1.5;height:2.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0.75rem;flex:1;color:var(--text-muted)}.blog-card .btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;font-weight:600;font-size:0.7rem;border-radius:20px;background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% );border:none;color:var(--text-dark);transition:var(--transition-slow);box-shadow:var(--shadow-brand);position:relative;overflow:hidden;width:fit-content}.blog-card .btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:var(--radius-full);background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.5s ease,height 0.5s ease}.blog-card .btn:hover::before{width:300px;height:300px}.blog-card .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,53,0.4);background:linear-gradient( 135deg,var(--brand-primary-dark) 0%,var(--brand-secondary) 100% );color:var(--bg-white)}.blog-card .btn i{transition:var(--transition-base);position:relative;z-index:1}.blog-card .btn:hover i{transform:translateX(5px)}.blog-card .btn span{position:relative;z-index:1}@media (min-width:576px){.blog-card{border-radius:var(--radius-md)}.blog-card .position-relative{height:180px}.blog-card .card-body{padding:1rem 0.875rem}.blog-card .d-flex.align-items-center{font-size:0.7rem}.blog-card .card-title{font-size:0.95rem;height:2.3em}.blog-card .card-text{font-size:0.8rem;height:2.4em;margin-bottom:0.875rem}.blog-card .btn{padding:0.55rem 1.1rem;font-size:0.75rem}.blog-card .badge{font-size:0.75rem;padding:0.35rem 0.6rem}}@media (min-width:768px){.blog-card{border-radius:14px}.blog-card .position-relative{height:200px}.blog-card .card-body{padding:1.25rem 1rem}.blog-card .d-flex.align-items-center{font-size:0.75rem;margin-bottom:0.75rem}.blog-card .card-title{font-size:1rem;height:2.4em;margin-bottom:0.75rem}.blog-card .card-text{font-size:0.85rem;height:2.6em;margin-bottom:1rem}.blog-card .btn{padding:0.6rem 1.2rem;font-size:0.8rem}.blog-card:hover{transform:translateY(-10px)}}@media (min-width:992px){.blog-card{border-radius:var(--radius-lg);margin-bottom:1.5rem}.blog-card .position-relative{height:240px}.blog-card .card-body{padding:1.5rem 1.25rem}.blog-card .d-flex.align-items-center{font-size:0.8rem;margin-bottom:1rem}.blog-card .card-title{font-size:1.15rem;height:2.8em;margin-bottom:1rem}.blog-card .card-text{font-size:0.9rem;height:3.6em;-webkit-line-clamp:3;margin-bottom:1.25rem}.blog-card .btn{padding:0.65rem 1.35rem;font-size:0.85rem;border-radius:25px}}@media (min-width:1200px){.blog-card .position-relative{height:260px}.blog-card .card-title{font-size:1.2rem}}.blog-carousel-wrapper{position:relative;max-width:1200px;margin:0 auto}.blog-carousel-container{overflow:hidden;position:relative}.blog-carousel-track{display:flex;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}.blog-carousel-slide{flex:0 0 auto;padding:0 10px;box-sizing:border-box}@media (max-width:767px){.blog-carousel-slide{width:100%}}@media (min-width:768px) and (max-width:991px){.blog-carousel-slide{width:50%}}.blog-carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;background:rgba(128,128,128,0.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:50%;color:rgba(255,255,255,0.9);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 4px 15px rgba(0,0,0,0.15);transition:all 0.3s ease;opacity:0.6}.blog-carousel-nav-btn:hover{background:rgba(255,193,7,0.8);transform:translateY(-50%) scale(1.1);box-shadow:0 5px 20px rgba(255,193,7,0.4);opacity:1;color:#000}.blog-carousel-prev{left:10px}.blog-carousel-next{right:10px}@media (max-width:767px){.blog-carousel-prev{left:5px}.blog-carousel-next{right:5px}.blog-carousel-nav-btn{width:40px;height:40px;font-size:1.1rem;opacity:0.5}}@media (min-width:992px){.blog-carousel-wrapper{display:none}#featured-blogs-section .row.g-4{display:flex !important}}@media (max-width:991px){.blog-carousel-wrapper{display:block !important}#featured-blogs-section .row.g-4{display:none !important}}@media (max-width:991px){.blog-carousel-wrapper{display:block}#featured-blogs-section .row.g-4:not(.blog-carousel-track){display:none}}.pagination{gap:0.25rem}.pagination .page-link{color:var(--text-dark);border-color:var(--bg-gray);transition:var(--transition-base);border-radius:var(--radius-sm) !important;margin:0 0.125rem}.pagination .page-item.active .page-link{background-color:var(--brand-primary);border-color:var(--brand-primary);color:#000;font-weight:600}.pagination .page-link:hover{background-color:var(--bg-yellow-light);border-color:var(--brand-primary);color:#000;transform:translateY(-2px)}.pagination .page-link:focus{box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25)}.page-header{background:linear-gradient(to bottom,var(--bg-white),#fffbf0);padding:2rem 0}.page-header h1{color:var(--text-dark);font-weight:700;margin-bottom:0.75rem;font-size:1.75rem}.breadcrumb{background:transparent;padding:0;margin:0;font-size:0.8rem}.breadcrumb-item{color:var(--text-muted)}.breadcrumb-item+.breadcrumb-item::before{content:"›";font-size:1.2em;color:var(--text-muted);padding:0 0.5rem}.breadcrumb-item a{color:var(--text-muted);text-decoration:none;transition:var(--transition-fast)}.breadcrumb-item a:hover{color:var(--brand-primary);text-decoration:underline}.breadcrumb-item.active{color:var(--text-body);font-weight:500}@media (min-width:768px){.page-header{padding:3rem 0}.page-header h1{font-size:2.5rem}.breadcrumb{font-size:0.875rem}}.floating-buttons{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-fixed,1000);background:linear-gradient( to top,rgba(255,193,7,0.95),rgba(255,152,0,0.98) );backdrop-filter:blur(10px);box-shadow:0 -2px 10px rgba(0,0,0,0.15);display:flex;justify-content:space-around;align-items:center;padding:0.5rem 0;transition:var(--transition-base,all 0.3s ease)}.floating-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.25rem;padding:0.5rem 0.75rem;color:#fff;text-decoration:none;transition:all 0.3s ease;border:none;background:transparent;cursor:pointer;font-size:0.75rem;font-weight:500}.floating-btn i,.floating-btn img{font-size:1.5rem;width:24px;height:24px;transition:transform 0.3s ease}.floating-btn span{font-size:0.7rem;white-space:nowrap;opacity:0.95}.floating-btn:hover{transform:translateY(-2px);color:#fff}.floating-btn:hover i,.floating-btn:hover img{transform:scale(1.15)}.search-btn i,.phone-btn i,.messenger-btn i{color:#fff}.zalo-btn img{filter:brightness(0) invert(1)}@media (min-width:768px){.floating-buttons{position:fixed;right:0;top:50%;transform:translateY(-50%);left:auto;bottom:auto;width:55px;background:linear-gradient( 135deg,var(--brand-primary,#ffc107) 0%,var(--brand-primary-dark,#ff9800) 100% );border-radius:30px 0 0 30px;box-shadow:-3px 0 15px rgba(255,193,7,0.3);flex-direction:column;justify-content:center;gap:0;padding:1rem 0.55rem;backdrop-filter:blur(10px)}.floating-btn{width:100%;padding:0.65rem 0;border-radius:12px;flex-direction:column;gap:0.35rem;background:transparent;box-shadow:none;animation:none;position:relative}.floating-btn::after{content:"";position:absolute;bottom:-0.5rem;left:50%;transform:translateX(-50%);width:50%;height:1px;background:rgba(255,255,255,0.25)}.floating-btn:last-child::after{display:none}.floating-btn span{display:block;font-size:0.65rem;font-weight:600;text-align:center;line-height:1.2;color:#fff;opacity:1}.floating-btn:hover{transform:translateX(-3px);background:rgba(255,255,255,0.15)}.floating-btn i,.floating-btn img{font-size:1.2rem;width:22px;height:22px}.floating-btn:hover i,.floating-btn:hover img{transform:scale(1.1)}.zalo-btn img{filter:brightness(0) invert(1)}}@media (min-width:1200px){.floating-buttons{width:55px;padding:1rem 0.5rem}.floating-btn{padding:0.55rem 0}.floating-btn span{font-size:0.7rem}.floating-btn i,.floating-btn img{font-size:1.5rem;width:30px;height:30px}}.floating-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;background:rgba(255,255,255,0.2)}@supports (padding-bottom:env(safe-area-inset-bottom)){.floating-buttons{padding-bottom:calc(0.5rem+env(safe-area-inset-bottom))}}@media (min-width:768px){@supports (padding-bottom:env(safe-area-inset-bottom)){.floating-buttons{padding-bottom:1.25rem}}}.scroll-to-top{position:fixed;bottom:100px;right:0.75rem;width:42px;height:42px;border-radius:var(--radius-full);background:var(--bg-white);box-shadow:0 3px 10px rgba(0,0,0,0.15);cursor:pointer;z-index:calc(var(--z-fixed) - 1);opacity:0;visibility:hidden;transition:var(--transition-slow);border:none}.scroll-to-top.show{opacity:1;visibility:visible}.scroll-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.2)}.scroll-to-top svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.scroll-to-top svg circle{fill:none;stroke:var(--bg-gray);stroke-width:2.5}.scroll-to-top svg circle.progress{stroke:var(--brand-primary);stroke-width:2.5;stroke-linecap:round;transition:stroke-dashoffset 0.1s linear}.scroll-to-top .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.1rem;color:var(--text-dark);transition:var(--transition-base)}.scroll-to-top:hover .icon{color:var(--brand-primary)}@media (min-width:768px){.scroll-to-top{bottom:100px;right:1rem;width:44px;height:44px}.scroll-to-top .icon{font-size:1.2rem}}footer{background-image:linear-gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.85)),url("../img/van-chuyen.webp");background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;padding:1.5rem 0 0;color:#adb5bd;position:relative;overflow:hidden}footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient( 90deg,var(--brand-primary),var(--brand-primary-dark),var(--brand-primary) )}.footer-widget{margin-bottom:0.5rem;text-align:left}.footer-logo{margin-bottom:1rem;display:flex;justify-content:left}.footer-logo img{max-height:45px;width:auto;filter:brightness(1.1)}.footer-desc{font-size:0.8rem;line-height:1.7;color:#adb5bd;margin-bottom:1rem}.footer-desc strong{color:var(--brand-primary);font-weight:600}footer h5{color:var(--brand-primary);font-weight:600;font-size:0.9rem;text-transform:uppercase;position:relative;letter-spacing:0.5px}footer h6{color:var(--brand-primary);font-size:0.875rem;font-weight:600;margin-bottom:0.75rem}footer p{color:#adb5bd;font-size:0.8rem;line-height:1.8;margin-bottom:0.5rem}footer span,footer .text-light{color:#adb5bd !important}footer ul{list-style:none;padding:0;margin:0}footer ul li{margin-bottom:0.5rem;position:relative;text-align:left}footer ul li:last-child{margin-bottom:0}footer a{color:#adb5bd;font-size:0.8rem;line-height:1.8;text-decoration:none;transition:var(--transition-base);display:inline-block}footer a:not(.social-links a):not(.btn-follow-fanpage):hover{color:var(--brand-primary) !important;padding-left:5px}.footer-links li a{position:relative;padding-left:0}.footer-links li a::before{content:"›";position:absolute;left:-15px;color:var(--brand-primary);opacity:0;transition:var(--transition-base);font-size:1.2rem}.footer-links li a:hover::before{opacity:1;left:0}.footer-links li a:hover{padding-left:20px}footer .bi-telephone-fill,footer .bi-envelope-fill,footer .bi-geo-alt-fill,footer .bi-clock-fill,footer .bi-headset,footer .bi-building,footer .bi-tools,footer .bi-envelope-heart,footer .bi-qr-code,footer .bi-people-fill{color:var(--brand-primary)}footer .bi-chat-dots-fill{color:#fff}footer li i{margin-right:0.5rem}footer .social-links{display:flex;gap:0.75rem;flex-wrap:wrap;margin-top:1rem;justify-content:flex-start}footer .social-links a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:0;border-radius:var(--radius-full);background-color:#343a40;color:var(--bg-white);transition:var(--transition-base);padding:0;font-size:1rem}footer .social-links a:hover{color:var(--text-dark) !important;transform:translateY(-4px);box-shadow:var(--shadow-brand);padding-left:0;background-color:var(--brand-primary)}footer .social-links a[title*="Facebook"]:hover,footer .social-links a[aria-label*="Facebook"]:hover{background:#1877f2;color:white !important}footer .social-links a[title*="YouTube"]:hover,footer .social-links a[aria-label*="YouTube"]:hover{background:#ff0000;color:white !important}footer .social-links a[title*="TikTok"]:hover,footer .social-links a[aria-label*="TikTok"]:hover{background:#000000;color:white !important}footer .social-links a[title*="Zalo"]:hover,footer .social-links a[aria-label*="Zalo"]:hover{background:#0068ff;color:white !important}.fanpage-card{position:relative;background-image:url("../img/background-fanpage.webp");background-size:cover;background-position:center;border-radius:10px;padding:0.85rem;box-shadow:var(--shadow-sm);margin-bottom:1rem;max-width:320px;overflow:hidden}.fanpage-card::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.6);z-index:0}.fanpage-card>*{position:relative;z-index:1}.fanpage-card-body{display:flex;flex-direction:column;gap:0.75rem}.fanpage-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem}.fanpage-logo-container{flex-shrink:0}.fanpage-logo{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-full);border:3px solid var(--brand-primary);background:white;padding:2px;flex-shrink:0}.fanpage-info{text-align:left;flex:1}.fanpage-name{color:white;font-size:0.95rem;font-weight:700;margin-bottom:0.25rem;display:block}.fanpage-followers{color:#e0e0e0;font-size:0.8rem;display:flex;align-items:center;gap:0.25rem}.fanpage-followers i{color:var(--brand-primary)}.btn-follow-fanpage{display:flex;align-items:center;justify-content:center;gap:0.5rem;background:#1877f2;color:white;padding:0.6rem 0.85rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:0.85rem;transition:var(--transition-base);border:none;width:100%}.btn-follow-fanpage:hover{background:#145dbf;color:white !important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(24,119,242,0.3);padding-left:0 !important}@media (min-width:768px){.fanpage-card{margin-bottom:1.5rem;max-width:100%;padding:1rem}.fanpage-header{gap:1rem;margin-bottom:1rem}.fanpage-logo{width:70px;height:70px}.fanpage-name{font-size:1rem}.fanpage-followers{font-size:0.85rem}.btn-follow-fanpage{font-size:0.9rem;padding:0.65rem 1rem}}.footer-contact{margin-bottom:1rem}.contact-item{display:flex;align-items:flex-start;justify-content:center;gap:0.5rem;margin-bottom:0.65rem;font-size:0.825rem;line-height:1.6;text-align:left}.contact-item i{color:var(--brand-primary);font-size:0.9rem;margin-top:0.15rem;flex-shrink:0}.contact-item a{color:#adb5bd;text-decoration:none;transition:var(--transition-base)}.contact-item a:hover{color:var(--brand-primary);padding-left:0}footer hr{border-top:1px solid rgba(255,255,255,0.1);opacity:1;margin:2rem 0 1.25rem}.footer-bottom{margin-top:2rem;padding:1.25rem 0;border-top:1px solid rgba(255,255,255,0.1)}.copyright{font-size:0.85rem;color:#adb5bd;margin-bottom:0.5rem}.brand-link,.dev-link{color:var(--brand-primary);text-decoration:none;font-weight:600;transition:var(--transition-base)}.brand-link:hover,.dev-link:hover{color:#ffb300;padding-left:0}.footer-bottom-links{display:flex;align-items:center;justify-content:center;gap:0.75rem;font-size:0.85rem;margin-top:0.75rem;flex-wrap:wrap}.footer-bottom-links a{color:#adb5bd;text-decoration:none;transition:var(--transition-base)}.footer-bottom-links a:hover{color:var(--brand-primary)}.footer-bottom-links .separator{color:#495057}footer .row:last-child{padding-bottom:1.25rem}@media (min-width:768px){footer{padding:2.5rem 0 0}.footer-widget{margin-bottom:2.5rem;text-align:left}footer h5{font-size:0.95rem}footer h5::after{left:0;transform:none}.footer-logo{justify-content:flex-start}.footer-logo img{max-height:50px}footer .social-links{justify-content:flex-start}footer .social-links a{width:40px;height:40px;font-size:1.1rem}footer ul li{text-align:left}.contact-item{justify-content:flex-start;font-size:0.875rem;gap:0.75rem}.contact-item i{font-size:1rem}footer a{font-size:0.85rem}footer p{font-size:0.85rem}.footer-desc{font-size:0.9rem;margin-bottom:1.5rem}.footer-bottom{margin-top:3rem;padding:1.5rem 0}.copyright{margin-bottom:0;font-size:0.875rem}footer hr{margin:2.5rem 0 1.5rem}footer .row:last-child{padding-bottom:1.5rem}.fanpage-card{margin-bottom:1.5rem;max-width:100%;padding:1rem}.fanpage-logo{width:80px;height:80px}.fanpage-card-title{font-size:1.1rem}.fanpage-name{font-size:1rem}.fanpage-followers{font-size:0.85rem}.btn-follow-fanpage{font-size:0.9rem;padding:0.65rem 1rem}}@media (min-width:992px){footer{padding:3rem 0 0}footer h5{font-size:1rem}}:root{--chatbot-primary:#ffc107;--chatbot-primary-dark:#ff9800;--chatbot-text-dark:#212529;--chatbot-text-light:#666;--chatbot-text-muted:#999;--chatbot-success:#28a745;--chatbot-danger:#dc3545;--chatbot-bg-light:#f8f9fa;--chatbot-bg-white:#ffffff;--chatbot-border:#e0e0e0;--chatbot-shadow:rgba(0,0,0,0.1);--chatbot-button-size:55px;--chatbot-widget-width:300px;--chatbot-widget-height:450px;--chatbot-border-radius:14px;--chatbot-border-radius-sm:10px;--chatbot-border-radius-xs:3px;--chatbot-spacing-xs:4px;--chatbot-spacing-sm:7px;--chatbot-spacing-md:10px;--chatbot-spacing-lg:16px;--chatbot-font-xs:9.5px;--chatbot-font-sm:11px;--chatbot-font-md:11.5px;--chatbot-font-lg:13px;--chatbot-font-input:16px;--chatbot-transition:0.3s ease}.chatbot-button{position:fixed;bottom:30px;left:30px;width:var(--chatbot-button-size);height:var(--chatbot-button-size);background:linear-gradient( 135deg,var(--chatbot-primary) 0%,var(--chatbot-primary-dark) 100% );border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-brand);transition:var(--transition-base);z-index:var(--z-chatbot);color:white;border:none;padding:0;overflow:hidden}.chatbot-button:hover{box-shadow:0 6px 25px rgba(255,193,7,0.6);transform:scale(1.05)}.chatbot-button svg{width:22px;height:22px}.chatbot-button img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full);transition:var(--transition-base)}.chatbot-badge{position:absolute;top:-5px;right:-5px;background:var(--chatbot-danger);color:white;border-radius:var(--radius-full);width:16px;height:16px;font-size:var(--chatbot-font-xs);display:flex;align-items:center;justify-content:center;font-weight:bold;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.chatbot-widget{position:fixed;bottom:95px;left:30px;width:var(--chatbot-widget-width);height:var(--chatbot-widget-height);max-height:80vh;background:var(--chatbot-bg-white);border-radius:var(--chatbot-border-radius);box-shadow:0 6px 25px rgba(0,0,0,0.2);display:none;flex-direction:column;z-index:var(--z-chatbot-widget);overflow:hidden;animation:slideUp var(--chatbot-transition)}.chatbot-widget.active{display:flex}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{background:linear-gradient( 135deg,var(--chatbot-primary) 0%,var(--chatbot-primary-dark) 100% );color:var(--chatbot-text-dark);padding:var(--chatbot-spacing-md) 12px;display:flex;justify-content:space-between;align-items:center}.chatbot-header-info{display:flex;align-items:center;gap:8px}.chatbot-avatar{width:28px;height:28px;background:var(--bg-white);color:var(--chatbot-primary-dark);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:var(--chatbot-font-sm);flex-shrink:0}.chatbot-header h3{margin:0;font-size:var(--chatbot-font-lg);font-weight:600}.chatbot-status{font-size:var(--chatbot-font-xs);opacity:0.9;display:flex;align-items:center;gap:var(--chatbot-spacing-xs)}.chatbot-status-dot{width:5px;height:5px;background:var(--chatbot-success);border-radius:var(--radius-full);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:0.5}}.chatbot-close-btn{background:none;border:none;color:var(--chatbot-text-dark);font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s;line-height:1;flex-shrink:0}.chatbot-close-btn:hover{opacity:0.7}.chatbot-messages{flex:1;padding:var(--chatbot-spacing-md);overflow-y:auto;background:var(--chatbot-bg-light);display:flex;flex-direction:column;gap:8px}.chatbot-messages::-webkit-scrollbar{width:3px}.chatbot-messages::-webkit-scrollbar-track{background:#f1f1f1}.chatbot-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:var(--chatbot-text-muted)}.chatbot-message{display:flex;animation:fadeIn var(--chatbot-transition)}.chatbot-message-content{max-width:85%;padding:var(--chatbot-spacing-sm) var(--chatbot-spacing-md);border-radius:var(--chatbot-border-radius-sm);line-height:1.5;word-wrap:break-word;font-size:var(--chatbot-font-md)}.chatbot-message-content ul{margin:6px 0;padding-left:var(--chatbot-spacing-lg)}.chatbot-message-content li{margin-bottom:var(--chatbot-spacing-xs);font-size:var(--chatbot-font-sm);line-height:1.5}.chatbot-message.bot .chatbot-message-content{background:var(--chatbot-bg-white);color:#333;border-bottom-left-radius:var(--chatbot-border-radius-xs);box-shadow:0 1px 3px var(--chatbot-shadow)}.chatbot-message.user{justify-content:flex-end}.chatbot-message.user .chatbot-message-content{background:linear-gradient( 135deg,var(--chatbot-primary) 0%,var(--chatbot-primary-dark) 100% );color:var(--chatbot-text-dark);border-bottom-right-radius:var(--chatbot-border-radius-xs);font-weight:500}.chatbot-typing{display:flex;gap:3px;padding:var(--chatbot-spacing-sm) var(--chatbot-spacing-md);background:var(--chatbot-bg-white);border-radius:var(--chatbot-border-radius-sm);width:fit-content;box-shadow:0 1px 3px var(--chatbot-shadow)}.chatbot-typing span{width:5px;height:5px;background:var(--chatbot-text-muted);border-radius:var(--radius-full);animation:typing 1.4s infinite}.chatbot-typing span:nth-child(2){animation-delay:0.2s}.chatbot-typing span:nth-child(3){animation-delay:0.4s}@keyframes typing{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-6px)}}.chatbot-input{display:flex;padding:9px;background:var(--chatbot-bg-white);border-top:1px solid var(--chatbot-border);gap:var(--chatbot-spacing-sm)}.chatbot-input input{flex:1;border:1px solid #ddd;border-radius:18px;padding:var(--chatbot-spacing-sm) 11px;font-size:16px;outline:none;transition:var(--chatbot-transition)}.chatbot-input input:focus{border-color:var(--chatbot-primary)}.chatbot-input button{width:35px;height:35px;background:linear-gradient( 135deg,var(--chatbot-primary) 0%,var(--chatbot-primary-dark) 100% );border:none;border-radius:var(--radius-full);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.2s;flex-shrink:0}.chatbot-input button:hover:not(:disabled){transform:scale(1.1)}.chatbot-input button:disabled{opacity:0.5;cursor:not-allowed}.chatbot-input button svg{width:16px;height:16px}.chatbot-footer{padding:var(--chatbot-spacing-sm) 9px;background:var(--chatbot-bg-light);border-top:1px solid var(--chatbot-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px}.chatbot-reset-btn{background:none;border:1px solid #ddd;padding:var(--chatbot-spacing-xs) 8px;border-radius:var(--chatbot-border-radius);cursor:pointer;font-size:var(--chatbot-font-xs);color:var(--chatbot-text-light);transition:var(--chatbot-transition);display:flex;align-items:center;gap:3px}.chatbot-reset-btn:hover{background:var(--chatbot-primary);color:var(--chatbot-text-dark);border-color:var(--chatbot-primary)}.chatbot-request-count{font-size:var(--chatbot-font-xs);color:var(--chatbot-text-muted)}@media (max-width:768px){.chatbot-button{bottom:95px;left:15px;width:52px;height:52px}.chatbot-button svg{width:20px;height:20px}.chatbot-widget{width:calc(100% - 20px);left:10px;bottom:105px;height:calc(100vh - 150px);max-height:480px}body.chatbot-open .chatbot-button{display:none}body.chatbot-open .floating-btn,body.chatbot-open .scroll-to-top{display:none}body.chatbot-open{overflow:hidden;position:fixed;width:100%}.chatbot-widget{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;max-height:100vh;transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);z-index:var(--z-chatbot-active);border-radius:0;margin:0}.chatbot-widget.active{transform:translateY(0)}.chatbot-widget .chatbot-header{border-radius:0}.chatbot-widget .chatbot-messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;height:calc(100vh - 140px)}}@supports (-webkit-touch-callout:none){@media (max-width:768px){.chatbot-widget{height:100dvh}}}@media (prefers-color-scheme:dark){:root{--chatbot-bg-white:#2d2d2d;--chatbot-bg-light:#1a1a1a;--chatbot-text-dark:#e0e0e0;--chatbot-border:#444;--chatbot-shadow:rgba(255,255,255,0.1)}.chatbot-message.bot .chatbot-message-content{background:#3d3d3d;color:#e0e0e0}.chatbot-input input{background:#3d3d3d;color:#e0e0e0;border-color:#555}.chatbot-reset-btn{color:#e0e0e0;border-color:#555}.chatbot-reset-btn:hover{background:var(--chatbot-primary);color:var(--text-dark)}}.alert{border:none;border-left:4px solid;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.alert-success{border-left-color:var(--color-success)}.alert-warning{border-left-color:var(--color-warning)}.alert-danger{border-left-color:var(--color-danger)}.alert-info{border-left-color:var(--color-info)}#featured-projects .projects-carousel-wrapper{max-width:900px;margin:0 auto;padding:0 10px;overflow:hidden;position:relative}#featured-projects .projects-carousel{display:flex;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);user-select:none}#featured-projects .project-slide{min-width:100%;max-width:100%;flex-shrink:0;padding:0;box-sizing:border-box}#featured-projects .project-card{background:var(--bg-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition-slow);display:flex;flex-direction:row;height:180px;pointer-events:auto}#featured-projects .project-card:hover{box-shadow:0 12px 40px rgba(0,0,0,0.15);transform:translateY(-5px)}#featured-projects .project-image{position:relative;width:40%;height:100%;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-gray) 100%)}#featured-projects .project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s ease}#featured-projects .project-card:hover .project-image img{transform:scale(1.1)}#featured-projects .project-image .badge{font-size:0.55rem;padding:0.25rem 0.4rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}#featured-projects .project-image .badge i{font-size:0.6rem}#featured-projects .project-overlay{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient( to top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 60% );opacity:0;transition:var(--transition-slow)}#featured-projects .project-card:hover .project-overlay{opacity:1}#featured-projects .project-info{width:60%;padding:0.5rem 0.6rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,var(--bg-white) 0%,var(--bg-light) 100%)}#featured-projects .project-title{font-size:0.75rem;font-weight:700;color:var(--text-dark);margin-bottom:0.25rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#featured-projects .project-meta{display:flex;gap:0.5rem;flex-wrap:wrap;font-size:0.6rem;color:var(--text-muted);margin-bottom:0.25rem}#featured-projects .meta-item{display:flex;align-items:center;gap:0.25rem}#featured-projects .meta-item i{font-size:0.65rem}#featured-projects .project-description{color:var(--text-muted);line-height:1.3;font-size:0.65rem;margin-bottom:0.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}#featured-projects .project-info .btn{padding:0.35rem 0.7rem;font-size:0.65rem;font-weight:600;align-self:flex-start;background:linear-gradient(135deg,#ffc107 0%,#ffb300 100%);border:none;border-radius:20px;color:#1a1a1a;box-shadow:0 2px 8px rgba(255,193,7,0.25);transition:all 0.3s ease;letter-spacing:0.3px}#featured-projects .project-info .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,193,7,0.4);background:linear-gradient(135deg,#ffd54f 0%,#ffc107 100%)}#featured-projects .project-info .btn i{font-size:0.7rem;margin-right:0.25rem;transition:transform 0.3s ease}#featured-projects .project-info .btn:hover i{transform:translateX(3px)}#featured-projects .carousel-nav{display:none !important}#featured-projects .carousel-dots{display:flex;justify-content:center;gap:0.5rem;margin-top:1.5rem}#featured-projects .dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--bg-gray);cursor:pointer;transition:var(--transition-base);border:2px solid transparent}#featured-projects .dot:hover{background:#adb5bd;transform:scale(1.2)}#featured-projects .dot.active{background:var(--brand-primary);width:30px;border-radius:6px;border-color:var(--brand-primary)}@media (min-width:576px){#featured-projects .project-card{height:200px}#featured-projects .project-info{padding:0.75rem}#featured-projects .project-image .badge{font-size:0.65rem;padding:0.3rem 0.5rem}#featured-projects .project-title{font-size:0.85rem;margin-bottom:0.35rem}#featured-projects .project-meta{font-size:0.7rem;gap:0.75rem}#featured-projects .project-description{font-size:0.75rem;margin-bottom:0.5rem}#featured-projects .project-info .btn{padding:0.4rem 0.75rem;font-size:0.7rem}#featured-projects .carousel-dots{gap:0.75rem}}@media (min-width:768px){#featured-projects .projects-carousel-wrapper{padding:0 15px}#featured-projects .project-card{height:220px}#featured-projects .project-info{padding:1rem}#featured-projects .project-image .badge{font-size:0.7rem;padding:0.35rem 0.6rem}#featured-projects .project-title{font-size:1rem;margin-bottom:0.5rem}#featured-projects .project-meta{gap:1rem;font-size:0.75rem}#featured-projects .project-description{font-size:0.8rem;margin-bottom:0.6rem}#featured-projects .project-info .btn{padding:0.45rem 0.9rem;font-size:0.75rem}}@media (min-width:992px){#featured-projects .project-card{height:280px}#featured-projects .project-info{padding:1.5rem}#featured-projects .project-image .badge{font-size:0.75rem;padding:0.4rem 0.7rem}#featured-projects .project-title{font-size:1.25rem;margin-bottom:0.75rem;-webkit-line-clamp:2}#featured-projects .project-meta{font-size:0.85rem;gap:1.25rem}#featured-projects .project-description{font-size:0.9rem;-webkit-line-clamp:3;margin-bottom:1rem}#featured-projects .project-info .btn{padding:0.55rem 1.1rem;font-size:0.8rem}#featured-projects .carousel-dots{margin-top:2rem}#featured-projects .dot{width:12px;height:12px}#featured-projects .dot.active{width:40px}}@media (min-width:1200px){#featured-projects .project-card{height:320px}#featured-projects .project-info{padding:2rem}#featured-projects .project-title{font-size:1.5rem;margin-bottom:1rem}#featured-projects .project-description{font-size:1rem;margin-bottom:1.25rem}#featured-projects .project-meta{font-size:0.9rem}#featured-projects .project-info .btn{padding:0.6rem 1.25rem;font-size:0.85rem}}.work-process-section{background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-white) 100%);position:relative;overflow:hidden;padding:3rem 0}.process-timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem;position:relative;max-width:1200px;margin:0 auto;padding:0 0.75rem}.process-step{position:relative;text-align:center;background:white;padding:1.75rem 0.75rem 1.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition-slow);border:2px solid transparent}.process-step:hover{transform:translateY(-10px);box-shadow:0 12px 30px rgba(255,193,7,0.25);border-color:var(--brand-primary)}.process-number{position:absolute;top:-15px;right:10px;width:40px;height:40px;background:linear-gradient( 135deg,var(--brand-secondary) 0%,var(--brand-secondary-dark) 100% );color:white;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;box-shadow:0 4px 12px rgba(255,107,53,0.4);z-index:2;border:3px solid white}.process-icon{width:70px;height:70px;margin:0 auto 0.875rem;background:linear-gradient(135deg,var(--bg-yellow-light) 0%,#ffe69c 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:3px solid var(--brand-primary);transition:var(--transition-slow)}.process-step:hover .process-icon{transform:rotate(360deg) scale(1.1);background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% )}.process-icon i{font-size:1.75rem;color:var(--brand-secondary);transition:var(--transition-base)}.process-step:hover .process-icon i{color:white}.process-title{font-size:0.875rem;font-weight:700;color:var(--text-dark);margin-bottom:0.5rem;line-height:1.3}.process-description{font-size:0.75rem;color:var(--text-muted);line-height:1.4;margin:0}@media (min-width:576px){.process-number{width:50px;height:50px;font-size:1.25rem;top:-20px;right:20px}.process-icon{width:100px;height:100px;margin-bottom:1.5rem}.process-icon i{font-size:2.5rem}.process-title{font-size:1.1rem;margin-bottom:1rem;line-height:1.4}.process-description{font-size:0.9rem;line-height:1.6}.process-step::after{content:"→";position:absolute;top:80px;right:-1.5rem;font-size:2rem;color:var(--brand-primary);font-weight:bold;z-index:1;opacity:0.6;animation:arrow-pulse 2s ease-in-out infinite}.process-step:last-child::after{display:none}}@keyframes arrow-pulse{0%,100%{opacity:0.6;transform:translateX(0)}50%{opacity:1;transform:translateX(5px)}}.video-wrapper-full{position:relative;width:100%;height:100%;min-height:280px;overflow:visible;margin-bottom:1.25rem}.video-decorative-bg{position:absolute;top:-10px;left:-10px;width:60px;height:60px;background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% );border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;opacity:0.15;z-index:0;animation:blob-morph 8s ease-in-out infinite}@keyframes blob-morph{0%,100%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}50%{border-radius:70% 30% 30% 70% / 70% 70% 30% 30%}}.video-decorative-dots{position:absolute;bottom:-10px;right:-10px;width:50px;height:50px;background-image:radial-gradient( circle,var(--brand-primary) 2px,transparent 2px );background-size:12px 12px;opacity:0.3;z-index:0}.video-container{position:relative;width:100%;height:100%;min-height:280px;border-radius:var(--radius-md);background:linear-gradient(145deg,var(--bg-white),var(--bg-light));padding:6px;box-shadow:var(--shadow-md),0 0 0 1px rgba(255,193,7,0.1);z-index:1;transition:var(--transition-slow)}.video-container:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 0 2px rgba(255,193,7,0.3)}.video-badge{position:absolute;top:-10px;left:16px;background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% );color:var(--text-dark);padding:5px 12px;border-radius:20px;font-size:0.7rem;font-weight:600;z-index:2;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-brand);animation:badge-pulse 3s ease-in-out infinite}.video-badge i{font-size:1rem;animation:play-icon-pulse 2s ease-in-out infinite}@keyframes play-icon-pulse{0%,100%{opacity:1}50%{opacity:0.7}}.video-corner-tl,.video-corner-br{position:absolute;width:25px;height:25px;border:2px solid var(--brand-primary);z-index:0;opacity:0.6}.video-corner-tl{top:-8px;left:-8px;border-right:none;border-bottom:none;border-radius:12px 0 0 0}.video-corner-br{bottom:-8px;right:-8px;border-left:none;border-top:none;border-radius:0 0 12px 0}.video-container iframe{width:100%;height:100%;min-height:268px;border-radius:8px;box-shadow:none;border:none;display:block;position:relative;z-index:1}.about-content{padding:0;display:flex;flex-direction:column;justify-content:space-between;height:100%}.about-content h2{color:var(--text-dark);font-size:1.3rem;letter-spacing:0.5px;line-height:1.3;margin-bottom:1rem}.about-content p{line-height:1.8;font-size:0.85rem;margin-bottom:1rem}.about-content ul{flex-grow:0;margin-bottom:1rem}.about-content ul li{line-height:1.6;font-size:0.8rem;margin-bottom:0.65rem}.about-content ul li i{flex-shrink:0;margin-top:0.25rem;font-size:1.15rem;margin-right:0.5rem}.about-stats{background:linear-gradient(135deg,var(--bg-yellow-light) 0%,#ffe69c 100%);padding:0.85rem 1rem;border-radius:var(--radius-md);border-left:4px solid var(--brand-primary);box-shadow:0 2px 8px rgba(255,193,7,0.2);margin-bottom:1rem;display:flex;flex-direction:column;text-align:center;gap:0.5rem}.about-stats h3{font-size:1.5rem}.about-stats .stat-text p{font-size:0.8rem}@media (min-width:576px){.video-wrapper-full{min-height:300px;margin-bottom:1.5rem}.video-container{min-height:300px;padding:8px}.video-container iframe{min-height:284px}.about-content h2{font-size:1.5rem}.about-content p{font-size:0.9rem}.about-content ul li{font-size:0.85rem;margin-bottom:0.75rem}.about-stats{padding:1rem 1.25rem}.about-stats h3{font-size:1.7rem}.video-badge{font-size:0.75rem;padding:6px 14px}.video-decorative-bg{width:80px;height:80px;top:-15px;left:-15px}.video-decorative-dots{width:60px;height:60px}.video-corner-tl,.video-corner-br{width:30px;height:30px}}@media (min-width:768px){.video-wrapper-full{min-height:350px}.video-container{min-height:350px;padding:10px}.video-container iframe{min-height:330px}.about-content h2{font-size:1.6rem}.about-content p{font-size:0.95rem}.about-content ul li{font-size:0.9rem}.about-content ul li i{font-size:1.25rem}.about-stats{padding:1.25rem 1.5rem;flex-direction:row;text-align:left}.about-stats h3{font-size:2rem}.about-stats .stat-text p{font-size:0.9rem}.video-badge{font-size:0.8rem;padding:6px 16px}.video-decorative-bg{width:100px;height:100px}.video-decorative-dots{width:80px;height:80px}}@media (min-width:992px){.video-wrapper-full{min-height:400px;height:auto;margin-bottom:0}.video-container{min-height:400px;padding:12px}.video-container iframe{min-height:376px}.about-content{height:auto}.about-content h2{font-size:1.75rem}.about-content p{font-size:1rem}.about-content ul li{font-size:0.95rem;margin-bottom:0.85rem}.about-stats{padding:1.5rem 2rem}.video-badge{font-size:0.85rem;padding:8px 20px;top:-12px;left:24px}.video-badge i{font-size:1.2rem}.video-decorative-bg{width:150px;height:150px;top:-20px;left:-20px}.video-decorative-dots{width:100px;height:100px;bottom:-15px;right:-15px;background-size:15px 15px}.video-corner-tl,.video-corner-br{width:40px;height:40px;border-width:3px}}@media (min-width:1200px){.about-content h2{font-size:2rem}}.why-choose-us{position:relative;overflow:hidden;padding:2.5rem 0}.why-image-wrapper{position:relative;width:100%;height:100%;min-height:300px;overflow:visible;margin-bottom:1.25rem}.why-decorative-bg{position:absolute;top:-10px;left:-10px;width:80px;height:80px;background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% );border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;opacity:0.15;z-index:0;animation:blob-morph 8s ease-in-out infinite}.why-decorative-dots{position:absolute;bottom:-10px;right:-10px;width:60px;height:60px;background-image:radial-gradient( circle,var(--brand-primary) 2px,transparent 2px );background-size:12px 12px;opacity:0.3;z-index:0}.why-image-container{position:relative;width:100%;height:100%;border-radius:var(--radius-md);background:linear-gradient(145deg,var(--bg-white),var(--bg-light));padding:8px;box-shadow:var(--shadow-md),0 0 0 1px rgba(255,193,7,0.1);z-index:1;transition:var(--transition-slow)}.why-image-container:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 0 2px rgba(255,193,7,0.3)}.why-image-container img{width:100%;height:auto;min-height:284px;object-fit:cover;border-radius:var(--radius-sm);display:block}.why-badge{position:absolute;top:-10px;left:16px;background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% );color:var(--text-dark);padding:6px 14px;border-radius:20px;font-size:0.75rem;font-weight:600;z-index:2;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-brand);animation:badge-pulse 3s ease-in-out infinite}.why-badge i{font-size:1rem}.why-corner-tl,.why-corner-br{position:absolute;width:25px;height:25px;border:2px solid var(--brand-primary);z-index:0;opacity:0.6}.why-corner-tl{top:-8px;left:-8px;border-right:none;border-bottom:none;border-radius:12px 0 0 0}.why-corner-br{bottom:-8px;right:-8px;border-left:none;border-top:none;border-radius:0 0 12px 0}.why-content{padding:0;display:flex;flex-direction:column;justify-content:center;height:100%}.section-label span{font-size:0.75rem;padding-left:40px}.section-label span::before{width:32px}.why-content h2{color:var(--text-dark);font-size:1.3rem;line-height:1.3;letter-spacing:0.3px;margin-bottom:1rem}.why-content>p{line-height:1.8;font-size:0.85rem;color:var(--text-body);margin-bottom:1.25rem}.features-grid{display:grid;grid-template-columns:1fr;gap:0.875rem}.feature-item{display:flex;gap:1rem;align-items:flex-start;background:linear-gradient( 135deg,var(--bg-yellow-light) 0%,#ffe69c 15%,var(--bg-white) 100% );padding:0.875rem;border-radius:var(--radius-md);border-left:4px solid var(--brand-secondary);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.feature-item:hover{transform:translateX(8px);box-shadow:0 4px 15px rgba(255,107,53,0.15);border-left-color:var(--brand-primary)}.feature-number{flex-shrink:0;width:40px;height:40px;background:linear-gradient( 135deg,var(--brand-secondary) 0%,var(--brand-secondary-dark) 100% );color:white;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;box-shadow:0 3px 10px rgba(255,107,53,0.3)}.feature-content{flex:1}.feature-title{font-size:0.95rem;font-weight:700;color:var(--text-dark);margin-bottom:0.4rem;line-height:1.3}.feature-desc{font-size:0.8rem;color:var(--text-muted);line-height:1.5;margin:0}@media (min-width:576px){.why-image-wrapper{min-height:350px;margin-bottom:1.5rem}.why-image-container{padding:10px}.why-image-container img{min-height:330px}.why-content h2{font-size:1.5rem}.why-content>p{font-size:0.9rem}.features-grid{gap:1rem}.feature-item{padding:1rem}.feature-number{width:42px;height:42px;font-size:1.1rem}.feature-title{font-size:1rem}.feature-desc{font-size:0.85rem}.why-badge{font-size:0.8rem;padding:6px 16px}}@media (min-width:768px){.why-choose-us{padding:3rem 0}.why-image-wrapper{min-height:400px}.why-image-container img{min-height:376px}.why-content h2{font-size:1.6rem}.why-content>p{font-size:0.95rem}.section-label span{font-size:0.8rem}.features-grid{gap:1.25rem}.feature-item{padding:1.25rem}.feature-number{width:45px;height:45px;font-size:1.15rem}.feature-title{font-size:1.05rem}.feature-desc{font-size:0.875rem}.why-decorative-bg{width:100px;height:100px}.why-decorative-dots{width:80px;height:80px}}@media (min-width:992px){.why-image-wrapper{min-height:450px;height:auto;margin-bottom:0}.why-image-container{padding:12px}.why-image-container img{min-height:426px}.why-content{padding:0;height:auto}.why-content h2{font-size:1.75rem}.why-content>p{font-size:1rem}.section-label span{font-size:0.85rem}.features-grid{gap:1.5rem}.feature-item{padding:1.5rem}.feature-number{width:50px;height:50px;font-size:1.25rem}.feature-title{font-size:1.1rem;margin-bottom:0.5rem}.feature-desc{font-size:0.9rem;line-height:1.6}.why-badge{font-size:0.85rem;padding:8px 20px;top:-12px;left:24px}.why-badge i{font-size:1.2rem}.why-decorative-bg{width:150px;height:150px;top:-20px;left:-20px}.why-decorative-dots{width:100px;height:100px;bottom:-15px;right:-15px;background-size:15px 15px}.why-corner-tl,.why-corner-br{width:40px;height:40px;border-width:3px}}@media (min-width:1200px){.why-content h2{font-size:2rem}.feature-title{font-size:1.15rem}}.filter-section{overflow-x:hidden}.project-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem;margin-top:1.5rem;max-width:100%}.project-filters .btn{padding:0.6rem 0.5rem;font-size:0.85rem;line-height:1.3;text-align:center;display:flex;align-items:center;justify-content:center;min-height:42px;white-space:nowrap}.project-filters .btn i{font-size:0.9rem;margin-right:0.35rem}.project-filters .btn-warning{background-color:#ffe45c;border-color:#ffe45c;color:var(--text-dark);font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.project-filters .btn-warning i{color:var(--text-dark)}.project-filters .btn-warning:hover{background-color:#ffd633;border-color:#ffd633}.project-filters .btn-outline-secondary:hover{background-color:var(--bg-light);color:var(--text-dark);border-color:#dcdcdc}@media (max-width:767px){.filter-section .container{padding-left:15px;padding-right:15px;max-width:100%;overflow-x:hidden}.project-filters .d-flex{display:grid !important;grid-template-columns:repeat(2,1fr);gap:0.5rem;width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box}.project-filters{margin-top:0;padding:0;max-width:100%;overflow-x:hidden}.project-filters .btn{width:100%;max-width:100%;font-size:0.8rem;padding:0.5rem 0.4rem;line-height:1.2;text-align:center;display:flex;align-items:center;justify-content:center;min-height:40px;white-space:normal;word-break:break-word;box-sizing:border-box}.project-filters .btn i{font-size:0.85rem;margin-right:0.3rem;flex-shrink:0}}@media (max-width:359px){.filter-section .container{padding-left:10px;padding-right:10px}.project-filters .d-flex{grid-template-columns:1fr;gap:0.4rem}.project-filters .btn{font-size:0.75rem;padding:0.5rem 0.3rem;min-height:38px}.project-filters .btn i{font-size:0.8rem;margin-right:0.25rem}}@media (min-width:1400px){.project-filters{max-width:1200px;margin-left:auto;margin-right:auto}}.chinh-sach-vn{--policy-primary:#ffc107;--policy-text:#2c3e50;--policy-border:#e8e8e8;--policy-bg-light:#f8f9fa;--policy-shadow:0 2px 8px rgba(0,0,0,0.08)}.chinh-sach-vn .list-group{border-radius:8px;overflow:hidden;box-shadow:var(--policy-shadow)}.chinh-sach-vn .list-group-item{border:none;border-bottom:1px solid var(--policy-border);padding:1rem 1.25rem;transition:all 0.3s ease;color:var(--policy-text);font-weight:500}.chinh-sach-vn .list-group-item:last-child{border-bottom:none}.chinh-sach-vn .list-group-item:hover{background-color:var(--policy-bg-light);padding-left:1.5rem;color:var(--policy-primary)}.chinh-sach-vn .list-group-item.active{background:linear-gradient(135deg,var(--policy-primary) 0%,#ffb300 100%);color:#000;font-weight:600;border-left:4px solid #ff9800}.chinh-sach-vn .card{border-radius:12px;overflow:hidden;box-shadow:var(--policy-shadow);border:1px solid var(--policy-border)}.chinh-sach-vn .card-header{background:linear-gradient( 135deg,var(--policy-primary) 0%,#ffb300 100% ) !important;padding:1.5rem;border-bottom:none}.chinh-sach-vn .card-header h3{color:#000 !important;font-weight:700;font-size:1.5rem;margin:0;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.chinh-sach-vn .card-body{padding:2rem;line-height:1.8;color:var(--policy-text)}.chinh-sach-vn .card-body h1,.chinh-sach-vn .card-body h2,.chinh-sach-vn .card-body h3,.chinh-sach-vn .card-body h4{color:var(--policy-text);font-weight:600;margin-top:2rem;margin-bottom:1rem}.chinh-sach-vn .card-body h2{font-size:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid var(--policy-primary)}.chinh-sach-vn .card-body h3{font-size:1.25rem}.chinh-sach-vn .card-body p{margin-bottom:1rem}.chinh-sach-vn .card-body ul,.chinh-sach-vn .card-body ol{margin-bottom:1.5rem;padding-left:1.5rem}.chinh-sach-vn .card-body li{margin-bottom:0.5rem}.chinh-sach-vn .card-body strong{color:var(--policy-text);font-weight:600}.chinh-sach-vn .bg-light{background-color:var(--policy-bg-light) !important;border-radius:12px;border:1px solid var(--policy-border)}.chinh-sach-vn .bg-light h5{color:var(--policy-text);font-weight:700}.chinh-sach-vn .btn-warning{background:linear-gradient(135deg,var(--policy-primary) 0%,#ffb300 100%);border:none;color:#000;font-weight:600;padding:0.75rem 1.5rem;border-radius:8px;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(255,193,7,0.3)}.chinh-sach-vn .btn-warning:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(255,193,7,0.4)}.chinh-sach-vn .btn-outline-warning{border:2px solid var(--policy-primary);color:var(--policy-text);font-weight:600;padding:0.75rem 1.5rem;border-radius:8px;transition:all 0.3s ease}.chinh-sach-vn .btn-outline-warning:hover{background:var(--policy-primary);color:#000;transform:translateY(-2px)}.chinh-sach-vn .text-center .bi-file-earmark-text{color:#cbd5e0}@media (max-width:991.98px){.chinh-sach-vn .list-group{position:static !important;margin-bottom:1.5rem}.chinh-sach-vn .card-body{padding:1.5rem}.chinh-sach-vn .card-header h3{font-size:1.25rem}}html{scroll-behavior:smooth}.filter-sidebar{position:sticky;top:80px}.filter-sidebar ul{list-style:none;padding:0}.filter-sidebar ul li a{display:block;padding:0.75rem 1rem;color:var(--text-muted);transition:var(--transition-base);border-radius:var(--radius-sm);margin-bottom:0.25rem}.filter-sidebar ul li a:hover,.filter-sidebar ul li a.active{color:#000;background:var(--bg-yellow-light);padding-left:1.5rem;font-weight:500}.page-loader{position:fixed;inset:0;background:rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity 0.4s ease,visibility 0.4s ease;visibility:visible;opacity:1}.page-loader.hidden{opacity:0;visibility:hidden}.loader-content{text-align:center;color:#fff}.loader-logo{width:200px;max-width:60vw;margin-bottom:20px;animation:fadeIn 1.2s ease-in-out}.loader-dots{display:flex;justify-content:center;gap:8px;height:20px;align-items:center}.loader-dots span{display:block;width:10px;height:10px;background:var(--brand-primary,#ffc107);border-radius:50%;animation:slideRightToLeft 1.5s infinite ease-in-out}.loader-dots span:nth-child(1){animation-delay:0s}.loader-dots span:nth-child(2){animation-delay:0.15s}.loader-dots span:nth-child(3){animation-delay:0.3s}.loader-dots span:nth-child(4){animation-delay:0.45s}.loader-dots span:nth-child(5){animation-delay:0.6s}@keyframes slideRightToLeft{0%{transform:translateX(50px);opacity:0}50%{opacity:1}100%{transform:translateX(-50px);opacity:0}}@keyframes fadeIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.carousel-caption.banner-fade-in,.carousel-caption.banner-slide-up,.carousel-caption.banner-slide-left,.carousel-caption.banner-zoom-in{animation:none;opacity:1;transform:translate(-50%,-50%)}.carousel-fade .carousel-item{transition:none}}.carousel-item:first-child .banner-img{content-visibility:auto}.carousel-caption,.carousel-item{will-change:transform,opacity}.carousel-item.active .carousel-caption{will-change:auto}.btn{transition:var(--transition-base);font-weight:500}.btn-warning{color:var(--text-dark);border:none}.btn-warning:hover{background-color:#ffb300;transform:translateY(-2px);box-shadow:var(--shadow-brand)}.btn-outline-warning:hover{color:var(--text-dark);transform:translateY(-2px)}.btn-dark:hover{background-color:#1a1d20;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3)}.py-5{padding-top:2.75rem;padding-bottom:2.75rem}section h2{font-size:1.85rem !important}.title-underline{width:60px;height:3px;background:linear-gradient( 90deg,var(--brand-primary),var(--brand-primary-dark) );transition:var(--transition-base)}.blog-card:hover .card-title a{color:var(--brand-primary)}.blog-card:hover .card-title a::after{width:100%}.blog-card .card-text{font-size:0.7rem;line-height:1.5;height:2.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0.75rem;flex:1;color:var(--text-muted)}.blog-card .btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;font-weight:600;font-size:0.7rem;border-radius:20px;background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% );border:none;color:var(--text-dark);transition:var(--transition-slow);box-shadow:var(--shadow-brand);position:relative;overflow:hidden;width:fit-content}.blog-card .btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:var(--radius-full);background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.5s ease,height 0.5s ease}.blog-card .btn:hover::before{width:300px;height:300px}.blog-card .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,53,0.4);background:linear-gradient( 135deg,var(--brand-primary-dark) 0%,var(--brand-secondary) 100% );color:var(--bg-white)}.blog-card .btn i{transition:var(--transition-base);position:relative;z-index:1}.blog-card .btn:hover i{transform:translateX(5px)}.blog-card .btn span{position:relative;z-index:1}@media (min-width:576px){.blog-card{border-radius:var(--radius-md)}.blog-card .position-relative{height:180px}.blog-card .card-body{padding:1rem 0.875rem}.blog-card .d-flex.align-items-center{font-size:0.7rem}.blog-card .card-title{font-size:0.95rem;height:2.3em}.blog-card .card-text{font-size:0.8rem;height:2.4em;margin-bottom:0.875rem}.blog-card .btn{padding:0.55rem 1.1rem;font-size:0.75rem}.blog-card .badge{font-size:0.75rem;padding:0.35rem 0.6rem}}@media (min-width:768px){.blog-card{border-radius:14px}.blog-card .position-relative{height:200px}.blog-card .card-body{padding:1.25rem 1rem}.blog-card .d-flex.align-items-center{font-size:0.75rem;margin-bottom:0.75rem}.blog-card .card-title{font-size:1rem;height:2.4em;margin-bottom:0.75rem}.blog-card .card-text{font-size:0.85rem;height:2.6em;margin-bottom:1rem}.blog-card .btn{padding:0.6rem 1.2rem;font-size:0.8rem}.blog-card:hover{transform:translateY(-10px)}}@media (min-width:992px){.blog-card{border-radius:var(--radius-lg);margin-bottom:1.5rem}.blog-card .position-relative{height:240px}.blog-card .card-body{padding:1.5rem 1.25rem}.blog-card .d-flex.align-items-center{font-size:0.8rem;margin-bottom:1rem}.blog-card .card-title{font-size:1.15rem;height:2.8em;margin-bottom:1rem}.blog-card .card-text{font-size:0.9rem;height:3.6em;-webkit-line-clamp:3;margin-bottom:1.25rem}.blog-card .btn{padding:0.65rem 1.35rem;font-size:0.85rem;border-radius:25px}}@media (min-width:1200px){.blog-card .position-relative{height:260px}.blog-card .card-title{font-size:1.2rem}}.blog-carousel-wrapper{position:relative;max-width:1200px;margin:0 auto}.blog-carousel-container{overflow:hidden;position:relative}.blog-carousel-track{display:flex;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}.blog-carousel-slide{flex:0 0 auto;padding:0 10px;box-sizing:border-box}@media (max-width:767px){.blog-carousel-slide{width:100%}}@media (min-width:768px) and (max-width:991px){.blog-carousel-slide{width:50%}}.blog-carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;background:rgba(128,128,128,0.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:50%;color:rgba(255,255,255,0.9);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 4px 15px rgba(0,0,0,0.15);transition:all 0.3s ease;opacity:0.6}.blog-carousel-nav-btn:hover{background:rgba(255,193,7,0.8);transform:translateY(-50%) scale(1.1);box-shadow:0 5px 20px rgba(255,193,7,0.4);opacity:1;color:#000}.blog-carousel-prev{left:10px}.blog-carousel-next{right:10px}@media (max-width:767px){.blog-carousel-prev{left:5px}.blog-carousel-next{right:5px}.blog-carousel-nav-btn{width:40px;height:40px;font-size:1.1rem;opacity:0.5}}@media (min-width:992px){.blog-carousel-wrapper{display:none}#featured-blogs-section .row.g-4{display:flex !important}}@media (max-width:991px){.blog-carousel-wrapper{display:block !important}#featured-blogs-section .row.g-4{display:none !important}}@media (max-width:991px){.blog-carousel-wrapper{display:block}#featured-blogs-section .row.g-4:not(.blog-carousel-track){display:none}}.pagination{gap:0.25rem}.pagination .page-link{color:var(--text-dark);border-color:var(--bg-gray);transition:var(--transition-base);border-radius:var(--radius-sm) !important;margin:0 0.125rem}.pagination .page-item.active .page-link{background-color:var(--brand-primary);border-color:var(--brand-primary);color:#000;font-weight:600}.pagination .page-link:hover{background-color:var(--bg-yellow-light);border-color:var(--brand-primary);color:#000;transform:translateY(-2px)}.pagination .page-link:focus{box-shadow:0 0 0 0.2rem rgba(255,193,7,0.25)}.page-header{background:linear-gradient(to bottom,var(--bg-white),#fffbf0);padding:2rem 0}.page-header h1{color:var(--text-dark);font-weight:700;margin-bottom:0.75rem;font-size:1.75rem}.breadcrumb{background:transparent;padding:0;margin:0;font-size:0.8rem}.breadcrumb-item{color:var(--text-muted)}.breadcrumb-item+.breadcrumb-item::before{content:"›";font-size:1.2em;color:var(--text-muted);padding:0 0.5rem}.breadcrumb-item a{color:var(--text-muted);text-decoration:none;transition:var(--transition-fast)}.breadcrumb-item a:hover{color:var(--brand-primary);text-decoration:underline}.breadcrumb-item.active{color:var(--text-body);font-weight:500}@media (min-width:768px){.page-header{padding:3rem 0}.page-header h1{font-size:2.5rem}.breadcrumb{font-size:0.875rem}}.floating-buttons{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-fixed,1000);background:linear-gradient( to top,rgba(255,193,7,0.95),rgba(255,152,0,0.98) );backdrop-filter:blur(10px);box-shadow:0 -2px 10px rgba(0,0,0,0.15);display:flex;justify-content:space-around;align-items:center;padding:0.5rem 0;transition:var(--transition-base,all 0.3s ease)}.floating-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.25rem;padding:0.5rem 0.75rem;color:#fff;text-decoration:none;transition:all 0.3s ease;border:none;background:transparent;cursor:pointer;font-size:0.75rem;font-weight:500}.floating-btn i,.floating-btn img{font-size:1.5rem;width:24px;height:24px;transition:transform 0.3s ease}.floating-btn span{font-size:0.7rem;white-space:nowrap;opacity:0.95}.floating-btn:hover{transform:translateY(-2px);color:#fff}.floating-btn:hover i,.floating-btn:hover img{transform:scale(1.15)}.search-btn i,.phone-btn i,.messenger-btn i{color:#fff}.zalo-btn img{filter:brightness(0) invert(1)}@media (min-width:768px){.floating-buttons{position:fixed;right:0;top:50%;transform:translateY(-50%);left:auto;bottom:auto;width:55px;background:linear-gradient( 135deg,var(--brand-primary,#ffc107) 0%,var(--brand-primary-dark,#ff9800) 100% );border-radius:30px 0 0 30px;box-shadow:-3px 0 15px rgba(255,193,7,0.3);flex-direction:column;justify-content:center;gap:0;padding:1rem 0.55rem;backdrop-filter:blur(10px)}.floating-btn{width:100%;padding:0.65rem 0;border-radius:12px;flex-direction:column;gap:0.35rem;background:transparent;box-shadow:none;animation:none;position:relative}.floating-btn::after{content:"";position:absolute;bottom:-0.5rem;left:50%;transform:translateX(-50%);width:50%;height:1px;background:rgba(255,255,255,0.25)}.floating-btn:last-child::after{display:none}.floating-btn span{display:block;font-size:0.65rem;font-weight:600;text-align:center;line-height:1.2;color:#fff;opacity:1}.floating-btn:hover{transform:translateX(-3px);background:rgba(255,255,255,0.15)}.floating-btn i,.floating-btn img{font-size:1.2rem;width:22px;height:22px}.floating-btn:hover i,.floating-btn:hover img{transform:scale(1.1)}.zalo-btn img{filter:brightness(0) invert(1)}}@media (min-width:1200px){.floating-buttons{width:55px;padding:1rem 0.5rem}.floating-btn{padding:0.55rem 0}.floating-btn span{font-size:0.7rem}.floating-btn i,.floating-btn img{font-size:1.5rem;width:30px;height:30px}}.floating-btn:focus-visible{outline:2px solid #fff;outline-offset:2px;background:rgba(255,255,255,0.2)}@supports (padding-bottom:env(safe-area-inset-bottom)){.floating-buttons{padding-bottom:calc(0.5rem+env(safe-area-inset-bottom))}}@media (min-width:768px){@supports (padding-bottom:env(safe-area-inset-bottom)){.floating-buttons{padding-bottom:1.25rem}}}.scroll-to-top{position:fixed;bottom:100px;right:0.75rem;width:42px;height:42px;border-radius:var(--radius-full);background:var(--bg-white);box-shadow:0 3px 10px rgba(0,0,0,0.15);cursor:pointer;z-index:calc(var(--z-fixed) - 1);opacity:0;visibility:hidden;transition:var(--transition-slow);border:none}.scroll-to-top.show{opacity:1;visibility:visible}.scroll-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.2)}.scroll-to-top svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.scroll-to-top svg circle{fill:none;stroke:var(--bg-gray);stroke-width:2.5}.scroll-to-top svg circle.progress{stroke:var(--brand-primary);stroke-width:2.5;stroke-linecap:round;transition:stroke-dashoffset 0.1s linear}.scroll-to-top .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.1rem;color:var(--text-dark);transition:var(--transition-base)}.scroll-to-top:hover .icon{color:var(--brand-primary)}@media (min-width:768px){.scroll-to-top{bottom:100px;right:1rem;width:44px;height:44px}.scroll-to-top .icon{font-size:1.2rem}}footer{background-image:linear-gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.85)),url("../img/van-chuyen.webp");background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;padding:1.5rem 0 0;color:#adb5bd;position:relative;overflow:hidden}footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient( 90deg,var(--brand-primary),var(--brand-primary-dark),var(--brand-primary) )}.footer-widget{margin-bottom:0.5rem;text-align:left}.footer-logo{margin-bottom:1rem;display:flex;justify-content:left}.footer-logo img{max-height:45px;width:auto;filter:brightness(1.1)}.footer-desc{font-size:0.8rem;line-height:1.7;color:#adb5bd;margin-bottom:1rem}.footer-desc strong{color:var(--brand-primary);font-weight:600}footer h5{color:var(--brand-primary);font-weight:600;font-size:0.9rem;text-transform:uppercase;position:relative;letter-spacing:0.5px}footer h6{color:var(--brand-primary);font-size:0.875rem;font-weight:600;margin-bottom:0.75rem}footer p{color:#adb5bd;font-size:0.8rem;line-height:1.8;margin-bottom:0.5rem}footer span,footer .text-light{color:#adb5bd !important}footer ul{list-style:none;padding:0;margin:0}footer ul li{margin-bottom:0.5rem;position:relative;text-align:left}footer ul li:last-child{margin-bottom:0}footer a{color:#adb5bd;font-size:0.8rem;line-height:1.8;text-decoration:none;transition:var(--transition-base);display:inline-block}footer a:not(.social-links a):not(.btn-follow-fanpage):hover{color:var(--brand-primary) !important;padding-left:5px}.footer-links li a{position:relative;padding-left:0}.footer-links li a::before{content:"›";position:absolute;left:-15px;color:var(--brand-primary);opacity:0;transition:var(--transition-base);font-size:1.2rem}.footer-links li a:hover::before{opacity:1;left:0}.footer-links li a:hover{padding-left:20px}footer .bi-telephone-fill,footer .bi-envelope-fill,footer .bi-geo-alt-fill,footer .bi-clock-fill,footer .bi-headset,footer .bi-building,footer .bi-tools,footer .bi-envelope-heart,footer .bi-qr-code,footer .bi-people-fill{color:var(--brand-primary)}footer .bi-chat-dots-fill{color:#fff}footer li i{margin-right:0.5rem}footer .social-links{display:flex;gap:0.75rem;flex-wrap:wrap;margin-top:1rem;justify-content:flex-start}footer .social-links a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:0;border-radius:var(--radius-full);background-color:#343a40;color:var(--bg-white);transition:var(--transition-base);padding:0;font-size:1rem}footer .social-links a:hover{color:var(--text-dark) !important;transform:translateY(-4px);box-shadow:var(--shadow-brand);padding-left:0;background-color:var(--brand-primary)}footer .social-links a[title*="Facebook"]:hover,footer .social-links a[aria-label*="Facebook"]:hover{background:#1877f2;color:white !important}footer .social-links a[title*="YouTube"]:hover,footer .social-links a[aria-label*="YouTube"]:hover{background:#ff0000;color:white !important}footer .social-links a[title*="TikTok"]:hover,footer .social-links a[aria-label*="TikTok"]:hover{background:#000000;color:white !important}footer .social-links a[title*="Zalo"]:hover,footer .social-links a[aria-label*="Zalo"]:hover{background:#0068ff;color:white !important}.fanpage-card{position:relative;background-image:url("../img/background-fanpage.webp");background-size:cover;background-position:center;border-radius:10px;padding:0.85rem;box-shadow:var(--shadow-sm);margin-bottom:1rem;max-width:320px;overflow:hidden}.fanpage-card::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.6);z-index:0}.fanpage-card>*{position:relative;z-index:1}.fanpage-card-body{display:flex;flex-direction:column;gap:0.75rem}.fanpage-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem}.fanpage-logo-container{flex-shrink:0}.fanpage-logo{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-full);border:3px solid var(--brand-primary);background:white;padding:2px;flex-shrink:0}.fanpage-info{text-align:left;flex:1}.fanpage-name{color:white;font-size:0.95rem;font-weight:700;margin-bottom:0.25rem;display:block}.fanpage-followers{color:#e0e0e0;font-size:0.8rem;display:flex;align-items:center;gap:0.25rem}.fanpage-followers i{color:var(--brand-primary)}.btn-follow-fanpage{display:flex;align-items:center;justify-content:center;gap:0.5rem;background:#1877f2;color:white;padding:0.6rem 0.85rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:0.85rem;transition:var(--transition-base);border:none;width:100%}.btn-follow-fanpage:hover{background:#145dbf;color:white !important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(24,119,242,0.3);padding-left:0 !important}@media (min-width:768px){.fanpage-card{margin-bottom:1.5rem;max-width:100%;padding:1rem}.fanpage-header{gap:1rem;margin-bottom:1rem}.fanpage-logo{width:70px;height:70px}.fanpage-name{font-size:1rem}.fanpage-followers{font-size:0.85rem}.btn-follow-fanpage{font-size:0.9rem;padding:0.65rem 1rem}}.footer-contact{margin-bottom:1rem}.contact-item{display:flex;align-items:flex-start;justify-content:center;gap:0.5rem;margin-bottom:0.65rem;font-size:0.825rem;line-height:1.6;text-align:left}.contact-item i{color:var(--brand-primary);font-size:0.9rem;margin-top:0.15rem;flex-shrink:0}.contact-item a{color:#adb5bd;text-decoration:none;transition:var(--transition-base)}.contact-item a:hover{color:var(--brand-primary);padding-left:0}footer hr{border-top:1px solid rgba(255,255,255,0.1);opacity:1;margin:2rem 0 1.25rem}.footer-bottom{margin-top:2rem;padding:1.25rem 0;border-top:1px solid rgba(255,255,255,0.1)}.copyright{font-size:0.85rem;color:#adb5bd;margin-bottom:0.5rem}.brand-link,.dev-link{color:var(--brand-primary);text-decoration:none;font-weight:600;transition:var(--transition-base)}.brand-link:hover,.dev-link:hover{color:#ffb300;padding-left:0}.footer-bottom-links{display:flex;align-items:center;justify-content:center;gap:0.75rem;font-size:0.85rem;margin-top:0.75rem;flex-wrap:wrap}.footer-bottom-links a{color:#adb5bd;text-decoration:none;transition:var(--transition-base)}.footer-bottom-links a:hover{color:var(--brand-primary)}.footer-bottom-links .separator{color:#495057}footer .row:last-child{padding-bottom:1.25rem}@media (min-width:768px){footer{padding:2.5rem 0 0}.footer-widget{margin-bottom:2.5rem;text-align:left}footer h5{font-size:0.95rem}footer h5::after{left:0;transform:none}.footer-logo{justify-content:flex-start}.footer-logo img{max-height:50px}footer .social-links{justify-content:flex-start}footer .social-links a{width:40px;height:40px;font-size:1.1rem}footer ul li{text-align:left}.contact-item{justify-content:flex-start;font-size:0.875rem;gap:0.75rem}.contact-item i{font-size:1rem}footer a{font-size:0.85rem}footer p{font-size:0.85rem}.footer-desc{font-size:0.9rem;margin-bottom:1.5rem}.footer-bottom{margin-top:3rem;padding:1.5rem 0}.copyright{margin-bottom:0;font-size:0.875rem}footer hr{margin:2.5rem 0 1.5rem}footer .row:last-child{padding-bottom:1.5rem}.fanpage-card{margin-bottom:1.5rem;max-width:100%;padding:1rem}.fanpage-logo{width:80px;height:80px}.fanpage-card-title{font-size:1.1rem}.fanpage-name{font-size:1rem}.fanpage-followers{font-size:0.85rem}.btn-follow-fanpage{font-size:0.9rem;padding:0.65rem 1rem}}@media (min-width:992px){footer{padding:3rem 0 0}footer h5{font-size:1rem}}:root{--chatbot-primary:#ffc107;--chatbot-primary-dark:#ff9800;--chatbot-text-dark:#212529;--chatbot-text-light:#666;--chatbot-text-muted:#999;--chatbot-success:#28a745;--chatbot-danger:#dc3545;--chatbot-bg-light:#f8f9fa;--chatbot-bg-white:#ffffff;--chatbot-border:#e0e0e0;--chatbot-shadow:rgba(0,0,0,0.1);--chatbot-button-size:55px;--chatbot-widget-width:300px;--chatbot-widget-height:450px;--chatbot-border-radius:14px;--chatbot-border-radius-sm:10px;--chatbot-border-radius-xs:3px;--chatbot-spacing-xs:4px;--chatbot-spacing-sm:7px;--chatbot-spacing-md:10px;--chatbot-spacing-lg:16px;--chatbot-font-xs:9.5px;--chatbot-font-sm:11px;--chatbot-font-md:11.5px;--chatbot-font-lg:13px;--chatbot-font-input:16px;--chatbot-transition:0.3s ease}.chatbot-button{position:fixed;bottom:30px;left:30px;width:var(--chatbot-button-size);height:var(--chatbot-button-size);background:linear-gradient( 135deg,var(--chatbot-primary) 0%,var(--chatbot-primary-dark) 100% );border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-brand);transition:var(--transition-base);z-index:var(--z-chatbot);color:white;border:none;padding:0;overflow:hidden}.chatbot-button:hover{box-shadow:0 6px 25px rgba(255,193,7,0.6);transform:scale(1.05)}.chatbot-button svg{width:22px;height:22px}.chatbot-button img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full);transition:var(--transition-base)}.chatbot-badge{position:absolute;top:-5px;right:-5px;background:var(--chatbot-danger);color:white;border-radius:var(--radius-full);width:16px;height:16px;font-size:var(--chatbot-font-xs);display:flex;align-items:center;justify-content:center;font-weight:bold;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.chatbot-widget{position:fixed;bottom:95px;left:30px;width:var(--chatbot-widget-width);height:var(--chatbot-widget-height);max-height:80vh;background:var(--chatbot-bg-white);border-radius:var(--chatbot-border-radius);box-shadow:0 6px 25px rgba(0,0,0,0.2);display:none;flex-direction:column;z-index:var(--z-chatbot-widget);overflow:hidden;animation:slideUp var(--chatbot-transition)}.chatbot-widget.active{display:flex}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{background:linear-gradient( 135deg,var(--chatbot-primary) 0%,var(--chatbot-primary-dark) 100% );color:var(--chatbot-text-dark);padding:var(--chatbot-spacing-md) 12px;display:flex;justify-content:space-between;align-items:center}.chatbot-header-info{display:flex;align-items:center;gap:8px}.chatbot-avatar{width:28px;height:28px;background:var(--bg-white);color:var(--chatbot-primary-dark);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:var(--chatbot-font-sm);flex-shrink:0}.chatbot-header h3{margin:0;font-size:var(--chatbot-font-lg);font-weight:600}.chatbot-status{font-size:var(--chatbot-font-xs);opacity:0.9;display:flex;align-items:center;gap:var(--chatbot-spacing-xs)}.chatbot-status-dot{width:5px;height:5px;background:var(--chatbot-success);border-radius:var(--radius-full);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:0.5}}.chatbot-close-btn{background:none;border:none;color:var(--chatbot-text-dark);font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:opacity 0.2s;line-height:1;flex-shrink:0}.chatbot-close-btn:hover{opacity:0.7}.chatbot-messages{flex:1;padding:var(--chatbot-spacing-md);overflow-y:auto;background:var(--chatbot-bg-light);display:flex;flex-direction:column;gap:8px}.chatbot-messages::-webkit-scrollbar{width:3px}.chatbot-messages::-webkit-scrollbar-track{background:#f1f1f1}.chatbot-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:var(--chatbot-text-muted)}.chatbot-message{display:flex;animation:fadeIn var(--chatbot-transition)}.chatbot-message-content{max-width:85%;padding:var(--chatbot-spacing-sm) var(--chatbot-spacing-md);border-radius:var(--chatbot-border-radius-sm);line-height:1.5;word-wrap:break-word;font-size:var(--chatbot-font-md)}.chatbot-message-content ul{margin:6px 0;padding-left:var(--chatbot-spacing-lg)}.chatbot-message-content li{margin-bottom:var(--chatbot-spacing-xs);font-size:var(--chatbot-font-sm);line-height:1.5}.chatbot-message.bot .chatbot-message-content{background:var(--chatbot-bg-white);color:#333;border-bottom-left-radius:var(--chatbot-border-radius-xs);box-shadow:0 1px 3px var(--chatbot-shadow)}.chatbot-message.user{justify-content:flex-end}.chatbot-message.user .chatbot-message-content{background:linear-gradient( 135deg,var(--chatbot-primary) 0%,var(--chatbot-primary-dark) 100% );color:var(--chatbot-text-dark);border-bottom-right-radius:var(--chatbot-border-radius-xs);font-weight:500}.chatbot-typing{display:flex;gap:3px;padding:var(--chatbot-spacing-sm) var(--chatbot-spacing-md);background:var(--chatbot-bg-white);border-radius:var(--chatbot-border-radius-sm);width:fit-content;box-shadow:0 1px 3px var(--chatbot-shadow)}.chatbot-typing span{width:5px;height:5px;background:var(--chatbot-text-muted);border-radius:var(--radius-full);animation:typing 1.4s infinite}.chatbot-typing span:nth-child(2){animation-delay:0.2s}.chatbot-typing span:nth-child(3){animation-delay:0.4s}@keyframes typing{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-6px)}}.chatbot-input{display:flex;padding:9px;background:var(--chatbot-bg-white);border-top:1px solid var(--chatbot-border);gap:var(--chatbot-spacing-sm)}.chatbot-input input{flex:1;border:1px solid #ddd;border-radius:18px;padding:var(--chatbot-spacing-sm) 11px;font-size:16px;outline:none;transition:var(--chatbot-transition)}.chatbot-input input:focus{border-color:var(--chatbot-primary)}.chatbot-input button{width:35px;height:35px;background:linear-gradient( 135deg,var(--chatbot-primary) 0%,var(--chatbot-primary-dark) 100% );border:none;border-radius:var(--radius-full);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.2s;flex-shrink:0}.chatbot-input button:hover:not(:disabled){transform:scale(1.1)}.chatbot-input button:disabled{opacity:0.5;cursor:not-allowed}.chatbot-input button svg{width:16px;height:16px}.chatbot-footer{padding:var(--chatbot-spacing-sm) 9px;background:var(--chatbot-bg-light);border-top:1px solid var(--chatbot-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px}.chatbot-reset-btn{background:none;border:1px solid #ddd;padding:var(--chatbot-spacing-xs) 8px;border-radius:var(--chatbot-border-radius);cursor:pointer;font-size:var(--chatbot-font-xs);color:var(--chatbot-text-light);transition:var(--chatbot-transition);display:flex;align-items:center;gap:3px}.chatbot-reset-btn:hover{background:var(--chatbot-primary);color:var(--chatbot-text-dark);border-color:var(--chatbot-primary)}.chatbot-request-count{font-size:var(--chatbot-font-xs);color:var(--chatbot-text-muted)}@media (max-width:768px){.chatbot-button{bottom:95px;left:15px;width:52px;height:52px}.chatbot-button svg{width:20px;height:20px}.chatbot-widget{width:calc(100% - 20px);left:10px;bottom:105px;height:calc(100vh - 150px);max-height:480px}body.chatbot-open .chatbot-button{display:none}body.chatbot-open .floating-btn,body.chatbot-open .scroll-to-top{display:none}body.chatbot-open{overflow:hidden;position:fixed;width:100%}.chatbot-widget{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;max-height:100vh;transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);z-index:var(--z-chatbot-active);border-radius:0;margin:0}.chatbot-widget.active{transform:translateY(0)}.chatbot-widget .chatbot-header{border-radius:0}.chatbot-widget .chatbot-messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;height:calc(100vh - 140px)}}@supports (-webkit-touch-callout:none){@media (max-width:768px){.chatbot-widget{height:100dvh}}}@media (prefers-color-scheme:dark){:root{--chatbot-bg-white:#2d2d2d;--chatbot-bg-light:#1a1a1a;--chatbot-text-dark:#e0e0e0;--chatbot-border:#444;--chatbot-shadow:rgba(255,255,255,0.1)}.chatbot-message.bot .chatbot-message-content{background:#3d3d3d;color:#e0e0e0}.chatbot-input input{background:#3d3d3d;color:#e0e0e0;border-color:#555}.chatbot-reset-btn{color:#e0e0e0;border-color:#555}.chatbot-reset-btn:hover{background:var(--chatbot-primary);color:var(--text-dark)}}.alert{border:none;border-left:4px solid;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.alert-success{border-left-color:var(--color-success)}.alert-warning{border-left-color:var(--color-warning)}.alert-danger{border-left-color:var(--color-danger)}.alert-info{border-left-color:var(--color-info)}#featured-projects .projects-carousel-wrapper{max-width:900px;margin:0 auto;padding:0 10px;overflow:hidden;position:relative}#featured-projects .projects-carousel{display:flex;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);user-select:none}#featured-projects .project-slide{min-width:100%;max-width:100%;flex-shrink:0;padding:0;box-sizing:border-box}#featured-projects .project-card{background:var(--bg-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition-slow);display:flex;flex-direction:row;height:180px;pointer-events:auto}#featured-projects .project-card:hover{box-shadow:0 12px 40px rgba(0,0,0,0.15);transform:translateY(-5px)}#featured-projects .project-image{position:relative;width:40%;height:100%;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-gray) 100%)}#featured-projects .project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s ease}#featured-projects .project-card:hover .project-image img{transform:scale(1.1)}#featured-projects .project-image .badge{font-size:0.55rem;padding:0.25rem 0.4rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}#featured-projects .project-image .badge i{font-size:0.6rem}#featured-projects .project-overlay{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient( to top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 60% );opacity:0;transition:var(--transition-slow)}#featured-projects .project-card:hover .project-overlay{opacity:1}#featured-projects .project-info{width:60%;padding:0.5rem 0.6rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,var(--bg-white) 0%,var(--bg-light) 100%)}#featured-projects .project-title{font-size:0.75rem;font-weight:700;color:var(--text-dark);margin-bottom:0.25rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#featured-projects .project-meta{display:flex;gap:0.5rem;flex-wrap:wrap;font-size:0.6rem;color:var(--text-muted);margin-bottom:0.25rem}#featured-projects .meta-item{display:flex;align-items:center;gap:0.25rem}#featured-projects .meta-item i{font-size:0.65rem}#featured-projects .project-description{color:var(--text-muted);line-height:1.3;font-size:0.65rem;margin-bottom:0.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}#featured-projects .project-info .btn{padding:0.35rem 0.7rem;font-size:0.65rem;font-weight:600;align-self:flex-start;background:linear-gradient(135deg,#ffc107 0%,#ffb300 100%);border:none;border-radius:20px;color:#1a1a1a;box-shadow:0 2px 8px rgba(255,193,7,0.25);transition:all 0.3s ease;letter-spacing:0.3px}#featured-projects .project-info .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,193,7,0.4);background:linear-gradient(135deg,#ffd54f 0%,#ffc107 100%)}#featured-projects .project-info .btn i{font-size:0.7rem;margin-right:0.25rem;transition:transform 0.3s ease}#featured-projects .project-info .btn:hover i{transform:translateX(3px)}#featured-projects .carousel-nav{display:none !important}#featured-projects .carousel-dots{display:flex;justify-content:center;gap:0.5rem;margin-top:1.5rem}#featured-projects .dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--bg-gray);cursor:pointer;transition:var(--transition-base);border:2px solid transparent}#featured-projects .dot:hover{background:#adb5bd;transform:scale(1.2)}#featured-projects .dot.active{background:var(--brand-primary);width:30px;border-radius:6px;border-color:var(--brand-primary)}@media (min-width:576px){#featured-projects .project-card{height:200px}#featured-projects .project-info{padding:0.75rem}#featured-projects .project-image .badge{font-size:0.65rem;padding:0.3rem 0.5rem}#featured-projects .project-title{font-size:0.85rem;margin-bottom:0.35rem}#featured-projects .project-meta{font-size:0.7rem;gap:0.75rem}#featured-projects .project-description{font-size:0.75rem;margin-bottom:0.5rem}#featured-projects .project-info .btn{padding:0.4rem 0.75rem;font-size:0.7rem}#featured-projects .carousel-dots{gap:0.75rem}}@media (min-width:768px){#featured-projects .projects-carousel-wrapper{padding:0 15px}#featured-projects .project-card{height:220px}#featured-projects .project-info{padding:1rem}#featured-projects .project-image .badge{font-size:0.7rem;padding:0.35rem 0.6rem}#featured-projects .project-title{font-size:1rem;margin-bottom:0.5rem}#featured-projects .project-meta{gap:1rem;font-size:0.75rem}#featured-projects .project-description{font-size:0.8rem;margin-bottom:0.6rem}#featured-projects .project-info .btn{padding:0.45rem 0.9rem;font-size:0.75rem}}@media (min-width:992px){#featured-projects .project-card{height:280px}#featured-projects .project-info{padding:1.5rem}#featured-projects .project-image .badge{font-size:0.75rem;padding:0.4rem 0.7rem}#featured-projects .project-title{font-size:1.25rem;margin-bottom:0.75rem;-webkit-line-clamp:2}#featured-projects .project-meta{font-size:0.85rem;gap:1.25rem}#featured-projects .project-description{font-size:0.9rem;-webkit-line-clamp:3;margin-bottom:1rem}#featured-projects .project-info .btn{padding:0.55rem 1.1rem;font-size:0.8rem}#featured-projects .carousel-dots{margin-top:2rem}#featured-projects .dot{width:12px;height:12px}#featured-projects .dot.active{width:40px}}@media (min-width:1200px){#featured-projects .project-card{height:320px}#featured-projects .project-info{padding:2rem}#featured-projects .project-title{font-size:1.5rem;margin-bottom:1rem}#featured-projects .project-description{font-size:1rem;margin-bottom:1.25rem}#featured-projects .project-meta{font-size:0.9rem}#featured-projects .project-info .btn{padding:0.6rem 1.25rem;font-size:0.85rem}}.work-process-section{background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-white) 100%);position:relative;overflow:hidden;padding:3rem 0}.process-timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem;position:relative;max-width:1200px;margin:0 auto;padding:0 0.75rem}.process-step{position:relative;text-align:center;background:white;padding:1.75rem 0.75rem 1.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition-slow);border:2px solid transparent}.process-step:hover{transform:translateY(-10px);box-shadow:0 12px 30px rgba(255,193,7,0.25);border-color:var(--brand-primary)}.process-number{position:absolute;top:-15px;right:10px;width:40px;height:40px;background:linear-gradient( 135deg,var(--brand-secondary) 0%,var(--brand-secondary-dark) 100% );color:white;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;box-shadow:0 4px 12px rgba(255,107,53,0.4);z-index:2;border:3px solid white}.process-icon{width:70px;height:70px;margin:0 auto 0.875rem;background:linear-gradient(135deg,var(--bg-yellow-light) 0%,#ffe69c 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:3px solid var(--brand-primary);transition:var(--transition-slow)}.process-step:hover .process-icon{transform:rotate(360deg) scale(1.1);background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% )}.process-icon i{font-size:1.75rem;color:var(--brand-secondary);transition:var(--transition-base)}.process-step:hover .process-icon i{color:white}.process-title{font-size:0.875rem;font-weight:700;color:var(--text-dark);margin-bottom:0.5rem;line-height:1.3}.process-description{font-size:0.75rem;color:var(--text-muted);line-height:1.4;margin:0}@media (min-width:576px){.process-number{width:50px;height:50px;font-size:1.25rem;top:-20px;right:20px}.process-icon{width:100px;height:100px;margin-bottom:1.5rem}.process-icon i{font-size:2.5rem}.process-title{font-size:1.1rem;margin-bottom:1rem;line-height:1.4}.process-description{font-size:0.9rem;line-height:1.6}.process-step::after{content:"→";position:absolute;top:80px;right:-1.5rem;font-size:2rem;color:var(--brand-primary);font-weight:bold;z-index:1;opacity:0.6;animation:arrow-pulse 2s ease-in-out infinite}.process-step:last-child::after{display:none}}@keyframes arrow-pulse{0%,100%{opacity:0.6;transform:translateX(0)}50%{opacity:1;transform:translateX(5px)}}.video-wrapper-full{position:relative;width:100%;height:100%;min-height:280px;overflow:visible;margin-bottom:1.25rem}.video-decorative-bg{position:absolute;top:-10px;left:-10px;width:60px;height:60px;background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% );border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;opacity:0.15;z-index:0;animation:blob-morph 8s ease-in-out infinite}@keyframes blob-morph{0%,100%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}50%{border-radius:70% 30% 30% 70% / 70% 70% 30% 30%}}.video-decorative-dots{position:absolute;bottom:-10px;right:-10px;width:50px;height:50px;background-image:radial-gradient( circle,var(--brand-primary) 2px,transparent 2px );background-size:12px 12px;opacity:0.3;z-index:0}.video-container{position:relative;width:100%;height:100%;min-height:280px;border-radius:var(--radius-md);background:linear-gradient(145deg,var(--bg-white),var(--bg-light));padding:6px;box-shadow:var(--shadow-md),0 0 0 1px rgba(255,193,7,0.1);z-index:1;transition:var(--transition-slow)}.video-container:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 0 2px rgba(255,193,7,0.3)}.video-badge{position:absolute;top:-10px;left:16px;background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% );color:var(--text-dark);padding:5px 12px;border-radius:20px;font-size:0.7rem;font-weight:600;z-index:2;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-brand);animation:badge-pulse 3s ease-in-out infinite}.video-badge i{font-size:1rem;animation:play-icon-pulse 2s ease-in-out infinite}@keyframes play-icon-pulse{0%,100%{opacity:1}50%{opacity:0.7}}.video-corner-tl,.video-corner-br{position:absolute;width:25px;height:25px;border:2px solid var(--brand-primary);z-index:0;opacity:0.6}.video-corner-tl{top:-8px;left:-8px;border-right:none;border-bottom:none;border-radius:12px 0 0 0}.video-corner-br{bottom:-8px;right:-8px;border-left:none;border-top:none;border-radius:0 0 12px 0}.video-container iframe{width:100%;height:100%;min-height:268px;border-radius:8px;box-shadow:none;border:none;display:block;position:relative;z-index:1}.about-content{padding:0;display:flex;flex-direction:column;justify-content:space-between;height:100%}.about-content h2{color:var(--text-dark);font-size:1.3rem;letter-spacing:0.5px;line-height:1.3;margin-bottom:1rem}.about-content p{line-height:1.8;font-size:0.85rem;margin-bottom:1rem}.about-content ul{flex-grow:0;margin-bottom:1rem}.about-content ul li{line-height:1.6;font-size:0.8rem;margin-bottom:0.65rem}.about-content ul li i{flex-shrink:0;margin-top:0.25rem;font-size:1.15rem;margin-right:0.5rem}.about-stats{background:linear-gradient(135deg,var(--bg-yellow-light) 0%,#ffe69c 100%);padding:0.85rem 1rem;border-radius:var(--radius-md);border-left:4px solid var(--brand-primary);box-shadow:0 2px 8px rgba(255,193,7,0.2);margin-bottom:1rem;display:flex;flex-direction:column;text-align:center;gap:0.5rem}.about-stats h3{font-size:1.5rem}.about-stats .stat-text p{font-size:0.8rem}@media (min-width:576px){.video-wrapper-full{min-height:300px;margin-bottom:1.5rem}.video-container{min-height:300px;padding:8px}.video-container iframe{min-height:284px}.about-content h2{font-size:1.5rem}.about-content p{font-size:0.9rem}.about-content ul li{font-size:0.85rem;margin-bottom:0.75rem}.about-stats{padding:1rem 1.25rem}.about-stats h3{font-size:1.7rem}.video-badge{font-size:0.75rem;padding:6px 14px}.video-decorative-bg{width:80px;height:80px;top:-15px;left:-15px}.video-decorative-dots{width:60px;height:60px}.video-corner-tl,.video-corner-br{width:30px;height:30px}}@media (min-width:768px){.video-wrapper-full{min-height:350px}.video-container{min-height:350px;padding:10px}.video-container iframe{min-height:330px}.about-content h2{font-size:1.6rem}.about-content p{font-size:0.95rem}.about-content ul li{font-size:0.9rem}.about-content ul li i{font-size:1.25rem}.about-stats{padding:1.25rem 1.5rem;flex-direction:row;text-align:left}.about-stats h3{font-size:2rem}.about-stats .stat-text p{font-size:0.9rem}.video-badge{font-size:0.8rem;padding:6px 16px}.video-decorative-bg{width:100px;height:100px}.video-decorative-dots{width:80px;height:80px}}@media (min-width:992px){.video-wrapper-full{min-height:400px;height:auto;margin-bottom:0}.video-container{min-height:400px;padding:12px}.video-container iframe{min-height:376px}.about-content{height:auto}.about-content h2{font-size:1.75rem}.about-content p{font-size:1rem}.about-content ul li{font-size:0.95rem;margin-bottom:0.85rem}.about-stats{padding:1.5rem 2rem}.video-badge{font-size:0.85rem;padding:8px 20px;top:-12px;left:24px}.video-badge i{font-size:1.2rem}.video-decorative-bg{width:150px;height:150px;top:-20px;left:-20px}.video-decorative-dots{width:100px;height:100px;bottom:-15px;right:-15px;background-size:15px 15px}.video-corner-tl,.video-corner-br{width:40px;height:40px;border-width:3px}}@media (min-width:1200px){.about-content h2{font-size:2rem}}.why-choose-us{position:relative;overflow:hidden;padding:2.5rem 0}.why-image-wrapper{position:relative;width:100%;height:100%;min-height:300px;overflow:visible;margin-bottom:1.25rem}.why-decorative-bg{position:absolute;top:-10px;left:-10px;width:80px;height:80px;background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% );border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;opacity:0.15;z-index:0;animation:blob-morph 8s ease-in-out infinite}.why-decorative-dots{position:absolute;bottom:-10px;right:-10px;width:60px;height:60px;background-image:radial-gradient( circle,var(--brand-primary) 2px,transparent 2px );background-size:12px 12px;opacity:0.3;z-index:0}.why-image-container{position:relative;width:100%;height:100%;border-radius:var(--radius-md);background:linear-gradient(145deg,var(--bg-white),var(--bg-light));padding:8px;box-shadow:var(--shadow-md),0 0 0 1px rgba(255,193,7,0.1);z-index:1;transition:var(--transition-slow)}.why-image-container:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 0 2px rgba(255,193,7,0.3)}.why-image-container img{width:100%;height:auto;min-height:284px;object-fit:cover;border-radius:var(--radius-sm);display:block}.why-badge{position:absolute;top:-10px;left:16px;background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% );color:var(--text-dark);padding:6px 14px;border-radius:20px;font-size:0.75rem;font-weight:600;z-index:2;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-brand);animation:badge-pulse 3s ease-in-out infinite}.why-badge i{font-size:1rem}.why-corner-tl,.why-corner-br{position:absolute;width:25px;height:25px;border:2px solid var(--brand-primary);z-index:0;opacity:0.6}.why-corner-tl{top:-8px;left:-8px;border-right:none;border-bottom:none;border-radius:12px 0 0 0}.why-corner-br{bottom:-8px;right:-8px;border-left:none;border-top:none;border-radius:0 0 12px 0}.why-content{padding:0;display:flex;flex-direction:column;justify-content:center;height:100%}.section-label span{font-size:0.75rem;padding-left:40px}.section-label span::before{width:32px}.why-content h2{color:var(--text-dark);font-size:1.3rem;line-height:1.3;letter-spacing:0.3px;margin-bottom:1rem}.why-content>p{line-height:1.8;font-size:0.85rem;color:var(--text-body);margin-bottom:1.25rem}.features-grid{display:grid;grid-template-columns:1fr;gap:0.875rem}.feature-item{display:flex;gap:1rem;align-items:flex-start;background:linear-gradient( 135deg,var(--bg-yellow-light) 0%,#ffe69c 15%,var(--bg-white) 100% );padding:0.875rem;border-radius:var(--radius-md);border-left:4px solid var(--brand-secondary);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.feature-item:hover{transform:translateX(8px);box-shadow:0 4px 15px rgba(255,107,53,0.15);border-left-color:var(--brand-primary)}.feature-number{flex-shrink:0;width:40px;height:40px;background:linear-gradient( 135deg,var(--brand-secondary) 0%,var(--brand-secondary-dark) 100% );color:white;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;box-shadow:0 3px 10px rgba(255,107,53,0.3)}.feature-content{flex:1}.feature-title{font-size:0.95rem;font-weight:700;color:var(--text-dark);margin-bottom:0.4rem;line-height:1.3}.feature-desc{font-size:0.8rem;color:var(--text-muted);line-height:1.5;margin:0}@media (min-width:576px){.why-image-wrapper{min-height:350px;margin-bottom:1.5rem}.why-image-container{padding:10px}.why-image-container img{min-height:330px}.why-content h2{font-size:1.5rem}.why-content>p{font-size:0.9rem}.features-grid{gap:1rem}.feature-item{padding:1rem}.feature-number{width:42px;height:42px;font-size:1.1rem}.feature-title{font-size:1rem}.feature-desc{font-size:0.85rem}.why-badge{font-size:0.8rem;padding:6px 16px}}@media (min-width:768px){.why-choose-us{padding:3rem 0}.why-image-wrapper{min-height:400px}.why-image-container img{min-height:376px}.why-content h2{font-size:1.6rem}.why-content>p{font-size:0.95rem}.section-label span{font-size:0.8rem}.features-grid{gap:1.25rem}.feature-item{padding:1.25rem}.feature-number{width:45px;height:45px;font-size:1.15rem}.feature-title{font-size:1.05rem}.feature-desc{font-size:0.875rem}.why-decorative-bg{width:100px;height:100px}.why-decorative-dots{width:80px;height:80px}}@media (min-width:992px){.why-image-wrapper{min-height:450px;height:auto;margin-bottom:0}.why-image-container{padding:12px}.why-image-container img{min-height:426px}.why-content{padding:0;height:auto}.why-content h2{font-size:1.75rem}.why-content>p{font-size:1rem}.section-label span{font-size:0.85rem}.features-grid{gap:1.5rem}.feature-item{padding:1.5rem}.feature-number{width:50px;height:50px;font-size:1.25rem}.feature-title{font-size:1.1rem;margin-bottom:0.5rem}.feature-desc{font-size:0.9rem;line-height:1.6}.why-badge{font-size:0.85rem;padding:8px 20px;top:-12px;left:24px}.why-badge i{font-size:1.2rem}.why-decorative-bg{width:150px;height:150px;top:-20px;left:-20px}.why-decorative-dots{width:100px;height:100px;bottom:-15px;right:-15px;background-size:15px 15px}.why-corner-tl,.why-corner-br{width:40px;height:40px;border-width:3px}}@media (min-width:1200px){.why-content h2{font-size:2rem}.feature-title{font-size:1.15rem}}.filter-section{overflow-x:hidden}.project-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem;margin-top:1.5rem;max-width:100%}.project-filters .btn{padding:0.6rem 0.5rem;font-size:0.85rem;line-height:1.3;text-align:center;display:flex;align-items:center;justify-content:center;min-height:42px;white-space:nowrap}.project-filters .btn i{font-size:0.9rem;margin-right:0.35rem}.project-filters .btn-warning{background-color:#ffe45c;border-color:#ffe45c;color:var(--text-dark);font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.project-filters .btn-warning i{color:var(--text-dark)}.project-filters .btn-warning:hover{background-color:#ffd633;border-color:#ffd633}.project-filters .btn-outline-secondary:hover{background-color:var(--bg-light);color:var(--text-dark);border-color:#dcdcdc}@media (max-width:767px){.filter-section .container{padding-left:15px;padding-right:15px;max-width:100%;overflow-x:hidden}.project-filters .d-flex{display:grid !important;grid-template-columns:repeat(2,1fr);gap:0.5rem;width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box}.project-filters{margin-top:0;padding:0;max-width:100%;overflow-x:hidden}.project-filters .btn{width:100%;max-width:100%;font-size:0.8rem;padding:0.5rem 0.4rem;line-height:1.2;text-align:center;display:flex;align-items:center;justify-content:center;min-height:40px;white-space:normal;word-break:break-word;box-sizing:border-box}.project-filters .btn i{font-size:0.85rem;margin-right:0.3rem;flex-shrink:0}}@media (max-width:359px){.filter-section .container{padding-left:10px;padding-right:10px}.project-filters .d-flex{grid-template-columns:1fr;gap:0.4rem}.project-filters .btn{font-size:0.75rem;padding:0.5rem 0.3rem;min-height:38px}.project-filters .btn i{font-size:0.8rem;margin-right:0.25rem}}@media (min-width:1400px){.project-filters{max-width:1200px;margin-left:auto;margin-right:auto}}.chinh-sach-vn{--policy-primary:#ffc107;--policy-text:#2c3e50;--policy-border:#e8e8e8;--policy-bg-light:#f8f9fa;--policy-shadow:0 2px 8px rgba(0,0,0,0.08)}.chinh-sach-vn .list-group{border-radius:8px;overflow:hidden;box-shadow:var(--policy-shadow)}.chinh-sach-vn .list-group-item{border:none;border-bottom:1px solid var(--policy-border);padding:1rem 1.25rem;transition:all 0.3s ease;color:var(--policy-text);font-weight:500}.chinh-sach-vn .list-group-item:last-child{border-bottom:none}.chinh-sach-vn .list-group-item:hover{background-color:var(--policy-bg-light);padding-left:1.5rem;color:var(--policy-primary)}.chinh-sach-vn .list-group-item.active{background:linear-gradient(135deg,var(--policy-primary) 0%,#ffb300 100%);color:#000;font-weight:600;border-left:4px solid #ff9800}.chinh-sach-vn .card{border-radius:12px;overflow:hidden;box-shadow:var(--policy-shadow);border:1px solid var(--policy-border)}.chinh-sach-vn .card-header{background:linear-gradient( 135deg,var(--policy-primary) 0%,#ffb300 100% ) !important;padding:1.5rem;border-bottom:none}.chinh-sach-vn .card-header h3{color:#000 !important;font-weight:700;font-size:1.5rem;margin:0;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.chinh-sach-vn .card-body{padding:2rem;line-height:1.8;color:var(--policy-text)}.chinh-sach-vn .card-body h1,.chinh-sach-vn .card-body h2,.chinh-sach-vn .card-body h3,.chinh-sach-vn .card-body h4{color:var(--policy-text);font-weight:600;margin-top:2rem;margin-bottom:1rem}.chinh-sach-vn .card-body h2{font-size:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid var(--policy-primary)}.chinh-sach-vn .card-body h3{font-size:1.25rem}.chinh-sach-vn .card-body p{margin-bottom:1rem}.chinh-sach-vn .card-body ul,.chinh-sach-vn .card-body ol{margin-bottom:1.5rem;padding-left:1.5rem}.chinh-sach-vn .card-body li{margin-bottom:0.5rem}.chinh-sach-vn .card-body strong{color:var(--policy-text);font-weight:600}.chinh-sach-vn .bg-light{background-color:var(--policy-bg-light) !important;border-radius:12px;border:1px solid var(--policy-border)}.chinh-sach-vn .bg-light h5{color:var(--policy-text);font-weight:700}.chinh-sach-vn .btn-warning{background:linear-gradient(135deg,var(--policy-primary) 0%,#ffb300 100%);border:none;color:#000;font-weight:600;padding:0.75rem 1.5rem;border-radius:8px;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(255,193,7,0.3)}.chinh-sach-vn .btn-warning:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(255,193,7,0.4)}.chinh-sach-vn .btn-outline-warning{border:2px solid var(--policy-primary);color:var(--policy-text);font-weight:600;padding:0.75rem 1.5rem;border-radius:8px;transition:all 0.3s ease}.chinh-sach-vn .btn-outline-warning:hover{background:var(--policy-primary);color:#000;transform:translateY(-2px)}.chinh-sach-vn .text-center .bi-file-earmark-text{color:#cbd5e0}@media (max-width:991.98px){.chinh-sach-vn .list-group{position:static !important;margin-bottom:1.5rem}.chinh-sach-vn .card-body{padding:1.5rem}.chinh-sach-vn .card-header h3{font-size:1.25rem}}html{scroll-behavior:smooth}.filter-sidebar{position:sticky;top:80px}.filter-sidebar ul{list-style:none;padding:0}.filter-sidebar ul li a{display:block;padding:0.75rem 1rem;color:var(--text-muted);transition:var(--transition-base);border-radius:var(--radius-sm);margin-bottom:0.25rem}.filter-sidebar ul li a:hover,.filter-sidebar ul li a.active{color:#000;background:var(--bg-yellow-light);padding-left:1.5rem;font-weight:500}.page-loader{position:fixed;inset:0;background:rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity 0.4s ease,visibility 0.4s ease;visibility:visible;opacity:1}.page-loader.hidden{opacity:0;visibility:hidden}.loader-content{text-align:center;color:#fff}.loader-logo{width:200px;max-width:60vw;margin-bottom:20px;animation:fadeIn 1.2s ease-in-out}.loader-dots{display:flex;justify-content:center;gap:8px;height:20px;align-items:center}.loader-dots span{display:block;width:10px;height:10px;background:var(--brand-primary,#ffc107);border-radius:50%;animation:slideRightToLeft 1.5s infinite ease-in-out}.loader-dots span:nth-child(1){animation-delay:0s}.loader-dots span:nth-child(2){animation-delay:0.15s}.loader-dots span:nth-child(3){animation-delay:0.3s}.loader-dots span:nth-child(4){animation-delay:0.45s}.loader-dots span:nth-child(5){animation-delay:0.6s}@keyframes slideRightToLeft{0%{transform:translateX(50px);opacity:0}50%{opacity:1}100%{transform:translateX(-50px);opacity:0}}@keyframes fadeIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.product-card:focus-within,.blog-card:focus-within{outline:2px solid var(--brand-primary);outline-offset:3px}.product-name a:focus,.blog-card .card-title a:focus,.product-card .btn:focus,.blog-card .btn:focus{outline:2px solid var(--brand-primary);outline-offset:2px}@media (prefers-contrast:high){.mobile-blog-carousel-btn{border:2px solid currentColor}.mobile-blog-carousel-dot{border:1px solid currentColor}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.mobile-blog-carousel-track{transition:none}.mobile-blog-carousel-btn,.mobile-blog-carousel-dot,.blog-card,.product-card{transition:none}.blog-card:hover img,.product-card:hover .product-image img{transform:none}}@media print{.navbar,.floating-buttons,.scroll-to-top,.chatbot-button,.chatbot-widget,footer .social-links,.btn,.mobile-blog-carousel-btn,.mobile-blog-carousel-dots{display:none !important}.product-card,.blog-card{break-inside:avoid;box-shadow:none !important;border:1px solid #ddd}.product-card:hover,.blog-card:hover{transform:none}body{font-size:12pt;line-height:1.5}h1{font-size:24pt}h2{font-size:18pt}h3{font-size:14pt}a{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}}.bg-gray-dark{background-color:#0606060a;color:#000000}.text-truncate-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.timeline{gap:1.25rem 0.75rem}.process-step{padding:1.5rem 0.625rem 1rem}.process-number{width:38px;height:38px;font-size:0.95rem}.process-icon{width:65px;height:65px}.process-icon i{font-size:1.6rem}.process-title{font-size:0.825rem}.process-description{font-size:0.7rem}@media (min-width:768px){.work-process-section{padding:3.5rem 0}.process-timeline{padding:0;gap:2.5rem 1.5rem}.process-step{padding:2rem 1.25rem 1.75rem}.process-number{width:45px;height:45px;font-size:1.15rem}.process-icon{width:90px;height:90px;margin-bottom:1.25rem}.process-icon i{font-size:2.25rem}.process-title{font-size:1rem}.process-description{font-size:0.875rem}}@media (min-width:992px){.work-process-section{padding:4rem 0}.process-timeline{grid-template-columns:repeat(4,1fr);gap:2rem}.process-step{padding:2.5rem 1.5rem 2rem;border-radius:var(--radius-lg)}}.section-label{display:inline-block;width:fit-content}.section-label span{color:#ffd700;font-size:0.85rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;position:relative;padding-left:50px}.section-label span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:2px;background:#ffd700}.product-card{transition:var(--transition-slow);border-radius:12px;border:1px solid var(--bg-gray);background:var(--bg-white);position:relative;overflow:hidden;margin-bottom:1rem}.product-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient( 90deg,var(--brand-primary),var(--brand-primary-dark),var(--brand-primary) );opacity:0;transition:var(--transition-base)}.product-card:hover{transform:translateY(-6px);box-shadow:0 15px 40px rgba(255,193,7,0.25) !important}.product-card:hover::before{opacity:1}.product-image{overflow:hidden;background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-gray) 100%);height:220px;border-top-left-radius:12px;border-top-right-radius:12px;position:relative}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}.product-image::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( to bottom,transparent 0%,rgba(0,0,0,0.05) 100% );opacity:0;transition:var(--transition-base)}.product-card:hover .product-image::after{opacity:1}.product-image .badge{font-size:0.8rem;padding:0.4rem 0.65rem;font-weight:700;border-radius:0 0 12px 0;background:linear-gradient( 135deg,var(--color-danger) 0%,#c82333 100% ) !important;box-shadow:0 3px 10px rgba(220,53,69,0.4);animation:badge-pulse 2s ease-in-out infinite;letter-spacing:0.5px}.product-card .card-body{padding:1rem 0.875rem;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(to bottom,var(--bg-white) 0%,#fafafa 100%);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.product-name{font-size:0.95rem;font-weight:700;line-height:1.4;height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0.4rem}.product-name a{color:var(--text-dark);transition:var(--transition-base);text-decoration:none;position:relative}.product-price{margin-bottom:0.1rem;text-align:center;width:100%}.product-price .price{color:var(--brand-primary);font-size:1.15rem;font-weight:700;display:block;margin-bottom:0.25rem;text-shadow:0 1px 2px rgba(255,193,7,0.2)}.product-price .price.text-danger{color:var(--color-danger) !important;font-size:1.2rem}.product-price .old-price{color:var(--text-light);text-decoration:line-through;font-size:0.85rem;margin-left:0.5rem;display:inline-block;font-weight:500}.product-card .btn{align-self:center;width:100%;max-width:160px;padding:0.6rem 1.1rem;font-weight:600;font-size:0.8rem;border-radius:20px;background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% );border:none;color:var(--text-dark);transition:var(--transition-slow);box-shadow:var(--shadow-brand);position:relative;overflow:hidden}.product-card .btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:var(--radius-full);background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.5s ease,height 0.5s ease}.product-card .btn:hover::before{width:300px;height:300px}.product-card .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,53,0.4);background:linear-gradient( 135deg,var(--brand-primary-dark) 0%,var(--brand-secondary) 100% );color:var(--bg-white)}.product-card .btn i{transition:var(--transition-base);position:relative;z-index:1}.product-card .btn:hover i{transform:scale(1.2)}.product-card .btn span{position:relative;z-index:1}@media (min-width:576px){.product-image{height:240px}.product-card{border-radius:14px}.product-card .card-body{padding:1.25rem 1rem}.product-name{font-size:1rem;height:2.8em}.product-price .price{font-size:1.25rem}.product-card .btn{max-width:180px;padding:0.65rem 1.25rem;font-size:0.85rem}}@media (min-width:768px){.product-image{height:280px}.product-card{border-radius:var(--radius-lg);margin-bottom:1.5rem}.product-card .card-body{padding:1.5rem 1.25rem}.product-name{font-size:1.05rem;height:3em}.product-price{margin-bottom:1rem}.product-price .price{font-size:1.3rem}.product-card .btn{max-width:200px;padding:0.75rem 1.5rem;font-size:0.9rem;border-radius:25px}.product-card:hover{transform:translateY(-12px)}}@media (min-width:992px){.product-image{height:300px}.product-name{font-size:1.1rem}.product-price .price{font-size:1.4rem}.product-price{margin-bottom:1.25rem}}.blog-card{overflow:hidden;display:flex;flex-direction:column;height:100%;transition:var(--transition-slow);border-radius:12px;border:1px solid var(--bg-gray);background:var(--bg-white);position:relative;margin-bottom:1rem}.blog-card:hover{transform:translateY(-6px);box-shadow:0 15px 40px rgba(255,193,7,0.25) !important}.blog-card .position-relative{overflow:hidden;background:linear-gradient(135deg,var(--bg-light) 0%,var(--bg-gray) 100%);position:relative;height:140px}.blog-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}.blog-card .position-relative::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( to bottom,transparent 0%,rgba(0,0,0,0.05) 100% );opacity:0;transition:var(--transition-base)}.blog-card .badge{font-size:0.7rem;padding:0.3rem 0.55rem;font-weight:700;border-radius:0 0 12px 0;background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% ) !important;color:var(--text-dark) !important;box-shadow:var(--shadow-brand);animation:badge-pulse 2s ease-in-out infinite;z-index:2}.blog-card .card-body{padding:0.75rem 0.65rem;display:flex;flex-direction:column;flex:1;background:linear-gradient(to bottom,var(--bg-white) 0%,#fafafa 100%)}.blog-card .d-flex.align-items-center{font-size:0.65rem;margin-bottom:0.5rem;gap:0.35rem}.blog-card .d-flex.align-items-center span{display:inline-flex;align-items:center;gap:0.25rem;color:var(--text-muted);white-space:nowrap}.blog-card .d-flex.align-items-center i{font-size:0.8rem}.blog-card .card-title{font-size:0.875rem;font-weight:700;line-height:1.4;min-height:2.8em;max-height:2.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0.5rem}.blog-card .card-title a{color:var(--text-dark);text-decoration:none;transition:var(--transition-base);position:relative}.blog-card .card-text{font-size:0.7rem;line-height:1.5;min-height:1.5em;max-height:1.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:0.3rem;flex:1;color:var(--text-muted)}.blog-card .btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.45rem 0.9rem;font-weight:600;font-size:0.65rem;border-radius:18px;background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% );border:none;color:var(--text-dark);transition:var(--transition-slow);box-shadow:var(--shadow-brand);position:relative;overflow:hidden;width:fit-content}.blog-card .btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:var(--radius-full);background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.5s ease,height 0.5s ease}.blog-card .btn:hover::before{width:300px;height:300px}.blog-card .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,53,0.4);background:linear-gradient( 135deg,var(--brand-primary-dark) 0%,var(--brand-secondary) 100% );color:var(--bg-white)}.blog-card .btn i{transition:var(--transition-base);position:relative;z-index:1}.blog-card .btn:hover i{transform:translateX(5px)}.blog-card .btn span{position:relative;z-index:1}@media (min-width:576px){.blog-card{border-radius:var(--radius-md)}.blog-card .position-relative{height:160px}.blog-card .card-body{padding:0.875rem 0.75rem}.blog-card .d-flex.align-items-center{font-size:0.7rem;margin-bottom:0.55rem}.blog-card .card-title{font-size:0.95rem;line-height:1.4;min-height:2.8em;max-height:2.8em;margin-bottom:0.55rem}.blog-card .card-text{font-size:0.75rem;line-height:1.5;min-height:1.5em;max-height:1.5em;-webkit-line-clamp:1;margin-bottom:0.4rem}.blog-card .btn{padding:0.5rem 1rem;font-size:0.7rem}.blog-card .badge{font-size:0.75rem;padding:0.35rem 0.6rem}}@media (min-width:768px){.blog-card{border-radius:14px}.blog-card .position-relative{height:180px}.blog-card .card-body{padding:1rem 0.875rem}.blog-card .d-flex.align-items-center{font-size:0.75rem;margin-bottom:0.6rem}.blog-card .card-title{font-size:1rem;line-height:1.4;min-height:2.8em;max-height:2.8em;margin-bottom:0.65rem}.blog-card .card-text{font-size:0.8rem;line-height:1.5;min-height:1.5em;max-height:1.5em;-webkit-line-clamp:1;margin-bottom:0.5rem}.blog-card .btn{padding:0.55rem 1.1rem;font-size:0.75rem}.blog-card:hover{transform:translateY(-10px)}}@media (min-width:992px){.blog-card{border-radius:var(--radius-lg);margin-bottom:1.5rem}.blog-card .position-relative{height:200px}.blog-card .card-body{padding:1.125rem 1rem}.blog-card .d-flex.align-items-center{font-size:0.8rem;margin-bottom:0.7rem}.blog-card .card-title{font-size:1.15rem;line-height:1.4;min-height:2.8em;max-height:2.8em;margin-bottom:0.75rem}.blog-card .card-text{font-size:0.85rem;line-height:1.5;min-height:1.5em;max-height:1.5em;-webkit-line-clamp:1;margin-bottom:0.5rem}.blog-card .btn{padding:0.6rem 1.2rem;font-size:0.8rem;border-radius:22px}}@media (min-width:1200px){.blog-card .position-relative{height:220px}.blog-card .card-title{font-size:1.2rem;line-height:1.4;min-height:2.8em;max-height:2.8em}}.cta-section{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);position:relative;overflow:hidden;padding:4rem 0 !important}.cta-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 45deg,transparent 48%,rgba(255,107,35,0.03) 49%,rgba(255,107,35,0.03) 51%,transparent 52% ),linear-gradient( -45deg,transparent 48%,rgba(255,193,7,0.03) 49%,rgba(255,193,7,0.03) 51%,transparent 52% );background-size:30px 30px;opacity:0.5;z-index:0}.cta-bg-pattern{position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient( circle,rgba(255,107,35,0.15) 0%,transparent 70% );border-radius:50%;z-index:1;animation:pulse-glow 4s ease-in-out infinite}@keyframes pulse-glow{0%,100%{transform:scale(1);opacity:0.3}50%{transform:scale(1.1);opacity:0.5}}.cta-person-image{position:absolute;right:5%;bottom:0;width:350px;height:100%;background:url("../img/worker-cta.png") no-repeat bottom right;background-size:contain;z-index:2;opacity:0.9;pointer-events:none}.cta-section .container{position:relative;z-index:3}.cta-label{display:inline-block;color:var(--brand-primary);font-size:0.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;position:relative;padding-left:60px;margin-bottom:1rem}.cta-label::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:50px;height:2px;background:var(--brand-primary)}.cta-title{color:var(--bg-white);font-size:2rem;font-weight:700;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.cta-description{color:#d0d0d0;font-size:1rem;line-height:1.6;max-width:600px}.btn-cta{display:inline-flex;align-items:center;gap:1rem;background:linear-gradient( 135deg,var(--brand-secondary) 0%,var(--brand-secondary-dark) 100% );color:var(--bg-white);padding:1rem 2rem;border-radius:50px;font-weight:700;font-size:1rem;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 8px 25px rgba(255,107,35,0.4);transition:all 0.3s ease;border:2px solid transparent}.btn-cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.3),transparent );transition:left 0.5s ease}.btn-cta:hover::before{left:100%}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(255,107,35,0.6);color:var(--bg-white);border-color:rgba(255,255,255,0.3)}.btn-cta span{position:relative;z-index:1;letter-spacing:1px}.cta-icon{width:40px;height:40px;background:rgba(0,0,0,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;position:relative;z-index:1}.btn-cta:hover .cta-icon{background:rgba(0,0,0,0.3);transform:translateX(5px) rotate(45deg)}.cta-icon i{font-size:1.2rem}@media (max-width:991px){.cta-person-image{display:none}.cta-bg-pattern{right:-30%}.cta-title{font-size:1.75rem}.cta-description{font-size:0.95rem}}@media (max-width:767px){.cta-section{padding:3rem 0 !important}.cta-label{font-size:0.7rem;padding-left:50px}.cta-label::before{width:40px}.cta-title{font-size:1.5rem}.cta-description{font-size:0.9rem}.btn-cta{padding:0.85rem 1.5rem;font-size:0.9rem}.cta-icon{width:35px;height:35px}}.search-info-box{background:linear-gradient(135deg,var(--bg-yellow-light) 0%,#ffe69c 100%);border-left:4px solid var(--brand-primary);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm)}.search-icon{width:50px;height:50px;background:var(--brand-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-icon i{font-size:1.5rem;color:var(--text-dark)}.search-keyword{font-size:1.25rem;font-weight:700;color:var(--text-dark)}.search-count{font-size:0.95rem;color:var(--text-muted)}.search-section .section-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:2px solid var(--bg-gray)}.search-section .section-icon{width:40px;height:40px;background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% );border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.search-section .section-icon i{font-size:1.25rem;color:var(--text-dark)}.search-section .section-title{font-size:1.5rem;font-weight:700;color:var(--text-dark)}.search-section .result-badge{background:var(--brand-secondary);color:white;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.875rem;font-weight:600}.search-section .view-all-link{color:var(--brand-primary);text-decoration:none;font-weight:600;font-size:0.95rem;transition:var(--transition-base);display:flex;align-items:center;gap:0.25rem}.search-section .view-all-link:hover{color:var(--brand-primary-dark)}.search-section .view-all-link i{transition:var(--transition-base)}.search-section .view-all-link:hover i{transform:translateX(5px)}.no-results-container{background:var(--bg-white);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;box-shadow:var(--shadow-md);max-width:700px;margin:2rem auto}.no-results-icon{width:100px;height:100px;background:linear-gradient(135deg,var(--bg-yellow-light) 0%,#ffe69c 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.no-results-icon i{font-size:3rem;color:var(--brand-primary)}.no-results-title{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin-bottom:0.75rem}.no-results-text{font-size:1rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.6}.no-results-suggestions{background:var(--bg-light);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2rem;text-align:left}.no-results-suggestions h4{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin-bottom:1rem}.no-results-suggestions ul{list-style:none;padding:0;margin:0}.no-results-suggestions li{padding:0.5rem 0;color:var(--text-body);font-size:0.95rem}.no-results-suggestions li i{color:var(--color-success);margin-right:0.5rem}.no-results-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.search-bottom-cta{background:linear-gradient( 135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100% );border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-brand)}.search-bottom-cta h3{color:var(--text-dark);font-weight:700;font-size:1.5rem}.search-bottom-cta p{font-size:1rem}@media (max-width:767px){.search-info-box{padding:1rem}.search-icon{width:40px;height:40px}.search-icon i{font-size:1.25rem}.search-keyword{font-size:1rem}.search-count{font-size:0.85rem}.search-section .section-header{flex-direction:column;align-items:flex-start;gap:1rem}.search-section .section-title{font-size:1.25rem}.no-results-container{padding:2rem 1rem}.no-results-icon{width:80px;height:80px}.no-results-icon i{font-size:2.5rem}.no-results-title{font-size:1.5rem}.no-results-actions{flex-direction:column}.no-results-actions .btn{width:100%}.search-bottom-cta{padding:1.5rem;text-align:center}.search-bottom-cta h3{font-size:1.25rem}}@media (min-width:768px){.search-info-box{padding:2rem}.no-results-container{padding:4rem 3rem}}.product-card,.product-card:focus,.product-card:focus-within,.blog-card,.blog-card:focus,.blog-card:focus-within{outline:none !important;box-shadow:none !important}.product-name a,.product-name a:focus,.product-name a:active,.blog-card .card-title a,.blog-card .card-title a:focus,.blog-card .card-title a:active{outline:none !important;box-shadow:none !important}.product-card .btn,.product-card .btn:focus,.product-card .btn:active,.blog-card .btn,.blog-card .btn:focus,.blog-card .btn:active{outline:none !important;box-shadow:var(--shadow-brand) !important}.blog-card img,.blog-card img:focus,.product-image img,.product-image img:focus{outline:none !important}.product-card *,.blog-card *{outline:none !important}.product-card *:focus,.blog-card *:focus{outline:none !important}.newsletter-section{position:relative;background:linear-gradient( 135deg,var(--brand-primary-dark) 0%,var(--brand-secondary) 100% );overflow:hidden}.newsletter-bg-pattern{position:absolute;inset:0;background-image:radial-gradient( circle at 20% 50%,rgba(255,255,255,0.15) 0%,transparent 50% ),radial-gradient( circle at 80% 80%,rgba(255,255,255,0.1) 0%,transparent 50% );pointer-events:none}.newsletter-wrapper{position:relative;z-index:1}.newsletter-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:#ffffff;color:var(--brand-primary);border-radius:50px;font-size:0.85rem;font-weight:700;margin-bottom:1rem}.newsletter-title{font-size:2.5rem;font-weight:800;color:white;margin-bottom:1rem;line-height:1.2}.newsletter-title .highlight{background:linear-gradient(135deg,var(--brand-primary) 0%,#ffb300 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.newsletter-desc{font-size:1.1rem;color:rgba(255,255,255,0.9);margin-bottom:1.5rem;line-height:1.6}.newsletter-benefits{list-style:none;padding:0;margin:0}.newsletter-benefits li{display:flex;align-items:center;gap:0.75rem;color:white;font-size:1rem;margin-bottom:0.75rem}.newsletter-benefits i{color:var(--brand-primary);font-size:1.2rem}.newsletter-form-wrapper{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.3)}.form-group-inline{display:flex;gap:1rem;margin-bottom:1rem}.newsletter-input{flex:1;padding:1rem 1.5rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all 0.3s ease}.newsletter-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 4px rgba(255,193,7,0.1)}.newsletter-btn{padding:1rem 2rem;background:linear-gradient(135deg,var(--brand-primary) 0%,#ffb300 100%);color:white;border:none;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:0.5rem;transition:all 0.3s ease;white-space:nowrap}.newsletter-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,193,7,0.3)}.newsletter-btn:active{transform:translateY(0)}.newsletter-btn:disabled{opacity:0.6;cursor:not-allowed}.newsletter-btn .btn-icon,.newsletter-btn .btn-spinner{display:flex;align-items:center}.form-check-label{font-size:0.9rem;color:#7f8c8d;cursor:pointer}.form-check-input{cursor:pointer}.form-check-input:checked{background-color:var(--brand-primary);border-color:var(--brand-primary)}.newsletter-message{margin-top:1rem;padding:1rem;border-radius:10px;font-weight:600;display:none;transition:opacity 0.3s ease}.newsletter-message.success{display:block;background:#d4edda;color:#155724;border:1px solid #c3e6cb}.newsletter-message.error{display:block;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.newsletter-trust{display:flex;justify-content:space-around;margin-top:2rem;padding-top:2rem;border-top:2px solid #f0f0f0}.trust-item{display:flex;flex-direction:column;align-items:center;gap:0.5rem;color:#7f8c8d;font-size:0.85rem;text-align:center}.trust-item i{font-size:1.5rem;color:var(--brand-primary)}@media (max-width:991px){.newsletter-title{font-size:2rem}.newsletter-form-wrapper{padding:2rem}}@media (max-width:576px){.newsletter-title{font-size:1.75rem}.form-group-inline{flex-direction:column}.newsletter-btn{width:100%;justify-content:center}.newsletter-trust{flex-direction:column;gap:1rem}}.testimonials-section{position:relative;overflow:hidden}.testimonials-carousel-wrapper{position:relative;max-width:1000px;margin:0 auto}.testimonials-track{display:flex;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);cursor:grab}.testimonials-track.dragging{cursor:grabbing;transition:none}.testimonial-card{min-width:100%;padding:3rem 2rem;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.08);position:relative;transition:transform 0.3s ease}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-quote{position:absolute;top:-10px;left:30px;width:60px;height:60px;background:var(--brand-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:2rem;box-shadow:0 5px 20px rgba(255,193,7,0.3)}.testimonial-stars{margin:2rem 0 1rem;color:#ffc107;font-size:1.2rem}.testimonial-text{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:2rem;font-style:italic;min-height:120px}.testimonial-author{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;border-top:2px solid #e9ecef}.author-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid var(--brand-primary);flex-shrink:0}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-name{font-size:1.1rem;font-weight:700;margin-bottom:0.25rem;color:#2c3e50}.author-position{font-size:0.9rem;color:#7f8c8d;margin:0}.testimonials-dots{display:flex;justify-content:center;gap:10px;margin-top:2rem}.testimonial-dot{width:12px;height:12px;border-radius:50%;background:#ddd;border:none;cursor:pointer;transition:all 0.3s ease;padding:0}.testimonial-dot.active{background:var(--brand-primary);transform:scale(1.3)}@media (max-width:768px){.testimonial-card{padding:2rem 1.5rem}.testimonial-text{font-size:1rem;min-height:auto}.testimonial-quote{width:50px;height:50px;font-size:1.5rem}}.trust-badges-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);overflow-x:hidden}.trust-badge{text-align:center;padding:1.5rem 1rem;background:white;border-radius:15px;transition:all 0.3s ease;height:100%;min-height:200px;border:2px solid transparent;display:flex;flex-direction:column;justify-content:center;align-items:center}.trust-badge:hover{transform:translateY(-10px);border-color:var(--brand-primary);box-shadow:0 15px 40px rgba(255,193,7,0.2)}.trust-icon{width:70px;height:70px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--brand-primary) 0%,#ffb300 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:2rem;position:relative;animation:float 3s ease-in-out infinite;flex-shrink:0}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.trust-badge h4{font-size:clamp(0.95rem,2.5vw,1.2rem);font-weight:700;margin-bottom:0.5rem;color:#2c3e50;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:100%}.trust-badge p{font-size:clamp(0.8rem,2vw,0.95rem);color:#7f8c8d;margin:0;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:100%}.trust-badge{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.trust-badge.revealed{opacity:1;transform:translateY(0)}@media (max-width:991px){.trust-badge{padding:1.25rem 0.75rem;min-height:180px}.trust-icon{width:60px;height:60px;font-size:1.75rem;margin-bottom:0.75rem}.trust-badge h4{font-size:clamp(0.9rem,2.2vw,1.1rem);margin-bottom:0.4rem}.trust-badge p{font-size:clamp(0.75rem,1.8vw,0.9rem)}}@media (max-width:768px){.trust-badges-section{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.trust-badge{padding:1rem 0.5rem;min-height:160px}.trust-icon{width:50px;height:50px;font-size:1.5rem;margin-bottom:0.65rem}.trust-badge h4{font-size:clamp(0.85rem,3vw,1rem);line-height:1.2;margin-bottom:0.35rem}.trust-badge p{font-size:clamp(0.7rem,2.5vw,0.85rem);line-height:1.3}}@media (max-width:575px){.trust-badge{padding:0.85rem 0.4rem;min-height:145px}.trust-icon{width:45px;height:45px;font-size:1.35rem;margin-bottom:0.5rem}.trust-badge h4{font-size:clamp(0.8rem,3.5vw,0.95rem);line-height:1.2;margin-bottom:0.3rem}.trust-badge p{font-size:clamp(0.65rem,2.8vw,0.8rem);line-height:1.25}}@media (max-width:359px){.trust-badge{padding:0.75rem 0.3rem;min-height:135px}.trust-icon{width:40px;height:40px;font-size:1.2rem;margin-bottom:0.4rem}.trust-badge h4{font-size:0.75rem;line-height:1.15;margin-bottom:0.25rem}.trust-badge p{font-size:0.65rem;line-height:1.2}}@media (min-width:1200px){.trust-badge{padding:2rem 1.25rem;min-height:220px}.trust-icon{width:80px;height:80px;font-size:2.5rem;margin-bottom:1.25rem}}.timeline-section{overflow-x:hidden}.timeline-container{position:relative;max-width:1200px;margin:0 auto;padding:2rem 1rem;overflow-x:hidden}.timeline-container::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:4px;height:100%;background:linear-gradient(180deg,var(--brand-primary) 0%,#ffb300 100%);border-radius:2px}.timeline-item{display:flex;justify-content:flex-end;padding-right:calc(50%+10px);padding-bottom:4rem;position:relative;opacity:0;transform:translateX(-50px);transition:all 0.6s cubic-bezier(0.4,0,0.2,1)}.timeline-item:nth-child(even){justify-content:flex-start;padding-right:0;padding-left:calc(50%+10px);transform:translateX(50px)}.timeline-item.revealed{opacity:1;transform:translateX(0)}.timeline-item::before{content:attr(data-year);position:absolute;left:50%;transform:translateX(-50%);width:80px;height:80px;background:var(--brand-primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 0 0 8px rgba(255,193,7,0.2);z-index:2}.timeline-content{background:white;padding:2rem;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.1);width:calc(50% - 100px);max-width:100%;position:relative;transition:all 0.3s ease}.timeline-item:nth-child(even) .timeline-content{margin-right:0;margin-left:0}.timeline-item:nth-child(odd) .timeline-content{margin-right:0}.timeline-content:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(255,193,7,0.2)}.timeline-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--brand-primary) 0%,#ffb300 100%);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;margin-bottom:1rem}.timeline-content h4{font-size:1.3rem;font-weight:700;margin-bottom:0.75rem;color:#2c3e50}.timeline-content p{color:#7f8c8d;margin:0;line-height:1.6}@media (max-width:768px){.timeline-container{padding:2rem 0.5rem}.timeline-container::before{left:30px}.timeline-item{justify-content:flex-start !important;padding-left:80px !important;padding-right:0 !important}.timeline-item::before{left:30px;width:60px;height:60px;font-size:0.9rem}.timeline-content{margin-left:0 !important;margin-right:0 !important;width:calc(100% - 90px)}}.trang-lien-he-vn .contact-form .form-control{background-color:#f5f3f0;border:none;border-radius:25px;padding:15px 25px;font-size:15px;color:#666;transition:all 0.3s ease}.trang-lien-he-vn .contact-form .form-control:focus{background-color:#ebe9e6;box-shadow:0 0 0 3px rgba(255,193,7,0.15);outline:none}.trang-lien-he-vn .contact-form .form-control::placeholder{color:#999}.trang-lien-he-vn .contact-form textarea.form-control{border-radius:20px;min-height:150px;resize:vertical}.trang-lien-he-vn .contact-form .form-label{color:#333;font-size:14px;margin-bottom:8px;font-weight:500}.trang-lien-he-vn .contact-form .btn-warning{background:linear-gradient(135deg,#ffc107 0%,#ff9800 100%);border:none;border-radius:25px;padding:12px 40px;font-weight:600;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(255,193,7,0.3)}.trang-lien-he-vn .contact-form .btn-warning:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,193,7,0.4);background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%)}.trang-lien-he-vn .contact-form .btn-warning:active{transform:translateY(0)}.trang-lien-he-vn .contact-form .card{border-radius:20px;overflow:hidden}.trang-lien-he-vn .contact-info-card{border-radius:20px;transition:transform 0.3s ease}.trang-lien-he-vn .contact-info-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1) !important}.trang-lien-he-vn .contact-info-card .bi{transition:transform 0.3s ease}.trang-lien-he-vn .contact-info-card:hover .bi{transform:scale(1.1)}.trang-lien-he-vn .social-links .btn{transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;padding:0}.trang-lien-he-vn .social-links .btn:hover{transform:translateY(-3px) scale(1.05)}.trang-lien-he-vn .social-links .btn-outline-primary:hover{background-color:#1877f2;color:white;border-color:#1877f2}.trang-lien-he-vn .social-links .btn-outline-info:hover{background-color:#0068ff;color:white;border-color:#0068ff}.trang-lien-he-vn .social-links .btn-outline-danger:hover{background-color:#ff0000;color:white;border-color:#ff0000}.trang-lien-he-vn .social-links .btn-outline-dark:hover{background-color:#000000;color:white;border-color:#000000}.trang-lien-he-vn .map-container{border-radius:20px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.1)}.trang-lien-he-vn .alert-info{background-color:#e7f3ff;border:none;border-left:4px solid #2196f3;border-radius:10px}@media (max-width:768px){.trang-lien-he-vn .contact-form .form-control{padding:12px 20px;font-size:14px}.trang-lien-he-vn .contact-form .btn-warning{width:100%;padding:15px}.trang-lien-he-vn .social-links{justify-content:center}}@keyframes trang-lien-he-fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.trang-lien-he-vn .card{animation:trang-lien-he-fadeInUp 0.6s ease-out}.trang-lien-he-vn .text-muted{color:#666 !important}.trang-lien-he-vn .fw-bold{color:#333}.trang-lien-he-vn .text-danger{font-size:13px;margin-top:5px;padding-left:25px}.trang-san-pham-vn .filter-sidebar{border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.trang-san-pham-vn .filter-sidebar h5{color:#333}.trang-san-pham-vn .filter-sidebar a{color:#666;transition:all 0.2s ease;display:block;padding:8px 0}.trang-san-pham-vn .filter-sidebar a:hover{color:#ffc107;padding-left:5px}.trang-san-pham-vn .filter-sidebar a.text-warning{color:#ffc107 !important}.trang-san-pham-vn .filter-sidebar .form-control{border-radius:20px 0 0 20px;border:1px solid #ddd}.trang-san-pham-vn .filter-sidebar .btn-warning{border-radius:0 20px 20px 0}.trang-san-pham-vn .form-select{border-radius:20px;border:1px solid #ddd;padding:8px 15px}.trang-san-pham-vn .d-flex.justify-content-between{padding:15px;border-radius:10px;margin-bottom:20px}@media (max-width:768px){.trang-san-pham-vn .filter-sidebar{margin-bottom:20px}}.trang-san-pham-vn .bi-inbox{opacity:0.3}.trang-san-pham-chi-tiet-vn{--primary-color:#ffc107;--primary-light:#fff8e1;--text-dark:#2c3e50;--text-muted:#6c757d;--bg-light:#f8f9fa;--border-color:#e9ecef;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1)}.trang-san-pham-chi-tiet-vn .page-header{background:linear-gradient(to bottom,#ffffff,#f8f9fa);border-bottom:1px solid var(--border-color)}.trang-san-pham-chi-tiet-vn .page-header h1{color:var(--text-dark);font-size:1.75rem;letter-spacing:-0.5px}.trang-san-pham-chi-tiet-vn .breadcrumb{background:transparent;padding:0;margin:0;font-size:0.9rem}.trang-san-pham-chi-tiet-vn .breadcrumb-item+.breadcrumb-item::before{color:var(--text-muted)}.trang-san-pham-chi-tiet-vn .breadcrumb-item a{color:var(--text-muted);text-decoration:none}.trang-san-pham-chi-tiet-vn .breadcrumb-item.active{color:var(--text-dark)}.trang-san-pham-chi-tiet-vn .product-detail-image{background:#ffffff;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md)}.trang-san-pham-chi-tiet-vn .product-detail-image img{display:block;width:100%;height:auto;border-radius:12px}.trang-san-pham-chi-tiet-vn .product-detail-image .badge{font-size:1.1rem;font-weight:600;padding:0.5rem 0.75rem;border-radius:8px}.trang-san-pham-chi-tiet-vn h2.h3{color:var(--text-dark);font-weight:700;line-height:1.3;letter-spacing:-0.3px}.trang-san-pham-chi-tiet-vn .badge{font-weight:500;padding:0.4rem 0.75rem;border-radius:6px;font-size:0.85rem}.trang-san-pham-chi-tiet-vn .badge.bg-info{background-color:#e3f2fd !important;color:#1976d2}.trang-san-pham-chi-tiet-vn .badge.bg-warning{background-color:var(--primary-light) !important;color:#f57c00}.trang-san-pham-chi-tiet-vn .product-price-detail{background:var(--primary-light);border:1px solid #ffe082;border-radius:10px;padding:1.5rem !important}.trang-san-pham-chi-tiet-vn .product-price-detail h2{color:#f57c00;font-weight:700;margin:0}.trang-san-pham-chi-tiet-vn .product-price-detail .text-muted{font-size:0.95rem}.trang-san-pham-chi-tiet-vn .product-price-detail .badge.bg-danger{background-color:#ffebee !important;color:#c62828;font-weight:600}.trang-san-pham-chi-tiet-vn .btn{border-radius:8px;font-weight:600;letter-spacing:0.3px;border:none;transition:none}.trang-san-pham-chi-tiet-vn .btn-warning{background-color:var(--primary-color);color:#ffffff;box-shadow:var(--shadow-sm)}.trang-san-pham-chi-tiet-vn .btn-outline-primary{border:2px solid #2196f3}.trang-san-pham-chi-tiet-vn .btn-outline-secondary{border:2px solid var(--border-color)}.trang-san-pham-chi-tiet-vn .border-top{border-color:var(--border-color) !important;padding-top:1.25rem !important}.trang-san-pham-chi-tiet-vn .border-top h6{color:var(--text-dark);font-size:0.9rem;font-weight:600}.trang-san-pham-chi-tiet-vn .nav-tabs{border-bottom:2px solid var(--border-color)}.trang-san-pham-chi-tiet-vn .nav-tabs .nav-link{color:var(--text-muted);border:none;border-bottom:3px solid transparent;padding:0.75rem 1.5rem;font-weight:600;font-size:0.95rem;border-radius:0;background:transparent}.trang-san-pham-chi-tiet-vn .nav-tabs .nav-link.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:transparent}.trang-san-pham-chi-tiet-vn .tab-content .bg-light{background-color:var(--bg-light) !important;border:1px solid var(--border-color);border-radius:10px;padding:1.5rem !important}.trang-san-pham-chi-tiet-vn .tab-content .bg-white{background-color:#ffffff !important;border:1px solid var(--border-color);border-radius:10px;padding:1.5rem !important}.trang-san-pham-chi-tiet-vn h5.fw-bold{color:var(--text-dark);font-size:1.1rem;font-weight:700;margin-bottom:1rem !important;padding-bottom:0.75rem !important}.trang-san-pham-chi-tiet-vn .border-bottom.border-warning{border-bottom:2px solid var(--primary-color) !important}.trang-san-pham-chi-tiet-vn .table{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin-bottom:0}.trang-san-pham-chi-tiet-vn .table th,.trang-san-pham-chi-tiet-vn .table td{padding:0.875rem;vertical-align:middle;border-color:var(--border-color)}.trang-san-pham-chi-tiet-vn .table thead{background-color:var(--bg-light)}.trang-san-pham-chi-tiet-vn .table tbody tr:nth-child(even){background-color:#fafafa}.trang-san-pham-chi-tiet-vn .table .bg-light{background-color:var(--bg-light) !important}.trang-san-pham-chi-tiet-vn .card{border:1px solid var(--border-color);border-radius:10px;background:#ffffff;box-shadow:var(--shadow-sm)}.trang-san-pham-chi-tiet-vn .card-body{padding:1.25rem !important}.trang-san-pham-chi-tiet-vn .card.border-warning{border-color:#ffe082 !important;background-color:var(--primary-light) !important}.trang-san-pham-chi-tiet-vn .badge.bg-light{background-color:var(--bg-light) !important;color:var(--text-dark) !important;border:1px solid var(--border-color) !important;font-weight:500}.trang-san-pham-chi-tiet-vn .badge.bg-success{background-color:#e8f5e9 !important;color:#2e7d32 !important;font-weight:600}.trang-san-pham-chi-tiet-vn .list-unstyled li{padding:0.375rem 0;line-height:1.6}.trang-san-pham-chi-tiet-vn .bi{vertical-align:middle}.trang-san-pham-chi-tiet-vn .text-warning{color:var(--primary-color) !important}.trang-san-pham-chi-tiet-vn h3.fw-bold{color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem !important;padding-bottom:0.75rem;border-bottom:2px solid var(--border-color)}@media (max-width:991.98px){.trang-san-pham-chi-tiet-vn .page-header h1{font-size:1.5rem}.trang-san-pham-chi-tiet-vn .product-detail-image{margin-bottom:1.5rem}.trang-san-pham-chi-tiet-vn .nav-tabs .nav-link{padding:0.65rem 1rem;font-size:0.9rem}}@media (max-width:575.98px){.trang-san-pham-chi-tiet-vn .page-header h1{font-size:1.3rem}.trang-san-pham-chi-tiet-vn .product-price-detail{padding:1.25rem !important}.trang-san-pham-chi-tiet-vn .btn-lg{font-size:1rem;padding:0.75rem 1rem}.trang-san-pham-chi-tiet-vn .nav-tabs .nav-link{padding:0.6rem 0.75rem;font-size:0.85rem}}