:root {
    --lpb-bg:       #212244;
    --lpb-accent:   #0E9AEB;
    --lpb-accent-h: #0b84cc;
    --lpb-text:     #ffffff;
    --lpb-radius:   20px;
    --lpb-title:    'Raleway', sans-serif;
    --lpb-body:     'Nunito', sans-serif;
}

.lpb-card {
    display:      flex;
    align-items:  stretch;
    background:   var(--lpb-bg);
    border-radius: var(--lpb-radius);
    overflow:     hidden;
    max-width:    720px;
    min-height:   240px;
    box-shadow:   none;
	margin-top:    15px !important;
    margin-bottom: 15px !important;
}

.lpb-card__image {
    flex:            0 0 46%;
    display:         flex;
    align-items:     center;
    justify-content: center;
    padding:         24px 16px;
}

.lpb-card__image-link {
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           100%;
    transition:      opacity .18s;
}

.lpb-card__image-link:hover { opacity: .85; }

.lpb-card__image img {
    width:      100%;
    max-width:  260px;
    height:     auto;
    object-fit: contain;
    display:    block;
    filter:     drop-shadow(0 6px 16px rgba(0,0,0,.4));
}

.lpb-card__divider {
    flex:        0 0 1px;
    border-left: 2px dashed rgba(255,255,255,.15);
    margin:      24px 0;
}

.lpb-card__info {
    flex:            1;
    display:         flex;
    flex-direction:  column;
    justify-content: center;
    padding:         28px 32px;
    gap:             16px;
}

.lpb-card__title {
    font-family: var(--lpb-title);
    font-size:   16px;
    font-weight: 800;
    line-height: 1.3;
    margin:      0;
    color:       var(--lpb-text);
}

.lpb-card__title-link {
    color:           var(--lpb-text);
    text-decoration: none;
    transition:      opacity .18s;
}

.lpb-card__title-link:hover { opacity: .8; }

.lpb-card__stats {
    list-style: none;
    margin:     0;
    padding:    0;
    display:    flex;
    flex-direction: column;
    gap:        10px;
}

.lpb-card__stat {
    display:     flex;
    align-items: center;
    gap:         12px;
    font-family: var(--lpb-body);
    font-size:   14px;
    font-weight: 700;
    color:       var(--lpb-text);
}

.lpb-icon {
    display:         flex;
    align-items:     center;
    justify-content: center;
    flex-shrink:     0;
    width:           36px;
    height:          36px;
    border:          2px solid var(--lpb-accent);
    border-radius:   8px;
    color:           var(--lpb-accent);
}

.lpb-card__btn {
    display:         inline-flex;
    align-items:     center;
    gap:             8px;
    background:      var(--lpb-accent);
    color:           #fff;
    font-family:     var(--lpb-body);
    font-size:       14px;
    font-weight:     700;
    text-decoration: none;
    padding:         12px 28px;
    border-radius:   10px;
    align-self:      flex-start;
    margin-top:      4px;
    transition:      background .18s, transform .12s;
}

.lpb-card__btn:hover { background: var(--lpb-accent-h); transform: translateY(-1px); color: #fff; }

.lpb-notice {
    padding:       12px 16px;
    background:    #fff3cd;
    border-radius: 8px;
    color:         #856404;
    font-family:   var(--lpb-body);
}

@media (max-width: 580px) {
    .lpb-card { flex-direction: column; }
    .lpb-card__image { flex: 0 0 auto; padding: 20px; }
    .lpb-card__divider { flex: 0 0 1px; border-left: none; border-top: 2px dashed rgba(255,255,255,.15); margin: 0 24px; }
    .lpb-card__info { padding: 20px 24px 24px; }
}