.border-box {
border: 1px solid rgba(49,217,209,.18);
border-radius: 18px;
padding: 15px;
background:
linear-gradient(180deg, rgba(16,19,26,.95), rgba(8,9,13,.97));
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.border-box .card {
flex: 1 1 calc(20% - 15px);
max-width: 100px;
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
position: relative;
border-radius: 14px;
overflow: hidden;
border:1px solid rgba(49,217,209,.14);
background:
linear-gradient(180deg, rgba(255,10,92,.12), rgba(8,9,13,.96));
box-shadow: 0 12px 20px rgba(0,0,0,.28), 0 0 18px rgba(255,10,92,.08);
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.border-box .card:hover {
transform: translateY(-3px);
border-color:rgba(255,75,130,.34);
box-shadow: 0 16px 28px rgba(0,0,0,.32), 0 0 20px rgba(49,217,209,.12);
}

.border-box .card img {
width: 100%;
height: 100%;
object-fit: contain;
}

.info-box-wak89 {
margin: 30px auto;
border-radius: 20px;
}

.info-header-wak89 {
position: relative;
padding: 18px 16px;
text-align: center;
font-size: 22px;
font-weight: 700;
letter-spacing: 0.08em;
color: var(--moosemail-ivory);
background: linear-gradient(90deg, rgba(8,9,13,.98), rgba(255,10,92,.88), rgba(255,75,130,.18));
border-bottom:1px solid rgba(49,217,209,.14);
}

.info-row-wak89 {
display: flex;
justify-content: space-between;
gap: 12px;
padding: 14px 16px;
border-bottom:1px solid rgba(49,217,209,.08);
}

.info-row-wak89:last-child {
border-bottom: none;
}

.info-label-wak89 {
width: 40%;
font-weight: 600;
color:#FF4B82;
}

.info-value-wak89 {
width: 60%;
font-weight: 700;
color: var(--moosemail-text);
text-align: right;
}

@media (max-width: 768px) {
.border-box .card {
flex: 1 1 calc(33.33% - 10px);
}
}

@media (max-width: 480px) {
.border-box .card {
flex: 1 1 calc(50% - 10px);
}

.info-row-wak89 {
flex-direction: column;
}

.info-label-wak89,
.info-value-wak89 {
width: 100%;
text-align: left;
}
}