.qoala-banner-card {
                                padding: 0;
                                overflow: hidden;
                            }

                            .qoala-banner {
                                background: linear-gradient(135deg, #1B3A6B 0%, #24508C 50%, #0B2340 100%);
                                padding: 12px 16px;
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                color: white;
                                text-decoration: none;
                                min-height: 60px;
                            }

                            .qoala-banner-content {
                                display: flex;
                                align-items: center;
                                gap: 12px;
                            }

                            .qoala-icon {
                                display: flex;
                                align-items: center;
                                justify-content: center;
                            }

                            .qoala-shield-img {
                                width: 36px;
                                height: 36px;
                                object-fit: contain;
                                opacity: 0.9;
                            }

                            .qoala-title {
                                font-weight: 600;
                                font-size: 14px;
                                line-height: 1.2;
                            }

                            .qoala-subtitle {
                                font-size: 12px;
                                opacity: 0.9;
                                line-height: 1.2;
                            }

                            .qoala-cta {
                                background: rgba(255, 255, 255, 0.15);
                                color: white;
                                padding: 6px 12px;
                                border-radius: 6px;
                                font-size: 12px;
                                font-weight: 600;
                                text-decoration: none;
                                transition: background 0.2s ease;
                                border: 1px solid rgba(100, 180, 255, 0.45);
                            }

                            .qoala-cta:hover {
                                background: rgba(80, 140, 220, 0.35);
                                color: white;
                            }

                            @media (max-width: 768px) {
                                .qoala-banner {
                                    padding: 10px 12px;
                                }
                                .qoala-title {
                                    font-size: 17px;
                                }
                                .qoala-subtitle {
                                    font-size: 11px;
                                }
                            }