:root {
    --primary: #1943c6;
    --primary-dark: #12308e;
    --navy: #0f256e;
    --cta: #007965;
    --cta-hover: #006151;
    --red: #e52929;
    --yellow: #f5c518;
    --bg: #eef3fa;
}
body { background-color: var(--bg); color: #1e293b; margin: 0; }
.header-main-custom { background: #1943c6; }
.header-bottom-custom { background: #12308e; }
.top-bar { background: #0f256e; color: #fff; font-size: 0.75rem; font-weight: 600; padding: 0.4rem 1rem; }
.btn-play-now {
    background: #007965; color: #fff !important; font-weight: 800; border-radius: 0.5rem;
    text-decoration: none; display: inline-flex; align-items: center; justify-content: center;
    transition: background 0.2s;
}
.btn-play-now:hover { background: #006151; color: #fff !important; }
.btn-review {
    background: #fff; border: 1.5px solid #1943c6; color: #1943c6 !important; font-weight: 700;
    border-radius: 0.5rem; text-decoration: none; display: inline-flex; align-items: center; justify-content: center;
}
.btn-review:hover { background: #eff6ff; }
.review-card {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 22px; margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 768px) { .pros-cons { grid-template-columns: 1fr; } }
.brand-logo-box {
    width: 64px; height: 64px; display: flex; align-items: center; justify-content: center;
    border-radius: 10px; font-weight: 800; font-size: 0.85rem; color: #fff;
}
.footer-link { color: #93c5fd; text-decoration: none; }
.footer-link:hover { color: #fff; text-decoration: underline; }