/* =========================
   SELESTICA ATMOSPHERE*/


::selection{
    background:rgba(98,17,255,.35);
    color:#ffffff;
}

::-moz-selection{
    background:rgba(98,17,255,.35);
    color:#ffffff;
}



.t-records mark,
.t-records span[style*="background"] {
    background: linear-gradient(
        90deg,
        #8241FF,
        #6211FF,
        #8241FF
    ) !important;

    background-size: 200% 100%;
    position: relative;
    top: -2px;
    border-radius: 999px !important;
    padding: 0.18em 0.55em;
    line-height: 1;

    animation: glowFlow 6s ease infinite;
}

@keyframes glowFlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}


a {
    border-radius: 60px !important;
    padding: 0.08em 0.35em;
    transition: all .3s ease;
}


.t1052__line {
    border-radius: 60px !important;
}

.brand-dot{
    display:inline-block;
    width:12px;
    height:12px;
    margin:0 0.15em;
    border-radius:50%;
    vertical-align:middle;

    background:#6211FF;

    box-shadow:
        0 0 8px rgba(98,17,255,.95),
        0 0 20px rgba(98,17,255,.75),
        0 0 40px rgba(98,17,255,.55),
        0 0 80px rgba(98,17,255,.35);
}


.glow-symbol{
    color:#6211FF;
    text-shadow:
        0 0 8px rgba(98,17,255,.9),
        0 0 20px rgba(98,17,255,.8),
        0 0 40px rgba(98,17,255,.6),
        0 0 80px rgba(98,17,255,.4);
}


.t602__indicator
    border-radius: 60px !important;
}




/* =========================
   SELESTICA ATMOSPHERE
   ========================= */

body {
    background: #0E1124;
    overflow-x: hidden;
    position: relative;
}

/* Световые точки */

body::before,
body::after {
    content: '';
    position: fixed;
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
    filter: blur(80px);
    opacity: 0;
}

/* Вспышка №1 */

body::before {
    width: 280px;
    height: 280px;

    background: radial-gradient(
        circle,
        rgba(98,17,255,0.55) 0%,
        rgba(98,17,255,0.25) 30%,
        rgba(98,17,255,0) 75%
    );

    top: 20%;
    left: 15%;

    animation: selesticaGlow1 35s ease-in-out infinite;
}

/* Вспышка №2 */

body::after {
    width: 220px;
    height: 220px;

    background: radial-gradient(
        circle,
        rgba(98,17,255,0.45) 0%,
        rgba(98,17,255,0.18) 35%,
        rgba(98,17,255,0) 75%
    );

    bottom: 20%;
    right: 10%;

    animation: selesticaGlow2 48s ease-in-out infinite;
}

/* Анимации */

@keyframes selesticaGlow1 {

    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    4% {
        opacity: .45;
    }

    8% {
        opacity: 0;
        transform: scale(1.25);
    }

    100% {
        opacity: 0;
    }
}

@keyframes selesticaGlow2 {

    0%, 45% {
        opacity: 0;
        transform: scale(.9);
    }

    50% {
        opacity: .35;
    }

    55% {
        opacity: 0;
        transform: scale(1.3);
    }

    100% {
        opacity: 0;
    }
}

/* Выделение текста */

::selection {
    background: #6211FF;
    color: #FFFFFF;
}