.visitor-top {
    display:grid;
    grid-template-columns:1.15fr 1fr;
    gap:18px;
    margin-bottom:18px;
}

.visitor-main-card,
.visitor-card,
.visitor-ua {
    border:1px solid rgba(98,216,255,.16);
    background:
        linear-gradient(
            145deg,
            rgba(13,28,48,.78),
            rgba(4,11,23,.82)
        );
    backdrop-filter:blur(20px);
    border-radius:18px;
}

.visitor-main-card {
    min-height:150px;
    padding:26px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.visitor-main-card small {
    color:#607b93;
    letter-spacing:1.6px;
    font-size:9px;
}

.visitor-main-card strong {
    margin-top:10px;
    font-family:var(--font-code);
    font-size:clamp(23px,3vw,38px);
    color:#bcefff;
    word-break:break-all;
    text-shadow:
        0 0 25px
        rgba(98,216,255,.18);
}

.visitor-main-card strong.fingerprint {
    font-size:clamp(14px,2vw,21px);
    color:#aac1ff;
}

.visitor-main-card span {
    margin-top:8px;
    color:#5d7188;
    font-size:9px;
}

.visitor-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.visitor-card {
    padding:22px;
    transition:.25s;
}

.visitor-card:hover {
    transform:translateY(-3px);
    border-color:rgba(98,216,255,.38);
    box-shadow:
        0 20px 50px
        rgba(0,0,0,.25);
}

.visitor-card h3 {
    font-size:10px;
    letter-spacing:1.8px;
    color:#6bdcff;
    margin-bottom:14px;
    padding-bottom:12px;
    border-bottom:
        1px solid
        rgba(100,170,210,.12);
}

.visitor-row {
    min-height:37px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    border-bottom:
        1px solid
        rgba(110,170,210,.07);
}

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

.visitor-row span {
    color:#647991;
    font-size:10px;
}

.visitor-row b {
    color:#b8cada;
    font-family:var(--font-code);
    font-size:10px;
    font-weight:500;
    text-align:right;
    max-width:65%;
    overflow-wrap:anywhere;
}

.visitor-long {
    min-height:58px;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:5px;
}

.visitor-long b {
    text-align:left;
    max-width:100%;
}

.visitor-ua {
    margin-top:18px;
    padding:20px 22px;
}

.visitor-ua small {
    display:block;
    color:#60758b;
    font-size:8px;
    letter-spacing:1.5px;
    margin-bottom:10px;
}

.visitor-ua code {
    display:block;
    color:#87a7bd;
    font-family:var(--font-code);
    font-size:10px;
    line-height:1.7;
    overflow-wrap:anywhere;
}

@media(max-width:900px) {
    .visitor-top,
    .visitor-grid {
        grid-template-columns:1fr;
    }
}