body {
            background: #f5f7fb;
            font-family: system-ui, sans-serif;
        }

        .top-banner {
            background: linear-gradient(135deg, #003b88, #0277ff);
            padding: 45px 0;
            text-align: center;
            color: #fff;
        }

        .result-img {
            width: 100%;
            border-radius: 14px;
            transition: 0.3s ease;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        }

        .result-img:hover {
            transform: translateY(-4px);
            box-shadow: 0 10px 26px rgba(0,0,0,0.18);
        }

        .gallery-item {
            break-inside: avoid;
            margin-bottom: 25px;
        }

        .masonry {
            column-count: 3;
            column-gap: 25px;
        }

        @media (max-width: 992px) {
            .masonry { column-count: 2; }
        }

        @media (max-width: 576px) {
            .masonry { column-count: 1; }
        }