#blog-preview { background: #11121b; padding: 80px 0 0; }
#blog-preview h2 { color: #fff; text-align: center; margin-bottom: 6px; font-size: 46px; font-weight: 900; font-style: italic; font-family: 'Poppins', sans-serif; }
#blog-preview h2 .highlighted { color: #a72943; }
.blog-subtitle { color: #c8c6c1; text-align: center; font-size: 16px; margin-bottom: 50px; }
.blog-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.blog-card {
    background: #151921; border: 1px solid #1e2a3a; border-radius: 8px;
    overflow: hidden; text-decoration: none; color: inherit;
    transition: all .3s; position: relative;
}
.blog-card::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
    opacity: 0; transition: opacity .3s; z-index: 1;
}
.blog-card:hover::before { opacity: 1; }
.blog-card:hover { border-color: rgba(255,255,255,.08); transform: translateY(-2px); color: inherit; box-shadow: 0 16px 48px rgba(0,0,0,.25); }
.blog-card-img { width: 100%; height: 160px; object-fit: cover; display: block; background: #1a1f2d; }
.blog-card-body { padding: 20px; }
.blog-card-tag { font-size: 10px; font-weight: 700; color: #a72943; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }
.blog-card h3 { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 6px; line-height: 1.4; font-style: normal; }
.blog-card p { font-size: 13px; color: #b8b6b1; line-height: 1.5; }
@media (max-width:991px) { #blog-preview h2 { font-size: 32px !important; } .blog-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width:600px) { .blog-grid { grid-template-columns: 1fr; } }

.faq-wrap { max-width: 800px; margin: 0 auto; }
.faq-label { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #a0a09a; margin-bottom: 24px; text-align: center; }
.faq-wrapper { background: #151921; border-radius: 4px; overflow: hidden; cursor: pointer; margin-bottom: 12px; }
.faq-title-bar { padding: 18px 24px; font-weight: 600; color: #fff; font-size: 15px; display: flex; justify-content: space-between; align-items: center; }
.faq-title-bar::after { content: '+'; font-size: 20px; color: #b8b6b1; }
.faq-wrapper.expanded .faq-title-bar::after { content: '\2212'; }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height .4s, padding .4s; padding: 0 24px; color: #d0cec9; font-size: 14px; line-height: 1.7; }
.faq-wrapper.expanded .faq-answer { max-height: 300px; padding: 0 24px 20px; }

#site-footer { background: #11121b; padding: 10px 0 30px; }
.sport-row { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; margin-bottom: 40px; padding-bottom: 32px; border-bottom: 1px solid #1e2a3a; }
.sport-row a { color: #8a8880; text-decoration: none; font-size: 12px; font-weight: 600; transition: color .2s; }
.sport-row a:hover { color: #a72943; }
.sport-row a::before { content: ''; display: inline-block; width: 4px; height: 4px; background: #a72943; border-radius: 50%; margin-right: 8px; vertical-align: middle; }
.footer-grid { display: grid; grid-template-columns: 2fr repeat(2,1fr); gap: 40px; }
.footer-brand .brand-row { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.footer-brand .brand-row img { height: 30px; }
.footer-brand .brand-row span { font-size: 18px; font-weight: 700; color: #e8e6e3; }
.footer-brand p { color: #8a8880; font-size: 13px; line-height: 1.6; max-width: 320px; }
.footer-brand .email { color: #a72943; text-decoration: none; font-size: 13px; display: inline-block; margin-top: 12px; }
.footer-brand .email:hover { text-decoration: underline; }
.footer-brand .copyright { color: #6a6860; font-size: 12px; margin-top: 20px; }
.footer-col h4 { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #e8e6e3; margin-bottom: 16px; }
.footer-col a { display: block; color: #8a8880; text-decoration: none; font-size: 13px; padding: 4px 0; transition: color .2s; }
.footer-col a:hover { color: #e8e6e3; }
@media (max-width:991px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width:600px) { .footer-grid { grid-template-columns: 1fr; } }