@import"https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";:root{--color-up-purple:#6a2c91;--color-up-gold:#f2c94c;--color-up-gold-dark:#d4af37;--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-primary:var(--color-up-purple);--color-secondary:var(--color-up-gold);--color-background:var(--color-gray-50);--color-text-main:var(--color-gray-900);--color-text-muted:var(--color-gray-500);--color-border:var(--color-gray-200);--font-family-main:"Sarabun",sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text-main);font-family:var(--font-family-main);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color .2s}ul{list-style:none}button{cursor:pointer;font-family:inherit}.container{margin:0 auto;max-width:1280px;padding:0 var(--spacing-md)}.text-h1{font-size:2.5rem;font-weight:700;line-height:1.3}.text-h2{font-size:2rem}.text-h2,.text-h3{font-weight:600;line-height:1.3}.text-h3{font-size:1.75rem}.text-h4{font-size:1.5rem;font-weight:600;line-height:1.4}.text-body{font-size:1rem;font-weight:400}.text-sm{font-size:.875rem;font-weight:400}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-center{text-align:center}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);display:inline-flex;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:all .2s}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:#552075}.btn-secondary{background-color:var(--color-secondary);color:var(--color-gray-900)}.btn-secondary:hover{background-color:var(--color-up-gold-dark)}.btn-outline{background-color:transparent;border-color:var(--color-border)}.btn-outline:hover{background-color:var(--color-gray-100)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.my-xs{margin-bottom:var(--spacing-xs);margin-top:var(--spacing-xs)}.my-sm{margin-bottom:var(--spacing-sm);margin-top:var(--spacing-sm)}.my-md{margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}.my-lg{margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg)}.my-xl{margin-bottom:var(--spacing-xl);margin-top:var(--spacing-xl)}.my-2xl{margin-bottom:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.mx-xl{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.mx-2xl{margin-left:var(--spacing-2xl);margin-right:var(--spacing-2xl)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.ml-2xl{margin-left:var(--spacing-2xl)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.mr-2xl{margin-right:var(--spacing-2xl)}.py-xs{padding-bottom:var(--spacing-xs);padding-top:var(--spacing-xs)}.py-sm{padding-bottom:var(--spacing-sm);padding-top:var(--spacing-sm)}.py-md{padding-bottom:var(--spacing-md);padding-top:var(--spacing-md)}.py-lg{padding-bottom:var(--spacing-lg);padding-top:var(--spacing-lg)}.py-xl{padding-bottom:var(--spacing-xl);padding-top:var(--spacing-xl)}.py-2xl{padding-bottom:var(--spacing-2xl);padding-top:var(--spacing-2xl)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.px-2xl{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pl-xl{padding-left:var(--spacing-xl)}.pl-2xl{padding-left:var(--spacing-2xl)}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.pr-xl{padding-right:var(--spacing-xl)}.pr-2xl{padding-right:var(--spacing-2xl)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pb-2xl{padding-bottom:var(--spacing-2xl)}.border-b{border-bottom:2px solid var(--color-up-gold)}.btn-view-all{align-items:center;background-color:var(--color-white);border:1px solid var(--color-up-purple);border-radius:50px;box-shadow:var(--shadow-sm);color:var(--color-up-purple);display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.btn-view-all:hover{background-color:var(--color-up-purple);box-shadow:var(--shadow-md);color:var(--color-white);transform:translateY(-2px)}.btn-view-all svg{height:20px;transition:transform .3s;width:20px}.btn-view-all:hover svg{transform:translate(4px)}.filters{display:flex;flex-wrap:wrap;gap:1rem}.filter-btn{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-full);color:var(--color-gray-600);padding:.5rem 1.5rem;transition:all .2s}.filter-btn.active,.filter-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.w-full{width:100%}