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