/* Homepage metrics visual upgrade. Scoped to the homepage metric block only. */
.ctuk-home .ctuk-metrics{
    gap:22px!important;
}
.ctuk-home .ctuk-metrics .ctuk-card{
    position:relative;
    overflow:hidden;
    min-height:260px;
    padding:30px 28px 28px!important;
    border:1px solid rgba(0,38,71,.08)!important;
    border-radius:18px!important;
    background:linear-gradient(155deg,#fff 0%,#f8fbfd 100%)!important;
    box-shadow:0 18px 48px rgba(0,38,71,.075)!important;
    transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
.ctuk-home .ctuk-metrics .ctuk-card:after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-58px;
    top:-64px;
    border-radius:50%;
    background:var(--metric-glow,rgba(2,160,183,.09));
    pointer-events:none;
}
.ctuk-home .ctuk-metrics .ctuk-card:hover{
    transform:translateY(-7px)!important;
    box-shadow:0 26px 62px rgba(0,38,71,.13)!important;
    border-color:rgba(0,38,71,.14)!important;
}
.ctuk-home .ctuk-metric-icon{
    position:relative;
    z-index:1;
    width:74px;
    height:74px;
    display:grid;
    place-items:center;
    margin:0 0 24px;
    border-radius:22px;
    color:#fff;
    font-size:31px;
    line-height:1;
    box-shadow:0 16px 34px var(--metric-shadow,rgba(0,38,71,.18));
}
.ctuk-home .ctuk-metric-icon.metric-1{background:linear-gradient(135deg,#02a0b7,#16c7d7);--metric-shadow:rgba(2,160,183,.28)}
.ctuk-home .ctuk-metric-icon.metric-2{background:linear-gradient(135deg,#7eb34e,#b3d84d);--metric-shadow:rgba(126,179,78,.28)}
.ctuk-home .ctuk-metric-icon.metric-3{background:linear-gradient(135deg,#f9a53b,#ffd34d);--metric-shadow:rgba(249,165,59,.30)}
.ctuk-home .ctuk-metric-icon.metric-4{background:linear-gradient(135deg,#5146a5,#8b6ee8);--metric-shadow:rgba(81,70,165,.28)}
.ctuk-home .ctuk-metrics .ctuk-card:nth-child(1){--metric-glow:rgba(2,160,183,.10)}
.ctuk-home .ctuk-metrics .ctuk-card:nth-child(2){--metric-glow:rgba(126,179,78,.11)}
.ctuk-home .ctuk-metrics .ctuk-card:nth-child(3){--metric-glow:rgba(249,165,59,.12)}
.ctuk-home .ctuk-metrics .ctuk-card:nth-child(4){--metric-glow:rgba(81,70,165,.10)}
.ctuk-home .ctuk-metrics .ctuk-card h3{
    position:relative;
    z-index:1;
    margin:0 0 12px!important;
    color:#0c3559!important;
    font-size:1.18rem!important;
    line-height:1.28!important;
    font-weight:850!important;
}
.ctuk-home .ctuk-metrics .ctuk-card p{
    position:relative;
    z-index:1;
    margin:0!important;
    color:#5d7184!important;
    line-height:1.72!important;
}

/* Shared Learn CTA subtitle: bright brand yellow and intentionally bold. */
.ctuk-home .ctuk-learn h3{
    color:#ffd400!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
    text-shadow:0 2px 12px rgba(0,0,0,.16);
}

@media(max-width:600px){
    .ctuk-home .ctuk-metrics .ctuk-card{min-height:0;padding:26px 24px!important}
    .ctuk-home .ctuk-metric-icon{width:66px;height:66px;font-size:27px;margin-bottom:20px;border-radius:18px}
}