.hero-panel,
.stat-card,
.search-panel,
.paper-card,
.paper-section,
.paper-hero {

    position: relative;

    overflow: hidden;
}

.hero-panel::before,
.stat-card::before,
.search-panel::before,
.paper-card::before,
.paper-section::before,
.paper-hero::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.18),
            transparent
        );
}

.paper-card:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(0,255,170,.22);

    transition:
        .18s ease;
}

.search-input:focus,
.sort-select:focus {

    outline: none;

    border-color:
        rgba(0,212,255,.45);

    box-shadow:
        0 0 0 4px rgba(0,212,255,.08);
}

.search-button {

    transition:
        transform .15s ease,
        box-shadow .15s ease;
}

.search-button:hover {

    transform:
        translateY(-2px);

    box-shadow:
        0 12px 24px rgba(0,255,170,.18);
}

.paper-title a {

    transition:
        color .15s ease;
}

.paper-title a:hover {

    color:
        var(--cyan);
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #071018;
}

::-webkit-scrollbar-thumb {

    background:
        rgba(255,255,255,.12);

    border-radius: 999px;
}