@font-face{font-family:ShopeeDisplay;src:url("/fonts/Font update 0505/ShopeeDisplay-Light.ttf")format("truetype");font-weight:300;font-display:swap}@font-face{font-family:ShopeeDisplay;src:url("/fonts/Font update 0505/ShopeeDisplay-Regular.ttf")format("truetype");font-weight:400;font-display:swap}@font-face{font-family:ShopeeDisplay;src:url("/fonts/Font update 0505/ShopeeDisplay-Medium.ttf")format("truetype");font-weight:500;font-display:swap}@font-face{font-family:ShopeeDisplay;src:url("/fonts/Font update 0505/ShopeeDisplay-Bold.ttf")format("truetype");font-weight:700;font-display:swap}@font-face{font-family:ShopeeDisplay;src:url("/fonts/Font update 0505/ShopeeDisplay-ExtraBold.ttf")format("truetype");font-weight:800;font-display:swap}@font-face{font-family:ShopeeDisplay;src:url("/fonts/Font update 0505/ShopeeDisplay-Black.ttf")format("truetype");font-weight:900;font-display:swap}@font-face{font-family:BeVietnamPro;src:url(/fonts/BeVietnamPro-Regular.ttf)format("truetype");font-weight:400;font-display:swap}:root{--color-primary:#f9a45f;--color-primary-light:#f9ad8e;--color-primary-dark:#e08a3f;--color-primary-bg:#fff5eb;--color-secondary:#2e365a;--color-secondary-light:#6499c4;--color-secondary-dark:#1e2440;--color-secondary-bg:#f8f4ef;--color-accent:#6499c4;--color-accent-warm:#f9ad8e;--color-cream:#f8f4ef;--color-success:#10b981;--color-danger:#f43f5e;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--font-primary:"ShopeeDisplay", "BeVietnamPro", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 12px 30px #0f172a1a;--shadow-xl:0 20px 60px #0f172a1f;--shadow-primary:0 4px 20px #34d3994d;--shadow-secondary:0 4px 20px #2e365a40;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--container-max:1200px;--header-height:130px}@media (max-width:900px){:root{--header-height:70px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-gray-800);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500;line-height:1.6}a{color:inherit;transition:color var(--transition-base);text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.container{width:100%;max-width:var(--container-max);padding:0 var(--spacing-6);margin:0 auto}.section{padding:var(--spacing-20) 0}.section-sm{padding:var(--spacing-12) 0}.section-cream{background:linear-gradient(135deg, var(--color-primary-bg) 0%, #fff 50%, var(--color-secondary-bg) 100%)}.section-cream-reverse{background:linear-gradient(315deg, var(--color-primary-bg) 0%, #fff 50%, var(--color-secondary-bg) 100%)}.section-tag{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--spacing-3);font-weight:700;display:inline-block}.section-title{font-size:var(--font-size-3xl);color:var(--color-secondary);margin-bottom:var(--spacing-4);font-weight:700;line-height:1.2}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);max-width:600px;line-height:1.7}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:2px solid #0000;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-primary)}.btn-primary:hover{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));color:var(--color-white);box-shadow:0 6px 25px #f2652266}.btn-secondary{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark));color:var(--color-white);border-color:var(--color-secondary);box-shadow:var(--shadow-secondary)}.btn-secondary:hover{background:linear-gradient(135deg, var(--color-secondary-light), var(--color-secondary));color:var(--color-white);box-shadow:0 6px 25px #2e319259}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.btn-white{background:var(--color-white);color:var(--color-primary);border-color:var(--color-white)}.btn-white:hover{color:var(--color-white);border-color:var(--color-white);background:0 0}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:700;display:inline-block}.badge-primary{background:var(--color-primary);color:#fff}.badge-secondary{background:var(--color-secondary);color:#fff}.badge-success{background:var(--color-success);color:#fff}.card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.form-group{margin-bottom:var(--spacing-4)}.form-label{font-size:var(--font-size-sm);color:var(--color-gray-700);margin-bottom:var(--spacing-2);font-weight:600;display:block}.form-control{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-primary);color:var(--color-gray-800);background:var(--color-white);transition:all var(--transition-base);outline:none}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #f265221f}.form-control::placeholder{color:var(--color-gray-400)}textarea.form-control{resize:vertical;min-height:120px}.page-header{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-dark) 60%, #1a1f3a 100%);padding:calc(var(--header-height) + var(--spacing-12)) 0 var(--spacing-12);text-align:center;position:relative;overflow:hidden}.page-header:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.page-header-title{font-size:var(--font-size-4xl);color:var(--color-white);margin-bottom:var(--spacing-3);font-weight:700;position:relative}.page-header-subtitle{font-size:var(--font-size-lg);color:#fffc;position:relative}.floating-actions{right:var(--spacing-5);bottom:var(--spacing-8);gap:var(--spacing-3);z-index:1000;flex-direction:column;display:flex;position:fixed}.floating-btn{border-radius:var(--radius-full);width:50px;height:50px;box-shadow:var(--shadow-lg);transition:all var(--transition-base);color:#fff;justify-content:center;align-items:center;font-size:1.25rem;text-decoration:none;display:flex;position:relative}.floating-btn:hover{color:#fff;transform:scale(1.15)}.floating-btn-phone,.floating-btn-messenger,.floating-btn-zalo{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark))}.floating-btn .tooltip{background:var(--color-gray-900);color:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-base);position:absolute;right:calc(100% + 10px)}.floating-btn:hover .tooltip{opacity:1}.scroll-to-top{right:var(--spacing-5);bottom:calc(var(--spacing-8) + 180px);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);width:44px;height:44px;box-shadow:var(--shadow-md);cursor:pointer;z-index:999;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:fixed}.scroll-to-top:hover{background:var(--color-primary-dark);transform:translateY(-3px)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg, var(--color-gray-200) 25%, var(--color-gray-100) 50%, var(--color-gray-200) 75%);border-radius:var(--radius-md);background-size:1000px 100%;animation:1.5s infinite shimmer}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fadeInUp{animation:.6s forwards fadeInUp}.animate-fadeIn{animation:.4s forwards fadeIn}@media (max-width:1024px){.container{padding:0 var(--spacing-5)}}@media (max-width:768px){:root{--font-size-5xl:2.5rem;--font-size-4xl:2rem;--font-size-3xl:1.625rem}.container{padding:0 var(--spacing-4)}.section{padding:var(--spacing-12) 0}.section-title{font-size:var(--font-size-2xl)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}}@media (max-width:480px){.container{padding:0 var(--spacing-3)}}