.papaContainer{min-height:92vh;overflow:hidden;padding-bottom:40px}.titleContainer{min-height:45vh;min-width:100vw;display:flex;justify-content:center;align-items:center;text-align:center;padding:40px 20px}.headerSection{animation:fadeInUp .8s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mainTitle{font-size:48px;font-weight:700;margin-bottom:15px;letter-spacing:1px}.subtitle{font-size:18px;opacity:.7;max-width:600px;margin:0 auto 25px;line-height:1.6}.blogStats{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.statBadge{padding:8px 18px;background-color:hsla(0,0%,50%,.15);border-radius:20px;font-size:14px;font-weight:500;border:1px solid hsla(0,0%,50%,.2)}.blogListContainer{display:flex;padding:20px;max-width:1200px;margin:0 auto}.blogGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;width:100%;animation:fadeIn 1s ease .3s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.blogCard{display:flex;flex-direction:column;padding:30px;border:1px solid hsla(0,0%,50%,.2);border-radius:12px;transition:all .3s ease;text-decoration:none;background-color:transparent;position:relative;overflow:hidden}.blogCard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,50%,.05),transparent);opacity:0;transition:opacity .3s ease}.blogCard:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.15);border-color:hsla(0,0%,50%,.4)}.blogCard:hover:before{opacity:1}.blogCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.blogIcon{font-size:32px}.blogMeta{display:flex;align-items:center;gap:8px;font-size:13px;opacity:.6}.blogCategory{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metaDivider{opacity:.4}.blogReadTime{font-weight:400}.blogTitle{font-size:22px;font-weight:700;line-height:1.4;margin-bottom:15px;transition:color .3s ease}.blogCard:hover .blogTitle{opacity:.8}.blogDescription{font-size:15px;line-height:1.6;opacity:.7;margin-bottom:20px;flex-grow:1}.blogFooter{justify-content:flex-start;padding-top:15px;border-top:1px solid hsla(0,0%,50%,.15)}.blogFooter,.readMoreLink{display:flex;align-items:center}.readMoreLink{font-size:15px;font-weight:600;gap:8px;transition:gap .3s ease}.blogCard:hover .readMoreLink{gap:12px}.arrow{font-size:18px;transition:transform .3s ease}.blogCard:hover .arrow{transform:translateX(5px)}.comingSoonCard{border-style:dashed;cursor:default;justify-content:center;align-items:center;text-align:center;min-height:300px}.comingSoonCard:hover{transform:none;box-shadow:none}.comingSoonContent{display:flex;flex-direction:column;align-items:center;gap:15px}.comingSoonIcon{font-size:48px;opacity:.5}.comingSoonTitle{font-size:20px;font-weight:700;opacity:.8;margin:0}.comingSoonText{font-size:14px;opacity:.6;line-height:1.6;max-width:300px;margin:0}@media (max-width:1200px){.blogGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.titleContainer{min-height:35vh;padding:30px 20px}.mainTitle{font-size:36px}.subtitle{font-size:16px}.blogGrid{grid-template-columns:1fr;gap:20px}.blogCard{padding:25px}.blogTitle{font-size:20px}.blogDescription{font-size:14px}}@media (max-width:480px){.mainTitle{font-size:32px}.subtitle{font-size:15px}.blogStats{flex-direction:column;gap:10px}.statBadge{padding:6px 16px;font-size:13px}.blogListContainer{padding:15px}.blogCard{padding:20px}.blogIcon{font-size:28px}.blogMeta{font-size:12px}.blogTitle{font-size:18px}.comingSoonIcon{font-size:40px}.comingSoonTitle{font-size:18px}}@media (prefers-color-scheme:dark){.blogCard:hover{box-shadow:0 10px 30px rgba(0,0,0,.3)}}