@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_2fe1ab3d-module__-T-KAq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_2fe1ab3d-module__-T-KAq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/cf5137f13e977cd9-s.p.1459bcs68rz16.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/7f8ffe3f2925e231-s.0qumj9lgb7bof.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/d5110018ffd17724-s.p.12j25mg.ms01i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/cf5137f13e977cd9-s.p.1459bcs68rz16.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/7f8ffe3f2925e231-s.0qumj9lgb7bof.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/d5110018ffd17724-s.p.12j25mg.ms01i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/cf5137f13e977cd9-s.p.1459bcs68rz16.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/7f8ffe3f2925e231-s.0qumj9lgb7bof.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/d5110018ffd17724-s.p.12j25mg.ms01i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/cf5137f13e977cd9-s.p.1459bcs68rz16.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/7f8ffe3f2925e231-s.0qumj9lgb7bof.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/d5110018ffd17724-s.p.12j25mg.ms01i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Looped Fallback;src:local(Arial);ascent-override:117.56%;descent-override:32.92%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_looped_543b2874-module__CY9quW__className{font-family:Noto Sans Thai Looped,Noto Sans Thai Looped Fallback;font-style:normal}.noto_sans_thai_looped_543b2874-module__CY9quW__variable{--font-thai:"Noto Sans Thai Looped", "Noto Sans Thai Looped Fallback"}
:root{--brand-pink:#e16c9e;--brand-pink-dark:#b83d75;--brand-blue:#6c9ee1;--brand-blue-dark:#4a7bc4;--bg-primary:#fdfbfc;--bg-navbar:#fffffff7;--bg-card:#fff;--bg-section-alt:#fdf7fa;--bg-section-blue:#f4f8fd;--bg-footer:#6c9ee1;--border-color:#f0e4ea;--text-primary:#2b2f3a;--text-secondary:#5f6470;--accent:#e16c9e;--accent-hover:#c2477a;--tag-bg:#fbeaf0;--tag-text:#993556;--code-bg:#f7ecf1;--code-text:#b83d75;--code-block-bg:#1e293b;--code-block-text:#fff;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--max-width:1200px;--content-width:720px;--navbar-height:64px;--radius:8px;--radius-lg:12px;--radius-pill:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--navbar-height) + var(--space-lg))}body{font-family:var(--font-inter), var(--font-thai), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.7}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.3}h1{font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--space-md);color:var(--text-primary)}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}strong{font-weight:600}code{background-color:var(--code-bg);color:var(--code-text);border-radius:4px;padding:.15em .4em;font-family:Fira Code,Consolas,monospace;font-size:.9em}pre{background-color:var(--code-block-bg);color:var(--code-block-text);padding:var(--space-lg);border-radius:var(--radius);margin-bottom:var(--space-lg);overflow-x:auto}pre code{color:inherit;background:0 0;padding:0;font-size:.875rem}.course-card-badges{gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.course-badge{border-radius:var(--radius-pill);background-color:var(--tag-bg);color:var(--tag-text);padding:.15rem .7rem;font-size:.75rem}.blog-toolbar{max-width:var(--max-width);margin:0 auto var(--space-xl);padding:0 var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.blog-search-input{color:#334155;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-pill);outline:none;width:100%;max-width:420px;padding:.6rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.blog-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e16c9e2e}.blog-tag-filter{gap:var(--space-sm);flex-wrap:wrap;display:flex}.tag-filter-btn{color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-pill);cursor:pointer;background-color:#0000;padding:.3rem .9rem;font-family:inherit;font-size:.85rem;transition:all .2s}.tag-filter-btn:hover{border-color:var(--accent)}.tag-filter-btn.active{background-color:var(--accent);color:#fff;border-color:var(--accent)}.hljs{color:#e2e8f0}.hljs-comment,.hljs-quote{color:#94a3b8;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-deletion{color:#f472b6}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-meta .hljs-string{color:#86efac}.hljs-number,.hljs-literal,.hljs-symbol,.hljs-bullet{color:#fdba74}.hljs-title,.hljs-title.function_,.hljs-section{color:#93c5fd}.hljs-title.class_,.hljs-type,.hljs-built_in{color:#fde047}.hljs-attr,.hljs-attribute,.hljs-variable,.hljs-template-variable,.hljs-property{color:#a5b4fc}.hljs-name,.hljs-selector-class,.hljs-selector-id{color:#f9a8d4}.hljs-meta,.hljs-doctag{color:#7dd3fc}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}blockquote{border-left:4px solid var(--brand-pink);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);background-color:var(--tag-bg);color:#72243e;border-radius:0;font-style:italic}img{border-radius:var(--radius);max-width:100%;height:auto}.container{max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.section-alt{background-color:var(--bg-section-alt)}.section:has(.courses-grid){background-color:var(--bg-section-blue)}.section:has(.courses-grid) .section-title{border-left-color:var(--brand-blue)}.btn-primary{background-color:var(--accent);color:#fff;border-radius:var(--radius-pill);border:2px solid var(--accent);cursor:pointer;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:background-color .2s,transform .1s;display:inline-block}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);color:#fff;transform:translateY(-1px)}.btn-outline{color:var(--accent);border-radius:var(--radius-pill);border:2px solid var(--accent);cursor:pointer;background-color:#0000;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:background-color .2s,color .2s,transform .1s;display:inline-block}.btn-outline:hover{background-color:var(--accent);color:#fff;transform:translateY(-1px)}.tag{background-color:var(--tag-bg);color:var(--tag-text);border-radius:var(--radius-pill);letter-spacing:.02em;padding:.2rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.navbar{height:var(--navbar-height);background-color:var(--bg-navbar);border-bottom:1px solid var(--border-color);z-index:1000;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar-container{max-width:var(--max-width);padding:0 var(--space-lg);justify-content:space-between;align-items:center;width:100%;margin:0 auto;display:flex}.navbar-logo{color:#e16c9e;font-size:1.25rem;font-weight:700}.navbar-logo:hover{color:#cf5c8c}.navbar-links{gap:var(--space-xl);list-style:none;display:flex}.navbar-link{color:#475569;font-size:.95rem;font-weight:500;transition:color .2s;position:relative}.navbar-link:hover,.navbar-link.active{color:#e16c9e}.navbar-link:after{content:"";background-color:#e16c9e;width:0;height:2px;transition:width .2s;position:absolute;bottom:-4px;left:0}.navbar-link:hover:after{width:100%}.navbar-right{align-items:center;gap:var(--space-md);display:flex}.navbar-hamburger{cursor:pointer;padding:var(--space-sm);color:#475569;background:0 0;border:none;display:none}.navbar-hamburger svg{width:24px;height:24px}.navbar-mobile-menu{top:var(--navbar-height);background-color:var(--bg-navbar);border-bottom:1px solid var(--border-color);padding:var(--space-lg);gap:var(--space-md);z-index:999;flex-direction:column;display:none;position:fixed;left:0;right:0}.navbar-mobile-menu.open{display:flex}.navbar-mobile-link{color:#475569;padding:var(--space-sm) 0;border-bottom:1px solid #00000014;font-size:1.1rem;font-weight:500}.navbar-mobile-link:hover{color:#e16c9e}.footer{background-color:var(--bg-footer);padding:var(--space-2xl) 0;margin-top:var(--space-3xl);border-top:none}.footer-container{max-width:var(--max-width);padding:0 var(--space-lg);text-align:center;margin:0 auto}.footer-social{justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-lg);display:flex}.footer-social-link{color:#ffffffd9;align-items:center;gap:var(--space-xs);font-size:1.25rem;transition:color .2s,transform .2s;display:flex}.footer-social-link:hover{color:#fff;transform:translateY(-2px)}.footer-social-link svg{width:22px;height:22px}.footer-text{color:#ffffffd9;margin-bottom:var(--space-sm);font-size:.85rem}.blog-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-top:3px solid var(--brand-pink);border-radius:var(--radius-lg);transition:transform .2s,box-shadow .2s;overflow:hidden}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2d1a191f}.blog-card-image{color:#475569;background-color:#f3f6fc;justify-content:center;align-items:center;width:100%;height:180px;font-size:.85rem;display:flex;overflow:hidden}.blog-card-image img{object-fit:cover;border-radius:0;width:100%;height:100%}.blog-card-content{padding:var(--space-lg)}.blog-card-title{margin-bottom:var(--space-sm);color:#1e293b;font-size:1.125rem;font-weight:600;line-height:1.4}.blog-card-title a{color:inherit}.blog-card-title a:hover{color:#e16c9e}.blog-card-meta{color:#475569;margin-bottom:var(--space-md);gap:var(--space-md);font-size:.85rem;display:flex}.blog-card-tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.course-card{background-color:var(--bg-card);border:1px solid #dee9f7;border-left:4px solid var(--brand-blue);border-radius:var(--radius-lg);padding:var(--space-xl);transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #2d1a191a}.course-card-title{margin-bottom:var(--space-sm);color:#1e293b;font-size:1.25rem;font-weight:600}.course-card-desc{color:#475569;margin-bottom:var(--space-md);font-size:.95rem;line-height:1.6}.course-card-link{color:#e16c9e;font-size:.95rem;font-weight:600}.course-card-link:hover{color:#cf5c8c}.hero{background-color:var(--brand-pink);padding:calc(var(--navbar-height) + var(--space-3xl)) 0 var(--space-3xl);position:relative;overflow:hidden}.hero:before{content:"";background-color:var(--brand-blue);opacity:.35;border-radius:50%;width:380px;height:380px;position:absolute;top:-80px;right:-80px}.hero:after{content:"";opacity:.12;background-color:#fff;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-120px;right:220px}.hero-container{max-width:var(--max-width);padding:0 var(--space-lg);justify-content:center;align-items:center;gap:var(--space-2xl);z-index:1;margin:0 auto;display:flex;position:relative}.hero-content{flex:0 480px}.hero-content .hero-title,.hero-content .hero-subtitle{color:#fff}.hero-badge{color:#fff;border-radius:var(--radius-pill);margin-bottom:var(--space-lg);background-color:#ffffff38;border:1px solid #fff6;padding:.3rem 1rem;font-size:.85rem;font-weight:500;display:inline-block}.hero .btn-primary{color:var(--brand-pink-dark);background-color:#fff;border-color:#fff}.hero .btn-primary:hover{color:var(--brand-pink-dark);background-color:#fdf0f5;border-color:#fdf0f5}.hero .btn-outline{color:#fff;border-color:#fffc}.hero .btn-outline:hover{color:var(--brand-pink-dark);background-color:#fff}.hero-title{margin-bottom:var(--space-md);font-size:2.75rem;font-weight:700;line-height:1.2}.hero-subtitle{color:#ffffffeb;margin-bottom:var(--space-xl);font-size:1.15rem;line-height:1.6}.hero-buttons{gap:var(--space-md);flex-wrap:wrap;display:flex}.hero-avatar{background-color:var(--brand-blue);color:#fff;border:5px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:360px;height:360px;font-size:3rem;font-weight:700;display:flex}.section{padding:var(--space-3xl) 0}.section-header{max-width:var(--max-width);padding:0 var(--space-lg) var(--space-xl);margin:0 auto}.section-title{padding-left:var(--space-md);border-left:3px solid var(--accent);font-size:1.75rem;font-weight:700}.posts-grid{max-width:var(--max-width);padding:0 var(--space-lg);gap:var(--space-xl);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.courses-grid{max-width:var(--max-width);padding:0 var(--space-lg);gap:var(--space-xl);grid-template-columns:repeat(2,1fr);margin:0 auto;display:grid}.section-more{max-width:var(--max-width);padding:var(--space-xl) var(--space-lg) 0;text-align:center;margin:0 auto}.blog-page{padding-top:calc(var(--navbar-height) + var(--space-2xl));min-height:80vh}.blog-page-header{max-width:var(--max-width);padding:0 var(--space-lg) var(--space-xl);margin:0 auto}.blog-page-title{padding-left:var(--space-md);border-left:3px solid var(--accent);font-size:2rem;font-weight:700}.blog-page-grid{max-width:var(--max-width);padding:0 var(--space-lg);gap:var(--space-xl);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.blog-page-empty{max-width:var(--max-width);padding:var(--space-3xl) var(--space-lg);text-align:center;color:var(--text-secondary);margin:0 auto}.article-page{padding-top:calc(var(--navbar-height) + var(--space-xl));max-width:var(--content-width);margin:var(--space-xl) auto;padding:var(--space-2xl);background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);color:#1e293b;box-shadow:0 4px 16px #0000000d}.article-header{margin-bottom:var(--space-xl)}.article-tag{margin-bottom:var(--space-md);display:inline-block}.article-title{margin-bottom:var(--space-md);color:#1e293b;font-size:2.25rem;font-weight:700;line-height:1.25}.article-meta{align-items:center;gap:var(--space-md);color:#475569;margin-bottom:var(--space-xl);font-size:.9rem;display:flex}.article-meta-avatar{background-color:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:600;display:flex}.article-meta-divider{color:var(--border-color)}.article-cover{background-color:var(--bg-section-alt);border-radius:var(--radius-lg);width:100%;height:360px;margin-bottom:var(--space-2xl);color:var(--text-secondary);justify-content:center;align-items:center;font-size:.9rem;display:flex;overflow:hidden}.article-cover img{object-fit:cover;border-radius:0;width:100%;height:100%}.article-content h2{margin-top:var(--space-2xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);color:#1e293b;border-bottom:1px solid #e5eaf3;font-size:1.625rem}.article-content h3{margin-top:var(--space-xl);margin-bottom:var(--space-md);color:#1e293b;font-size:1.3rem}.article-content p{margin-bottom:var(--space-lg);color:#1e293b;line-height:1.8}.article-content ul,.article-content ol{padding-left:var(--space-xl);margin-bottom:var(--space-lg)}.article-content li{margin-bottom:var(--space-sm);color:#1e293b;line-height:1.7}.article-content a{color:#e16c9e;text-underline-offset:2px;text-decoration:underline}.article-content a:hover{color:#cf5c8c}.article-content img{margin:var(--space-lg) 0;border-radius:var(--radius)}.article-content table{border-collapse:collapse;width:100%;margin-bottom:var(--space-lg)}.article-content th,.article-content td{padding:var(--space-sm) var(--space-md);text-align:left;color:#1e293b;border:1px solid #e5eaf3}.article-content th{background-color:#f3f6fc;font-weight:600}.article-content tr:nth-child(2n){background-color:#f3f6fc}.article-content iframe{aspect-ratio:16/9;border-radius:var(--radius);width:100%;margin:var(--space-lg) 0;border:none}.article-content audio{width:100%;margin:var(--space-lg) 0}.article-footer{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border-color)}.article-tags{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.share-buttons{gap:var(--space-md);margin-bottom:var(--space-2xl);display:flex}.share-btn{align-items:center;gap:var(--space-xs);border-radius:var(--radius);color:#475569;cursor:pointer;background-color:#f3f6fc;border:1px solid #e5eaf3;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:background-color .2s,color .2s;display:inline-flex}.share-btn:hover{color:#fff;background-color:#e16c9e;border-color:#e16c9e}.related-posts{margin-top:var(--space-xl)}.related-posts-title{margin-bottom:var(--space-lg);padding-left:var(--space-md);color:#1e293b;border-left:3px solid #e16c9e;font-size:1.25rem;font-weight:600}.related-posts-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.about-page{padding-top:calc(var(--navbar-height) + var(--space-xl));max-width:var(--content-width);margin:var(--space-xl) auto;padding:var(--space-2xl);background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);color:#1e293b;min-height:80vh;box-shadow:0 4px 16px #0000000d}.about-page-title{margin-bottom:var(--space-xl);padding-left:var(--space-md);color:#1e293b;border-left:3px solid #e16c9e;font-size:2rem;font-weight:700}.about-content{color:#1e293b;line-height:1.8}.about-content h2{margin-top:var(--space-2xl);margin-bottom:var(--space-md);color:#1e293b;font-size:1.5rem}.about-content p{margin-bottom:var(--space-lg);color:#1e293b}.about-content ul{padding-left:var(--space-xl);margin-bottom:var(--space-lg)}.about-content li{margin-bottom:var(--space-sm)}.courses-page{padding-top:calc(var(--navbar-height) + var(--space-2xl));min-height:80vh}.courses-page-header{max-width:var(--max-width);padding:0 var(--space-lg) var(--space-xl);margin:0 auto}.courses-page-title{padding-left:var(--space-md);border-left:3px solid var(--accent);font-size:2rem;font-weight:700}.courses-page-grid{max-width:var(--max-width);padding:0 var(--space-lg);gap:var(--space-xl);grid-template-columns:repeat(2,1fr);margin:0 auto;display:grid}.course-detail-page{padding-top:calc(var(--navbar-height) + var(--space-xl));max-width:var(--content-width);margin:var(--space-xl) auto;padding:var(--space-2xl);background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);color:#1e293b;min-height:80vh;box-shadow:0 4px 16px #0000000d}.course-detail-page h1{margin-bottom:var(--space-xl);padding-left:var(--space-md);color:#1e293b;border-left:3px solid #e16c9e}@media (max-width:1024px){.posts-grid,.blog-page-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.navbar-links{display:none}.navbar-hamburger{display:block}.hero-container{text-align:center;gap:var(--space-xl);flex-direction:column-reverse}.hero-avatar{width:200px;height:200px;font-size:2rem}.hero-title{font-size:2rem}.hero-buttons{justify-content:center}.posts-grid,.blog-page-grid,.courses-grid,.courses-page-grid,.related-posts-grid{grid-template-columns:1fr}.article-title{font-size:1.75rem}.article-cover{height:220px}.share-buttons{flex-wrap:wrap}.footer-social{gap:var(--space-md)}}