.UC_Hero {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(243, 196, 132, 0.9), transparent 45%),
        linear-gradient(135deg, #102542 0%, #1f3b57 45%, #245c73 100%);
    color: #fff;
    padding: 40px 32px;
    min-height: 280px;
}

.UC_Hero_Backdrop {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, rgba(255, 255, 255, 0.04), transparent 40%),
        radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.18), transparent 35%);
}

.UC_Hero_Content {
    position: relative;
    z-index: 1;
    max-width: 720px;
    display: grid;
    gap: 18px;
}

.UC_Hero .LeadText {
    color: rgba(255, 255, 255, 0.86);
    max-width: 58ch;
}

.UC_Hero .UI_Button.OutlineButton {
    border-color: rgba(255, 255, 255, 0.85);
    color: #fff;
}

@media (max-width: 720px) {
    .UC_Hero {
        padding: 32px 22px;
        border-radius: 22px;
    }
}