:root {
    --shadow-hover: 0 5px 15px -5px rgba(0, 0, 0, 0.1), 0 4px 5px -6px rgba(0, 0, 0, 0.05);
    --transition: all 0.4s ease-in-out;
}

.logged-in {
    .hero-large {
        background-color: #e0eff5;
        background-image: -webkit-radial-gradient(at 15% 60%, rgba(219, 39, 119, 0.09) 0, transparent 55%), -webkit-radial-gradient(at 80% 10%, rgba(74, 4, 78, 0.07) 0, transparent 50%), -webkit-radial-gradient(at 55% 95%, rgba(219, 39, 119, 0.06) 0, transparent 40%);
        background-image: -o-radial-gradient(at 15% 60%, rgba(219, 39, 119, 0.09) 0, transparent 55%), -o-radial-gradient(at 80% 10%, rgba(74, 4, 78, 0.07) 0, transparent 50%), -o-radial-gradient(at 55% 95%, rgba(219, 39, 119, 0.06) 0, transparent 40%);
        background-image: radial-gradient(at 15% 60%, rgba(219, 39, 119, 0.09) 0, transparent 55%), radial-gradient(at 80% 10%, rgba(74, 4, 78, 0.07) 0, transparent 50%), radial-gradient(at 55% 95%, rgba(219, 39, 119, 0.06) 0, transparent 40%);
        display: flex;
        align-items: center;
        flex-direction: column;
        padding-top: .5rem;
        padding-bottom: .5rem;
    gap: 3rem;
    justify-content: center;

        &:before {
            display: none;
        }

        & > * {
            margin: 0 !important;
        }

          & > img {
    display: none;
            }
    }

.hero-large__title {
    height: auto;
    font-size: 4.5rem;
}

    .hero-list {
        display: flex;
        flex-direction: column;
        gap: 3rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    .hero-list__item {
        transition: var(--transition);
        margin: 0;
        background-color: #e0eff5;
        background-image: -webkit-radial-gradient(at 15% 60%, rgba(219, 39, 119, 0.09) 0, transparent 55%), -webkit-radial-gradient(at 80% 10%, rgba(74, 4, 78, 0.02) 0, transparent 50%), -webkit-radial-gradient(at 55% 95%, rgba(219, 39, 119, 0.06) 0, transparent 40%);
        background-image: -o-radial-gradient(at 15% 60%, rgba(219, 39, 119, 0.09) 0, transparent 55%), -o-radial-gradient(at 80% 10%, rgba(74, 4, 78, 0.02) 0, transparent 50%), -o-radial-gradient(at 55% 95%, rgba(219, 39, 119, 0.06) 0, transparent 40%);
        background-image: radial-gradient(at 15% 60%, rgba(219, 39, 119, 0.09) 0, transparent 55%), radial-gradient(at 80% 10%, rgba(74, 4, 78, 0.02) 0, transparent 50%), radial-gradient(at 55% 95%, rgba(219, 39, 119, 0.06) 0, transparent 40%);

        &:hover {
            box-shadow: var(--shadow-hover);
            transform: translateY(-2px);
        }
    }
}