/* OdiBets Blog Styles */
.blog-main{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);min-height:100vh;padding:40px 0}
.blog-header{padding:60px 10px;text-align:center}
.blog-header-container{max-width:900px;margin:0 auto}
.blog-title{font-size:2.8rem;color:#fff;font-weight:700;margin-bottom:15px}
.blog-subtitle{font-size:1.1rem;color:#e0e0e0;line-height:1.6}
.blog-articles{max-width:1200px;margin:0 auto;padding:40px 10px}
.blog-articles-container{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.blog-article-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.2);transition:transform 0.3s ease,box-shadow 0.3s ease}
.blog-article-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,0.3)}
.article-card-image{position:relative;height:250px;overflow:hidden}
.card-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.3s ease}
.blog-article-card:hover .card-image{transform:scale(1.05)}
.article-card-tag{position:absolute;top:15px;left:15px}
.article-tag{background:#11a306;color:#fff;padding:6px 12px;border-radius:20px;font-size:0.8rem;font-weight:600;text-transform:uppercase}
.article-card-content{padding:30px;display:flex;flex-direction:column}
.article-card-link{text-decoration:none;display:block}
.article-card-title{color:#1a1a2e;font-size:1.5rem;margin-bottom:15px;font-weight:700;line-height:1.4;transition:color 0.3s ease}
.article-card-link:hover .article-card-title{color:#11a306}
.article-card-excerpt{color:#666;font-size:1rem;line-height:1.7;margin-bottom:20px;flex-grow:1}
.article-card-footer{display:flex;justify-content:flex-start;padding-top:15px;border-top:1px solid #eee}
.article-read-time{color:#999;font-size:0.9rem;font-weight:500}
.blog-newsletter{background:rgba(17,163,6,0.1);padding:60px 10px;margin:40px 10px;border-radius:12px;border-left:4px solid #11a306;max-width:900px;margin-left:auto;margin-right:auto}
.newsletter-container{text-align:center}
.newsletter-title{font-size:2rem;color:#fff;margin-bottom:10px;font-weight:700}
.newsletter-subtitle{color:#e0e0e0;margin-bottom:25px;font-size:1rem}
.newsletter-form{display:flex;max-width:500px;margin:0 auto 15px;gap:10px}
.newsletter-input{flex:1;padding:12px 15px;border:none;border-radius:6px;font-size:1rem}
.newsletter-btn{padding:12px 30px;background:#11a306;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background 0.3s ease}
.newsletter-btn:hover{background:#0e8a05}
.newsletter-note{color:#e0e0e0;font-size:0.9rem;margin:0}
.blog-highlights{max-width:1200px;margin:0 auto;padding:40px 10px}
.highlights-container{display:grid;grid-template-columns:1fr;gap:40px}
.highlight-box{background:rgba(255,255,255,0.08);padding:30px;border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1)}
.highlight-title{color:#fff;font-size:1.3rem;margin-bottom:20px;font-weight:700;border-bottom:2px solid #11a306;padding-bottom:10px}
.highlight-list{list-style:none;margin:0;padding:0}
.highlight-list li{margin-bottom:12px}
.highlight-link{color:#e0e0e0;text-decoration:none;font-weight:500;transition:color 0.3s ease;display:block;padding:8px 0}
.highlight-link:hover{color:#11a306;padding-left:8px}
@media(max-width:1200px){.blog-articles-container{grid-template-columns:repeat(2,1fr);gap:25px}}
@media(max-width:768px){.blog-title{font-size:2rem}.blog-subtitle{font-size:1rem}.blog-articles-container{grid-template-columns:1fr;gap:20px}.article-card-content{padding:25px}.newsletter-form{flex-direction:column}.newsletter-input{width:100%}.blog-newsletter{padding:40px 15px;margin:30px 10px}.highlights-container{grid-template-columns:1fr}}
@media(max-width:480px){.blog-title{font-size:1.5rem}.article-card-image{height:200px}.article-card-title{font-size:1.3rem}.article-card-excerpt{font-size:0.95rem}.newsletter-container{padding:0 10px}.highlight-box{padding:20px}}
@media(max-width:320px){.blog-title{font-size:1.3rem}.article-card-content{padding:15px}}