body{background-color:#f3f4f6}.blog-page{max-width:1200px;margin:0 auto;padding:40px 20px;background:#f8f9ff;font-family:Segoe UI,sans-serif}p{color:#444}.hero-banner{background:linear-gradient(135deg,#13003e,#3b22a0);padding:40px 30px;border-radius:18px;color:white;text-align:center;margin-bottom:40px;box-shadow:0 4px 14px rgba(0,0,0,.1)}.hero-icon{font-size:1.6rem;margin-bottom:-5px;color:yellow}.blog-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:25px;gap:25px}.blog-card{background:white;padding:25px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .3s ease}.blog-card:hover{transform:translateY(-5px)}.blog-card h3{font-size:1.25rem;margin-bottom:10px;color:#222}.blog-card .date{display:flex;align-items:center;font-size:.9rem;color:#6b7280;margin-bottom:10px}.blog-card .date svg{margin-right:6px}.read-more{margin-top:12px;padding:8px 16px;background:#4f46e5;color:white;border:none;border-radius:8px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background .3s}.read-more:hover{background:#3730a3}.blog-details-container{display:flex;flex-direction:column;max-width:990px;margin:0 auto;padding:20px;gap:20px}.blog-content-wrapper{flex:1 1}.back-btn{background-color:#f3f4f6;border:none;padding:8px 16px;margin-bottom:10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.blog-title{font-size:2rem;font-weight:700;margin-bottom:8px}.blog-meta{color:#6b7280;font-size:.9rem;margin-bottom:16px}.blog-image{width:100%;border-radius:12px;margin:20px 0}.blog-lead{font-size:1.1rem;font-weight:500;color:#374151;margin-bottom:12px}.blog-paragraph{font-size:1rem;color:#444;line-height:1.6;margin-bottom:14px}.faq-title{font-size:1.2rem;margin-top:24px;font-weight:600;color:#1f2937}.faq-list{list-style:none;padding:0;margin-top:10px}.faq-list li{margin-bottom:18px}.blog-sidebar{background-color:#f9fafb;padding:16px;border-radius:10px;margin-top:40px}.blog-sidebar h4{font-size:1.1rem;margin-bottom:16px}.service-card{background:white;padding:12px;border-radius:8px;margin-bottom:12px;box-shadow:0 2px 6px rgba(0,0,0,.06)}.service-card h5{margin-bottom:4px;font-size:1rem;font-weight:600}.service-card p{font-size:.9rem;color:#555;margin-bottom:8px}.explore-btn{background-color:#4f46e5;color:white;padding:6px 14px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}@media (min-width:992px){.blog-details-container{flex-direction:row;align-items:flex-start}.blog-content-wrapper{flex:3 1;margin-right:30px}.blog-sidebar{flex:1 1;position:-webkit-sticky;position:sticky;top:20px}}