.page--designer {
    background:
        radial-gradient(circle at 8% 13%, rgba(237, 106, 90, 0.12), transparent 24%),
        radial-gradient(circle at 92% 16%, rgba(242, 177, 52, 0.15), transparent 19%),
        linear-gradient(180deg, #fffaf0 0, #fbf7ee 43%, #f5f0e7 100%);
}

.page--designer::before,
.page--designer::after {
    content: "";
    position: fixed;
    z-index: -1;
    border: 1px dashed rgba(37, 38, 58, 0.08);
    border-radius: 50%;
}

.page--designer::before { width: 420px; height: 420px; top: -230px; right: 10%; }
.page--designer::after { width: 330px; height: 330px; left: -190px; bottom: 8%; }

.page--designer .intro::after {
    content: "♥";
    position: absolute;
    top: 88px;
    right: 8%;
    display: grid;
    place-items: center;
    width: 49px;
    height: 49px;
    border-radius: 17px 17px 17px 5px;
    background: #f7d978;
    color: #9a7020;
    box-shadow: var(--shadow-card);
    transform: rotate(8deg);
}

@media (max-width: 760px) {
    .page--designer .intro::after { display: none; }
}