.logbooks-main-panel{
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);

    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 28px;

    box-shadow:
        0 16px 40px rgba(0,0,0,0.25),
        inset 0 1px 0 rgba(255,255,255,0.12);
}

.logbooks-main-panel h2{
    color:#fff !important;
}

.logbooks-main-panel p{
    color:rgba(255,255,255,.85);
}
/* =========================
   LOGBOOK CARDS
========================= */

.logbook-type-card{
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    box-shadow:
    0 12px 30px rgba(0,0,0,0.22),
    0 0 20px color-mix(in srgb, var(--logbook-color) 25%, transparent),
    inset 0 1px 0 rgba(255,255,255,0.10);

    border: 1px solid color-mix(in srgb, var(--logbook-color) 45%, white);

    border-radius: 24px;

    padding: 24px;
    min-height: 170px;

    cursor: pointer;

    

    transition: all .25s ease;
}

.logbook-type-card:hover{
    transform: translateY(-6px);

border-color: var(--logbook-color);

box-shadow:
    0 20px 45px rgba(0,0,0,0.30),
    0 0 35px color-mix(in srgb, var(--logbook-color) 40%, transparent),
    inset 0 1px 0 rgba(255,255,255,0.15);

}

.logbook-type-card h3{
    color:#ffffff !important;
    font-weight:900;
}

.logbook-type-card p{
    color:rgba(255,255,255,.82) !important;
    line-height:1.9;
}