/* ONEMC.LT – atrankos.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,.8) 50%,
            rgba(59,130,246,0) 100%
        );

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

::-webkit-scrollbar {

    width:
        6px;
}

::-webkit-scrollbar-track {

    background:
        #0f131a;
}

::-webkit-scrollbar-thumb {

    background:
        #1f2937;

    border-radius:
        3px;
}

::-webkit-scrollbar-thumb:hover {

    background:
        #374151;
}

.scrollbar-none::-webkit-scrollbar {

    display:
        none;
}

.scrollbar-none {

    scrollbar-width:
        none;
}

.position-card {

    position:
        relative;

    overflow:
        hidden;

    background:
        linear-gradient(
            145deg,
            rgba(17,21,30,.96),
            rgba(10,13,20,.90)
        );

    border:
        1px solid rgba(31,41,55,.9);

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.position-card::before {

    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        100%;

    height:
        2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #3b82f6,
            transparent
        );

    opacity:
        0;

    transition:
        opacity .2s ease;
}

.position-card:hover {

    transform:
        translateY(-2px);

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

    background:
        linear-gradient(
            145deg,
            rgba(23,28,39,.98),
            rgba(10,13,20,.95)
        );

    box-shadow:
        0 12px 30px rgba(0,0,0,.25);
}

.position-card:hover::before {

    opacity:
        1;
}

.position-card.active {

    transform:
        translateY(-2px);

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

    background:
        linear-gradient(
            145deg,
            rgba(59,130,246,.12),
            rgba(17,21,30,.98)
        );

    box-shadow:
        0 0 0 1px rgba(59,130,246,.08),
        0 12px 35px rgba(0,0,0,.3),
        0 0 25px rgba(59,130,246,.08);
}

.position-card.active::before {

    opacity:
        1;
}

.form-input {

    background:
        #0a0d14;

    border:
        1px solid rgba(31,41,55,.95);

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.form-input:hover {

    border-color:
        rgba(55,65,81,.9);
}

.form-input:focus {

    border-color:
        #3b82f6;

    box-shadow:
        0 0 0 3px rgba(59,130,246,.08);

    background:
        #0b0f17;
}

.question-card {

    background:
        rgba(10,13,20,.70);

    border:
        1px solid rgba(31,41,55,.85);

    transition:
        border-color .2s ease,
        background .2s ease;
}

.question-card:hover {

    background:
        rgba(17,21,30,.75);
}

.question-card:focus-within {

    border-color:
        rgba(59,130,246,.45);
}