:root { --brand-red: #e60000; --dark-bg: #0a0a0a; --card-bg: #141414; }
body { background: var(--dark-bg); color: white; font-family: sans-serif; margin: 0; }
.sale-banner { background: var(--brand-red); padding: 12px; text-align: center; font-weight: 900; position: sticky; top: 0; z-index: 100; }
.site-header { padding: 30px; text-align: center; font-size: 28px; font-weight: 900; }
.red-text { color: var(--brand-red); }

.container { max-width: 1100px; margin: 0 auto; padding: 20px; }
.main-layout { display: flex; gap: 30px; margin-bottom: 50px; }

.premium-card, .preview-side { background: var(--card-bg); border: 1px solid #222; padding: 30px; border-radius: 25px; flex: 1; text-align: center; }
.bundle-img { width: 100%; max-width: 250px; border-radius: 15px; margin: 15px 0; }

.pricing-card { background: rgba(230,0,0,0.05); border: 1px dashed var(--brand-red); padding: 15px; border-radius: 15px; margin: 10px 0; }
.old-price { text-decoration: line-through; color: #555; font-size: 18px; margin-right: 10px; }
.new-price { font-size: 45px; font-weight: 900; }
.red-btn { width: 100%; background: var(--brand-red); color: white; padding: 16px; border: none; border-radius: 10px; font-weight: 900; cursor: pointer; display: block;}

.faq-container { background: var(--card-bg); border: 1px solid #222; border-radius: 25px; padding: 40px; margin-bottom: 50px; text-align: left; }
.faq-header { color: var(--brand-red); margin-bottom: 30px; border-bottom: 1px solid #222; padding-bottom: 10px; }
.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.faq-q { font-weight: bold; color: white; margin-bottom: 10px; }
.faq-a { color: #888; font-size: 14px; }

.reels-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.reel-video { width: 100%; border-radius: 10px; border: 1px solid #333; aspect-ratio: 9/16; object-fit: cover; cursor: pointer; }

.site-footer { padding: 40px; text-align: center; color: #444; font-size: 12px; border-top: 1px solid #222; }
.footer-links a { color: #666; text-decoration: none; margin: 0 8px; }

@media (max-width: 900px) { 
    .main-layout, .faq-grid { grid-template-columns: 1fr; flex-direction: column; } 
}