.blog-page-wrapper{background:linear-gradient(180deg,#f8f9fb 0%,#ffffff 100%);min-height:100vh;padding:1.5rem 0;font-family:battamReg,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.blog-header-section{text-align:center;padding:1rem 0 1.5rem;margin-bottom:1.5rem}.blog-header-section h1{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.5rem;background:linear-gradient(135deg,#FE9900 0%,#e58900 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:battamBold,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.blog-header-section p{font-size:1rem;color:#5b6a7f;max-width:600px;margin:0 auto;font-family:battamReg,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.blog-search-section{max-width:800px;margin:0 auto 3rem;padding:0 1rem}.search-input-wrapper{position:relative;display:flex;align-items:center;margin-bottom:1rem}.search-icon{position:absolute;left:1.25rem;width:22px;height:22px;color:#94a3b8;z-index:2;pointer-events:none}#blogSearchInput{width:100%;padding:1.25rem 3.5rem;border:2px solid #e2e8f0;border-radius:16px;font-size:1.1rem;background:#fff;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,5%);font-family:battamReg,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#blogSearchInput:focus{outline:none;border-color:#fe9900;box-shadow:0 0 0 4px rgba(254,153,0,.1),0 8px 16px rgba(0,0,0,.1)}.clear-search{position:absolute;right:1.25rem;background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;color:#5b6a7f;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.clear-search:hover{background:#e2e8f0;color:#1e293b}.clear-search svg{width:16px;height:16px}#blogSearchStats{padding:.875rem 1.5rem;background:linear-gradient(135deg,#fef3e2 0%,#fff7ed 100%);border-radius:12px;font-size:.95rem;color:#92400e;text-align:center;border:1px solid #fed7aa;font-family:battamReg,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.categories-header{text-align:center;margin-bottom:2rem}.categories-header h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;font-family:battamBold,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.blog_categories{max-width:1200px;margin:0 auto 4rem;padding:0 1rem}.blog_categories ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.blog_categories li{margin:0}.blog_categories a{display:inline-block;padding:.75rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:50px;color:#475569;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,5%)}.blog_categories a:hover{background:#fef3e2;border-color:#fe9900;color:#fe9900;transform:translateY(-2px);box-shadow:0 4px 12px rgba(254,153,0,.15)}.blog_categories a.active{background:linear-gradient(135deg,#FE9900 0%,#e58900 100%);border-color:#fe9900;color:#fff;box-shadow:0 4px 12px rgba(254,153,0,.3)}.blog{max-width:1400px;margin:0 auto;padding:0 1rem 4rem}.blog_list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.blog_inner{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,5%);transition:all .3s ease;display:flex;flex-direction:column;height:100%;border:1px solid #f1f5f9}.blog_inner:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.12);border-color:#fe9900}.blog_inner_top{padding:2rem;flex:1;display:flex;flex-direction:column}.publish_date{display:flex;align-items:center;font-size:.875rem;color:#5b6a7f;margin-bottom:1rem;font-weight:500}.publish_date time{color:#fe9900;font-weight:600}.reading-time{margin-left:.75rem;color:#94a3b8;display:flex;align-items:center}.blog_inner_top .subTitle{font-size:1.5rem;font-weight:700;margin-bottom:1rem;line-height:1.4;font-family:battamBold,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.blog_inner_top .subTitle a{color:#1e293b;text-decoration:none;transition:color .3s ease}.blog_inner_top .subTitle a:hover{color:#fe9900}.blog_discription{color:#475569;line-height:1.7;font-size:1rem;flex:1;margin-bottom:0}.blog_inner_bottom{padding:0 2rem 2rem;margin-top:auto}.text_link{display:inline-flex;align-items:center;color:#fe9900;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;gap:.5rem}.text_link:hover{color:#e58900;gap:.75rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;flex-wrap:wrap}.pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#475569;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,5%)}.pagination a:hover{background:#fef3e2;border-color:#fe9900;color:#fe9900;transform:translateY(-2px);box-shadow:0 4px 8px rgba(254,153,0,.2)}.pagination a.current{background:linear-gradient(135deg,#FE9900 0%,#e58900 100%);border-color:#fe9900;color:#fff;box-shadow:0 4px 12px rgba(254,153,0,.3)}.pagination .prev,.pagination .next{font-weight:600}@media(max-width:768px){.blog-header-section h1{font-size:1.5rem}.blog-header-section p{font-size:.9rem}.blog_list{grid-template-columns:1fr;gap:1.5rem}.blog_categories ul{gap:.5rem}.blog_categories a{padding:.625rem 1.25rem;font-size:.875rem}.blog_inner_top{padding:1.5rem}.blog_inner_bottom{padding:0 1.5rem 1.5rem}.blog_inner_top .subTitle{font-size:1.25rem}}@media(min-width:769px) and (max-width:1200px){.blog_list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1400px){.blog_list{grid-template-columns:repeat(3,1fr)}}