.blogSubscribeSection{text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;margin:50px 0;padding:50px 20px;display:flex}.blogSubscribeSection h2{margin-bottom:15px;font-size:40px;font-weight:700}.blogSubscribeSection p{margin-bottom:25px;font-size:18px;line-height:1.6}.blogSubscribeForm{width:100%;max-width:400px;margin-top:20px;display:flex;position:relative}.blogSubscribeInput{color:#000;background-color:#0000;border:1px solid #000;border-radius:5px;outline:none;width:100%;padding:14px 50px 14px 15px;font-size:16px;font-style:italic}.blogSubscribeInput::placeholder{opacity:.7;font-size:14px}.blogSubscribeButton{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:5px;padding:10px 20px;font-size:14px;font-weight:700;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.blogSubscribeButton:hover{background-color:#333}@media (max-width:768px){.blogSubscribeSection h2{font-size:26px}.blogSubscribeSection p{font-size:16px}}.blogCategories{justify-content:center;gap:18px;margin:24px 0;display:flex}.blogCategories button{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:20px;justify-content:center;align-items:center;width:120px;height:35px;padding:12px 24px;font-weight:600;transition:all .3s ease-in-out;display:flex}.blogCategories button.system{color:#026bff;background-color:#0000;border-color:#00f}.blogCategories button.system:hover{color:#fff;background-color:#00f}.blogCategories button.news{color:#9ddf60;background-color:#0000;border-color:green}.blogCategories button.news:hover{color:#fff;background-color:green}.blogCategories button.tutorial{color:#ff610c;background-color:#0000;border-color:red}.blogCategories button.tutorial:hover{color:#fff;background-color:red}.blogCategories button.active{color:#fff!important;background-color:#000!important}.blogList{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:30px;margin-bottom:50px;display:flex}.blogCard{box-sizing:border-box;text-align:left;border:1px solid #0000;border-radius:15px;flex:calc(30% - 40px);max-width:calc(30% - 40px);padding:20px;transition:all .3s ease-in-out}.blogCard img{object-fit:cover;border-radius:10px;width:100%;height:180px}.blogCardTitle{margin-top:10px;font-size:20px}.blogCardReadMore{color:#555}.blogCard h3{margin:15px 0 10px;font-size:20px;font-weight:700}.blogCard p{color:#333;font-size:16px}@media (max-width:768px){.blogCard{flex:100%;max-width:100%;margin:0 20px}.blogList{margin-top:30px;margin-bottom:50px}}