.blog-container{color:#1e293b;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.blog-header{text-align:center;padding:80px 20px 60px}.hero-section{color:#fff;text-align:center;background:linear-gradient(135deg,#2563eb 0%,#9333ea 50%,#4f46e5 100%);margin-bottom:6rem;padding:120px 0 80px;position:relative}.hero-content{max-width:1070px;margin:0 auto;padding:0 24px;position:relative}.hero-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#bfdbfe 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3rem;font-weight:500}.hero-subtitle{color:#bfdbfe;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.1rem;font-weight:300}.hero-overlay{background:#0003;position:absolute;inset:0}.hero-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:400;display:inline-flex}.blog-header-content{max-width:800px;margin:0 auto}.blog-title{color:#274aba;letter-spacing:-.02em;margin-bottom:24px;font-size:3.5rem;font-weight:700}.blog-subtitle{color:#64748b;font-size:1.25rem;font-weight:400;line-height:1.7}.blog-main{max-width:1200px;margin:0 auto;padding:0 20px 80px}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-bottom:80px;display:grid}.blog-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.blog-card:hover{border-color:#274aba;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.blog-card-image{background:#f8fafc;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.blog-card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-card-img{transform:scale(1.05)}.blog-card-content{padding:24px}.blog-card-meta{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.875rem;display:flex}.blog-category{color:#274aba;background:#6366f11a;border-radius:12px;padding:4px 12px;font-weight:500}.blog-date{color:#64748b}.blog-card-title{color:#1e293b;margin-bottom:12px;font-size:1.5rem;font-weight:600;line-height:1.4}.blog-card-excerpt{color:#64748b;margin-bottom:20px;line-height:1.6}.blog-card-footer{justify-content:space-between;align-items:center;display:flex}.read-time{color:#94a3b8;font-size:.875rem}.read-more-btn{color:#274aba;font-weight:600;transition:all .3s}.blog-card:hover .read-more-btn{transform:translate(4px)}.blog-detail-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;padding:40px 20px 80px}.mlx25{margin-bottom:20px;margin-left:20px}.back-btn{color:#274aba;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;margin-top:50px;margin-bottom:40px;padding:12px 24px;font-family:kanit,"sans-serif";font-weight:500;transition:all .3s;display:inline-flex}.back-btn:hover{background:#f8fafc;border-color:#274aba}.blog-detail{background:#fff;border-radius:16px;max-width:800px;margin:0 auto;overflow:hidden;box-shadow:0 1px 3px #0000001a}.blog-detail-header{border-bottom:1px solid #e2e8f0;padding:40px}.blog-detail-meta{justify-content:space-between;gap:16px;margin-bottom:24px;font-size:.875rem;display:flex}.blog-detail-title{color:#1e293b;margin-bottom:24px;font-size:2.5rem;font-weight:700;line-height:1.2}.blog-detail-image{background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.blog-detail-img{object-fit:cover;width:100%;height:100%}.blog-detail-content{padding:40px}.blog-detail-excerpt{color:#64748b;margin-bottom:32px;font-size:1.125rem;font-style:italic;line-height:1.7}.blog-detail-body{color:#374151;line-height:1.7}.blog-detail-body h2{color:#1e293b;margin:32px 0 16px;font-size:1.5rem;font-weight:600}.blog-detail-body p{margin-bottom:16px}@media (max-width:768px){.blog-title{font-size:2.5rem}.blog-grid{grid-template-columns:1fr}.blog-detail-title{font-size:2rem}.blog-detail-header,.blog-detail-content{padding:24px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:.825rem}.hero-badge{background:#fff0;border:none;border-radius:0;flex-direction:column;padding:0 12px;font-size:.875rem;font-weight:300;display:inline-flex}.story-title{margin-bottom:1rem;font-size:2rem}.story-text p{font-size:.875rem}.section-subtitle{font-size:1rem}.blog-category,.blog-date{font-size:10px}.blog-card-title,.blog-detail-title{font-size:1.2rem}.blog-card-excerpt,.blog-detail-excerpt,.blog-detail-body p{font-size:.875rem}.social-share-buttons{gap:.5rem}}