/* ONEMC.LT – index.php stiliai */

body {

    background-color: #0a0d14;

    color: #e5e7eb;

    font-family: 'Inter', sans-serif;

    margin: 0;

    padding: 0;

    overflow-x: hidden;

}


.neon-line {

    height: 2px;

    background:
        linear-gradient(
            90deg,
            rgba(59, 130, 246, 0) 0%,
            rgba(59, 130, 246, 0.8) 50%,
            rgba(59, 130, 246, 0) 100%
        );

    box-shadow:
        0 0 10px #3b82f6,
        0 0 20px #3b82f6;

}


.section-dots {

    display: flex;

    gap: 4px;

    margin-bottom: 8px;

}


.section-dots span {

    width: 6px;

    height: 6px;

    background-color: #3b82f6;

    border-radius: 50%;

    display: inline-block;

    opacity: 0.7;

}


.section-dots span:nth-child(2) {

    opacity: 0.4;

}


.section-dots span:nth-child(3) {

    opacity: 0.2;

}


details summary::-webkit-details-marker {

    display: none;

}


details[open] {

    border-color: #374151;

}


::-webkit-scrollbar {

    width: 6px;

}


::-webkit-scrollbar-track {

    background: #0f131a;

}


::-webkit-scrollbar-thumb {

    background: #1f2937;

    border-radius: 3px;

}


::-webkit-scrollbar-thumb:hover {

    background: #374151;

}


.hero-stats {

    display: flex;

    align-items: stretch;

    width: fit-content;

    max-width: 100%;

}


.hero-stat {

    padding: 0 28px;

}


.hero-stat:first-child {

    padding-left: 0;

}


.hero-stat:last-child {

    padding-right: 0;

}


.hero-stat + .hero-stat {

    border-left:
        1px solid
        rgba(55, 65, 81, 0.65);

}


.hero-stat-number {

    font-family: monospace;

    font-size: 1.35rem;

    line-height: 1;

    font-weight: 900;

    color: white;

    letter-spacing: 0.08em;

}


.hero-stat-label {

    margin-top: 7px;

    font-size: 9px;

    line-height: 1;

    font-weight: 800;

    color: #71809a;

    letter-spacing: 0.11em;

    text-transform: uppercase;

}


@media (max-width: 640px) {

    .hero-stat {

        padding: 0 16px;

    }

    .hero-stat-number {

        font-size: 1.05rem;

    }

    .hero-stat-label {

        font-size: 8px;

        letter-spacing: 0.07em;

    }

}


.news-card-image {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

    transition:
        transform 0.4s ease;

}


.news-card-image-wrapper {

    overflow: hidden;

    background: #0b0f17;

}


.news-card-image-wrapper:hover
.news-card-image {

    transform: scale(1.04);

}


.news-separator {

    position: relative;

    height: 1px;

    margin: 2px 0;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(59, 130, 246, 0.15) 10%,
            rgba(59, 130, 246, 0.7) 50%,
            rgba(59, 130, 246, 0.15) 90%,
            transparent 100%
        );

    box-shadow:
        0 0 8px rgba(59, 130, 246, 0.15);

}


.news-separator::after {

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

    width: 6px;

    height: 6px;

    transform:
        translate(-50%, -50%)
        rotate(45deg);

    background: #3b82f6;

    box-shadow:
        0 0 8px rgba(59, 130, 246, 0.8),
        0 0 18px rgba(59, 130, 246, 0.4);

}


.more-news-button {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    width: 100%;

    margin-top: 4px;

    padding: 13px 18px;

    border:
        1px solid
        rgba(59, 130, 246, 0.25);

    border-radius: 12px;

    background:
        rgba(17, 21, 30, 0.75);

    color: #93c5fd;

    font-size: 12px;

    font-weight: 800;

    transition: all 0.25s ease;

}


.more-news-button:hover {

    background:
        rgba(59, 130, 246, 0.08);

    border-color:
        rgba(59, 130, 246, 0.55);

    color: #bfdbfe;

    box-shadow:
        0 0 20px
        rgba(59, 130, 246, 0.08);

    transform:
        translateY(-1px);

}


.more-news-button i {

    transition:
        transform 0.25s ease;

}


.more-news-button:hover i {

    transform:
        translateX(4px);

}