/* =========================================
   ANALYTICS RESOURCES - CARD DESIGN
   Scoped to avoid Bootstrap/site conflicts
========================================= */

.analytics-resources {
    --analytics-ink: #11194b;
    --analytics-muted: #5e6889;
    --analytics-blue: #3468ff;
}

.analytics-resources .analytics-resource-card {
    position: relative;
    display: flex;
    min-height: 335px;
    height: 100%;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid #d6ddff;
    border-radius: 22px;
    background: linear-gradient(115deg, #fff 3%, #f3f8ff 46%, #d7eaff 100%);
    box-shadow: 0 16px 38px rgba(31, 52, 112, .10);
    transition: transform .25s ease, box-shadow .25s ease;
}

.analytics-resources .analytics-resource-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 22px 48px rgba(31, 52, 112, .16);
}

.analytics-resources .analytics-resource-card::after {
    content: "";
    position: absolute;
    left: -12%;
    right: -12%;
    bottom: -88px;
    height: 160px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .42);
    z-index: -1;
}

/* Card content */
.analytics-resources .analytics-card-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 63%;
    padding: 28px 0 26px 30px;
}

.analytics-resources .analytics-card-top {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 22px;
    color: var(--analytics-ink);
    font-size: 22px;
}

.analytics-resources .analytics-tag {
    display: inline-block;
    padding: 7px 15px;
    border-radius: 999px;
    background: #e9eaff;
    color: #253a93;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.analytics-resources .analytics-card-title {
    margin: 0 0 14px;
    color: var(--analytics-ink);
    font-size: clamp(20px, 1.8vw, 27px);
    line-height: 1.25;
    letter-spacing: -.035em;
    font-weight: 800;
}

.analytics-resources .analytics-card-description {
    margin: 0 0 20px;
    color: var(--analytics-muted);
    font-size: 14px;
    line-height: 1.65;
}

/* Visit resource button */
.analytics-resources .analytics-resource-link {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-top: auto;
    padding: 4px 5px 4px 15px;
    border: 1.5px solid var(--analytics-blue);
    border-radius: 999px;
    background: rgba(255, 255, 255, .86);
    color: #2458f5;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: background .2s ease, transform .2s ease;
}

.analytics-resources .analytics-resource-link:hover {
    background: #fff;
    transform: translateY(-2px);
    color: #1946d9;
}

.analytics-resources .analytics-link-arrow {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: linear-gradient(135deg, #5b68ff, #2663ee);
    color: #fff;
    font-size: 17px;
}

/* CSS illustrations: no external artwork required */
.analytics-resources .analytics-art {
    position: absolute;
    z-index: 1;
    inset: 0 0 0 54%;
    display: grid;
    place-items: center;
    background: radial-gradient(circle at 75% 35%, #b2d5ff 0%, transparent 65%);
}

.analytics-resources .analytics-art-panel {
    width: 170px;
    height: 175px;
    padding: 19px;
    border: 7px solid rgba(255, 255, 255, .8);
    border-radius: 20px;
    background: rgba(255, 255, 255, .85);
    box-shadow: 0 18px 28px rgba(58, 92, 180, .17);
    transform: rotate(9deg);
}

.analytics-resources .analytics-art-icon {
    display: block;
    margin-bottom: 12px;
    color: #6b67f6;
    font-size: 34px;
}

.analytics-resources .analytics-art-bars {
    display: flex;
    align-items: end;
    gap: 9px;
    height: 75px;
}

.analytics-resources .analytics-art-bars span {
    flex: 1;
    border-radius: 5px 5px 0 0;
    background: linear-gradient(#8ddfff, #5679ff);
}

.analytics-resources .analytics-art-bars span:nth-child(1) { height: 29%; }
.analytics-resources .analytics-art-bars span:nth-child(2) { height: 43%; }
.analytics-resources .analytics-art-bars span:nth-child(3) { height: 60%; }
.analytics-resources .analytics-art-bars span:nth-child(4) { height: 76%; }
.analytics-resources .analytics-art-bars span:nth-child(5) { height: 98%; }

.analytics-resources .analytics-art-lines span {
    display: block;
    height: 9px;
    margin: 12px 0;
    border-radius: 10px;
    background: #d7e2ff;
}

.analytics-resources .analytics-art-lines span:nth-child(2) { width: 85%; }
.analytics-resources .analytics-art-lines span:nth-child(3) { width: 65%; }

.analytics-resources .analytics-art-float {
    position: absolute;
    right: 7%;
    bottom: 15%;
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    border-radius: 17px;
    background: #fff;
    color: #4773f3;
    font-size: 31px;
    box-shadow: 0 12px 25px rgba(57, 83, 170, .18);
    transform: rotate(-12deg);
}

.analytics-resources .analytics-resource-card--insights {
    background: linear-gradient(115deg, #fff 3%, #f5f7ff 48%, #dfddff 100%);
}

.analytics-resources .analytics-resource-card--insights .analytics-art {
    background: radial-gradient(circle at 75% 35%, #c6c8ff 0%, transparent 65%);
}

/* Responsive */
@media (max-width: 767.98px) {
    .analytics-resources .analytics-resource-card { min-height: 315px; }
    .analytics-resources .analytics-card-content { width: 70%; padding: 24px 0 24px 22px; }
    .analytics-resources .analytics-card-title { font-size: 20px; }
    .analytics-resources .analytics-card-description { font-size: 13px; }
    .analytics-resources .analytics-art { left: 57%; opacity: .65; }
    .analytics-resources .analytics-art-panel { transform: rotate(9deg) scale(.82); }
}

@media (max-width: 420px) {
    .analytics-resources .analytics-card-content { width: 79%; }
    .analytics-resources .analytics-art { opacity: .28; }
}

@media (prefers-reduced-motion: reduce) {
    .analytics-resources .analytics-resource-card,
    .analytics-resources .analytics-resource-link { transition: none; }
}