:root{--blog-primary:#47D7B6;--blog-primary-dark:#3BC4A5;--blog-secondary:#6A7FDB;--blog-accent:#FF9AA2;--blog-text-dark:#182230;--blog-text-muted:#667085;--blog-text-light:#98A2B3;--blog-bg-white:#ffffff;--blog-bg-light:#F5F9F8;--blog-gradient-primary:linear-gradient(135deg,#47D7B6,#6A7FDB);--blog-gradient-teal:linear-gradient(180deg,#47D7B6,#3BC4A3);--blog-gradient-soft:linear-gradient(180deg,rgba(71,215,182,0.05),#FFFFFF);--blog-shadow-sm:0 1px 3px rgba(0,0,0,0.05);--blog-shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--blog-shadow-lg:0 10px 25px -5px rgba(0,0,0,0.1);--blog-shadow-card:0px 10px 15px -3px rgba(106,127,219,0.1),0px 4px 6px -4px rgba(106,127,219,0.1);--blog-shadow-teal:0px 25px 50px -12px rgba(71,215,182,0.3);--blog-radius-sm:0.5rem;--blog-radius-md:0.75rem;--blog-radius-lg:1rem;--blog-radius-xl:1.5rem;--blog-radius-2xl:2rem;--blog-radius-full:9999px}#blog-page-container{font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif;background-color:var(--blog-bg-light);color:var(--blog-text-dark);overflow-x:hidden}#blog-page-container h1,#blog-page-container h2,#blog-page-container h3,#blog-page-container h4,#blog-page-container h5,#blog-page-container h6{font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif;font-weight:700;line-height:1.2;color:var(--blog-text-dark)}#blog-page-container a,#blog-page-container button,#blog-page-container input,#blog-page-container p,#blog-page-container span{font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif}#blog-page-container .blog-gradient-text{background:var(--blog-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#blog-hero-section{position:relative;overflow:hidden}#blog-hero-title{font-weight:600;color:var(--blog-text-dark)}#blog-hero-subtitle,#blog-hero-title{font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif}#blog-hero-subtitle{color:var(--blog-text-muted)}#blog-search-container{position:relative}#blog-search-input{font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif;transition:all .2s ease}#blog-search-input:focus{outline:none;box-shadow:0 0 0 2px rgba(71,215,182,.2)}#blog-categories-container{display:flex;flex-wrap:wrap;gap:.75rem}.blog-category-btn{font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif;padding:.625rem 1.25rem;border-radius:var(--blog-radius-full);font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;border:none}.blog-category-btn-active{background:var(--blog-gradient-teal);color:white;box-shadow:0 4px 6px -1px rgba(71,215,182,.3)}.blog-category-btn-inactive{background:rgba(255,255,255,.9);color:var(--blog-text-muted);border:1px solid rgba(71,215,182,.2)}.blog-category-btn-inactive:hover{background:white;border-color:rgba(71,215,182,.4)}#blog-cards-grid{display:grid;gap:1.5rem}@media (min-width:768px){#blog-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){#blog-cards-grid{grid-template-columns:repeat(3,1fr)}}article[id^=blog-card-]{background:var(--blog-bg-white);border-radius:var(--blog-radius-xl);border:1px solid rgba(255,255,255,.5);box-shadow:var(--blog-shadow-card);overflow:hidden;transition:all .3s ease}article[id^=blog-card-]:hover{transform:scale(1.02);box-shadow:var(--blog-shadow-lg)}[id^=blog-card-image-container-]{position:relative;height:224px;overflow:hidden}[id^=blog-card-image-container-] img{transition:transform .5s ease}[id^=blog-card-]:hover [id^=blog-card-image-container-] img{transform:scale(1.1)}[id^=blog-card-category-]{position:absolute;top:1rem;left:1rem;padding:.375rem 1rem;border-radius:var(--blog-radius-full);background:rgba(106,127,219,.56);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px 0 rgba(106,127,219,.25);color:white;font-size:.875rem;font-weight:400;font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif}[id^=blog-card-content-]{padding:2rem;display:flex;flex-direction:column;gap:.5rem}[id^=blog-card-meta-]{display:flex;align-items:center;gap:1rem;color:var(--blog-text-light);font-size:.875rem;font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif}[id^=blog-card-title-]{font-size:1.25rem;font-weight:600;color:var(--blog-text-dark);-webkit-line-clamp:2}[id^=blog-card-excerpt-],[id^=blog-card-title-]{line-height:1.5;font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}[id^=blog-card-excerpt-]{font-size:1rem;color:var(--blog-text-muted);-webkit-line-clamp:3}[id^=blog-card-link-]{display:inline-flex;align-items:center;gap:.5rem;color:var(--blog-primary);font-size:1rem;font-weight:500;font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif;margin-top:.5rem;transition:gap .2s ease}[id^=blog-card-link-]:hover{gap:.75rem}#blog-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem}#blog-pagination a,#blog-pagination span{font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif}[id^=blog-pagination-page-][id$=-active]{background:var(--blog-gradient-teal);color:white;box-shadow:0 10px 15px -3px rgba(71,215,182,.3),0 4px 6px -4px rgba(71,215,182,.3)}#blog-newsletter-section{position:relative;overflow:hidden}#blog-newsletter-card{background:var(--blog-gradient-teal);border-radius:1.5rem;box-shadow:var(--blog-shadow-teal)}#blog-page-container #blog-newsletter-title{font-weight:600;color:white}#blog-newsletter-subtitle,#blog-page-container #blog-newsletter-title{font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif}#blog-newsletter-subtitle{color:rgba(245,249,248,.9)}#blog-newsletter-email-input{font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif}#blog-newsletter-submit-button{font-family:"Inter",var(--font-thai),var(--font-sans),"Noto Sans Thai",sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:24px;text-align:center;color:#47D7B6;border-radius:53px;border:2px solid rgba(71,215,182,.3);background:rgba(255,255,255,.9);box-shadow:0 10px 15px -3px rgba(71,215,182,.1),0 4px 6px -4px rgba(71,215,182,.1);transition:all .2s ease}#blog-newsletter-submit-button:hover:not(:disabled){background:white;transform:translateY(-1px)}#blog-empty-state{text-align:center;padding:5rem 1rem}#blog-empty-title{font-weight:700;color:var(--blog-text-dark)}#blog-empty-message,#blog-empty-title{font-family:var(--font-thai),var(--font-sans),"Noto Sans Thai","Inter",sans-serif}#blog-empty-message{color:var(--blog-text-muted)}@keyframes blog-fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blog-fade-in{0%{opacity:0}to{opacity:1}}#blog-page-container .animate-fade-up{animation:blog-fade-up .6s ease-out forwards}#blog-page-container .animate-fade-in{animation:blog-fade-in .4s ease-out forwards}#blog-page-container .delay-100{animation-delay:.1s}#blog-page-container .delay-200{animation-delay:.2s}#blog-page-container .delay-300{animation-delay:.3s}#blog-page-container .delay-400{animation-delay:.4s}#blog-page-container .delay-500{animation-delay:.5s}@media (max-width:768px){#blog-hero-title{font-size:2rem}#blog-hero-subtitle{font-size:1rem}[id^=blog-card-content-]{padding:1.5rem}#blog-newsletter-card{padding:2rem 1.5rem}#blog-newsletter-form{flex-direction:column}}@media (max-width:480px){#blog-categories-container{justify-content:center}.blog-category-btn{padding:.5rem 1rem;font-size:.75rem}#blog-pagination{flex-wrap:wrap}}#blog-page-container :focus-visible{outline:2px solid var(--blog-primary);outline-offset:2px}#blog-newsletter-email-input:focus,#blog-newsletter-email-input:focus-visible{border-radius:47px!important;outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media (prefers-reduced-motion:reduce){#blog-page-container *,#blog-page-container :after,#blog-page-container :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--blog-text-dark:#000000;--blog-text-muted:#333333}}@media print{#blog-page-container{background:white}#blog-newsletter-section{display:none}[id^=blog-card-]{box-shadow:none;border:1px solid #ccc}}