.blog-container{width:100%;min-height:100vh;background-color:#ffffff;display:flex;flex-direction:column;align-items:center}.blog-header{padding:20px;background-image:url(/cloudedesign/blogB.png);color:white}.blog-header,.blog-hero{width:100%;text-align:center}.blog-hero{padding:220px 20px 0;background-color:rgba(0,0,0,.5);background-size:cover;background-position:50%;background-repeat:no-repeat;min-height:200px;display:flex;flex-direction:column;align-items:center}.blog-hero h1{font-size:32px;font-weight:700;margin-bottom:10px;color:#ffffff}.blog-hero p{font-size:16px;color:#ffffff;margin-bottom:30px}.search-container{width:100%;max-width:600px;margin:20px auto}.search-input{border-radius:30px;background-color:#f0f0f0;font-size:16px;color:#333;padding:15px 40px 15px 20px}.search-input:focus{outline:none;box-shadow:0 0 5px rgba(0,0,0,.1)}.search-icon{right:15px}.blog-section{width:100%;max-width:1200px;padding:40px 20px}.blog-title-container{display:flex;align-items:center;justify-content:center;margin-bottom:60px;margin-top:20px}.blog-title{font-size:24px;font-weight:600;color:#333;margin:0 20px}.blog-title-line{flex:1 1;height:1px;background-color:#ddd}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px;margin-bottom:40px;max-width:1400px;margin-left:auto;margin-right:auto}.blog-card{border-radius:10px;overflow:hidden;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.blog-card-image{height:300px;background-size:cover;background-position:50%;position:relative;cursor:pointer}.blog-card-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);padding:20px;color:#fff}.blog-card-overlay h3{font-size:25px;font-weight:600;margin:0;color:#fff}.blog-card-content{padding:20px}.blog-card-content p{font-size:14px;color:#666;margin-bottom:20px;line-height:1.5}.blog-card-footer{display:flex;justify-content:space-between;align-items:center}.read-more-btn{background-color:#8a2be2;color:white;border:none;border-radius:20px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .3s ease;position:relative;overflow:hidden}.read-more-btn:hover{background-color:#7a1db0}.read-more-btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:-100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2) 50%,rgba(255,255,255,0));transition:left .5s ease}.read-more-btn:hover:after{left:100%}.blog-date{font-size:12px;color:#888}.pagination{margin:120px 0}.pagination,.pagination-btn{display:flex;justify-content:center;align-items:center}.pagination-btn{width:40px;height:40px;border-radius:5px;border:1px solid #ddd;background-color:#fff;margin:0 5px;cursor:pointer;transition:all .3s ease}.pagination-btn.active{background-color:#8a2be2;color:white;border-color:#8a2be2}.pagination-btn:hover:not(.active){background-color:#f5f5f5}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{margin:0 5px;color:#666}.next-btn,.prev-btn{background-color:#f5f5f5}.subscribe-section{padding:60px 40px;background-color:#fafafa;border-radius:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px;width:calc(100% - 40px);max-width:1200px;margin:0 auto 40px}.subscribe-left{flex:1 1;min-width:300px;margin-left:120px}.subscribe-left h2{font-size:28px;font-weight:700;margin-bottom:10px;color:#000}.subscribe-left p{font-size:15px;color:#777;margin:0;max-width:420px}.subscribe-right{display:flex;flex-direction:row;gap:24px;align-items:center;min-width:300px;flex-wrap:nowrap;margin-right:120px;margin-left:120px;position:relative;width:100%}.subscribe-input{flex:1 1}.subscribe-btn{flex-shrink:0}.subscribe-input{padding:12px 20px;border-radius:999px;border:none;background-color:#f3f3f3;font-size:14px;width:100%;min-width:200px;outline:none;box-sizing:border-box}.subscribe-input.error{border:1px solid #ff4444}.subscribe-btn{padding:12px 24px;background-color:#000;color:white;border:none;border-radius:999px;font-weight:500;cursor:pointer;transition:background-color .3s ease;align-self:flex-start;margin-top:8px}.subscribe-btn:hover{background-color:#333}.subscribe-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#ff4444}.error-message,.success-message{font-size:12px;margin-top:5px;align-self:flex-start}.success-message{color:#28a745}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.subscribe-btn.loading{animation:pulse 1.5s infinite}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:30px}.blog-card-image{height:380px}.blog-card-content{padding:30px}.blog-card-overlay h3{font-size:22px;line-height:1.4}.blog-card-content p{font-size:16px;margin-bottom:30px}}@media (min-width:768px) and (max-width:1023px){.blog-hero{padding:150px 20px 0}.blog-hero h1{font-size:28px}.blog-section{padding:30px 20px}.blog-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:0}.blog-card-image{height:250px}.blog-card-overlay h3{font-size:20px}.blog-card-content{padding:20px}.blog-card-content p{font-size:14px}.blog-title{font-size:22px;margin:0 15px}.blog-title-container{margin-bottom:40px}.pagination{margin:60px 0}.pagination-btn{width:35px;height:35px;margin:0 3px}.subscribe-section{padding:40px 30px;flex-direction:column;text-align:center;gap:25px;width:calc(100% - 40px);margin:0 auto 40px}.subscribe-left{margin:0;min-width:auto;width:100%}.subscribe-left h2{font-size:24px}.subscribe-left p{max-width:100%}.subscribe-right{margin:0;min-width:auto;width:100%;max-width:400px;flex-direction:row;align-items:center;gap:15px}.subscribe-input{flex:1 1;margin-top:0}.subscribe-btn{margin-top:0;flex-shrink:0}.error-message,.success-message{position:absolute;bottom:-25px;left:0;width:100%;text-align:left}}@media (max-width:767px){.blog-hero{padding:100px 15px 0;min-height:150px}.blog-hero h1{font-size:24px;margin-bottom:8px}.blog-hero p{font-size:14px;margin-bottom:20px}.search-container{max-width:100%;margin:15px auto;padding:0 10px}.search-input{font-size:14px;padding:12px 35px 12px 15px}.blog-section{padding:20px 15px}.blog-title{font-size:20px;margin:0 10px}.blog-title-container{margin-bottom:30px;margin-top:15px}.blog-grid{grid-template-columns:1fr;gap:20px;padding:0}.blog-card-image{height:200px}.blog-card-overlay{padding:15px}.blog-card-overlay h3{font-size:18px;line-height:1.3}.blog-card-content{padding:15px}.blog-card-content p{font-size:13px;margin-bottom:15px;line-height:1.4}.blog-card-footer{flex-direction:column;align-items:flex-start;gap:10px}.read-more-btn{padding:6px 12px;font-size:12px;align-self:flex-start}.blog-date{font-size:11px;align-self:flex-end}.pagination{margin:40px 0;flex-wrap:wrap;gap:5px}.pagination-btn{width:30px;height:30px;margin:2px;font-size:12px}.subscribe-section{padding:30px 20px;flex-direction:column;text-align:center;gap:20px;border-radius:12px;width:calc(100% - 30px);margin:0 auto 30px}.subscribe-left{margin:0;min-width:auto;width:100%}.subscribe-left h2{font-size:22px;margin-bottom:8px}.subscribe-left p{font-size:14px;max-width:100%}.subscribe-right{margin:0;min-width:auto;width:100%;flex-direction:column;gap:12px;position:relative}.subscribe-input{padding:12px 16px}.subscribe-btn,.subscribe-input{width:100%;margin-top:0;font-size:14px;box-sizing:border-box}.subscribe-btn{padding:12px 20px}.error-message,.success-message{position:static;margin-top:8px;text-align:center;width:100%}}@media (max-width:480px){.blog-hero{padding:80px 15px 0}.blog-hero h1{font-size:20px}.blog-hero p{font-size:13px}.blog-section{padding:15px 10px}.blog-title{font-size:18px;margin:0 8px}.blog-card-overlay h3{font-size:16px}.blog-card-content{padding:12px}.blog-card-content p{font-size:12px}.pagination-btn{width:28px;height:28px;font-size:11px}.subscribe-section{padding:25px 15px;width:calc(100% - 20px);margin:0 auto 25px}.subscribe-left h2{font-size:20px}.subscribe-left p{font-size:13px}.subscribe-input{padding:10px 14px;font-size:13px}.subscribe-btn{padding:10px 18px;font-size:13px}}.hero-container{background:url(/cloudedesign/blogB.png);background-size:cover;background-position:50%;height:500px;width:100%;display:flex;align-items:center;position:relative}.hero-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.hero-content{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.hero-text{max-width:600px}.hero-text h1{color:white;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.hero-text p{color:#e0e0e0;font-size:1rem;line-height:1.5}.search-container{position:relative;width:300px}.search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border-radius:9999px;border:none;outline:none;background-color:white}.search-icon{position:absolute;right:-2rem;top:50%;transform:translateY(-50%);color:#666}@media (max-width:1024px){.hero-container{height:450px}.hero-content{flex-direction:column;text-align:center;align-items:center;gap:2rem;padding:0 1.5rem}.hero-text{margin-bottom:0;max-width:100%}.hero-text h1{font-size:2.2rem;margin-bottom:1.5rem}.hero-text p{font-size:1.1rem;max-width:500px;margin:0 auto}.search-container{width:350px;max-width:100%}.search-input{padding:.875rem 3rem .875rem 1.25rem;font-size:1rem}.search-icon{right:1rem}}@media (max-width:768px){.hero-container{height:400px;display:flex;align-items:center;justify-content:center}.hero-content{text-align:center;justify-content:center;gap:1.5rem;padding:1rem;max-width:none}.hero-content,.hero-text{flex-direction:column;align-items:center;width:100%}.hero-text{margin-bottom:0;display:flex}.hero-text h1{font-size:1.8rem;margin-bottom:1rem;line-height:1.3;text-align:center;width:100%}.hero-text p{font-size:.95rem;line-height:1.6;color:#f0f0f0;text-align:center;max-width:90%;margin:0 auto}.search-container{width:100%;max-width:320px;margin:0 auto;display:flex;justify-content:center;align-items:center}.search-input{padding:.8rem 3rem .8rem 1rem;font-size:.95rem;width:100%}.search-icon{right:1rem;top:50%;transform:translateY(-50%)}}@media (max-width:480px){.hero-container{height:350px;display:flex;align-items:center;justify-content:center}.hero-content{padding:.75rem;gap:1.25rem;max-width:none;justify-content:center}.hero-content,.hero-text{width:100%;display:flex;flex-direction:column;align-items:center}.hero-text h1{font-size:1.5rem;margin-bottom:.75rem;text-align:center;width:100%}.hero-text p{font-size:.9rem;text-align:center;max-width:95%;margin:0 auto}.search-container{width:100%;max-width:280px;margin:0 auto;display:flex;justify-content:center;align-items:center}.search-input{padding:.75rem 2.75rem .75rem .875rem;font-size:.9rem;width:100%}.search-icon{right:1.5rem;top:50%;transform:translateY(-50%)}}