/* ======================= КАРТОЧКИ ======================= */

.glow-1 .tn-atom,
.glow-2 .tn-atom,
.glow-3 .tn-atom,
.glow-4 .tn-atom,
.glow-5 .tn-atom {

    border: 1px solid rgba(10,79,143,.25) !important;
    border-radius:20px !important;
    overflow:visible !important;
    box-sizing:border-box !important;

    transition:
        transform .3s ease,
        box-shadow .35s ease,
        border-color .25s ease,
        filter .25s ease;

    will-change:transform,box-shadow;
}

/* ======================= ОЧЕРЕДЬ ======================= */

.glow-1 .tn-atom{animation:glowCycle 5s infinite 0s;}
.glow-2 .tn-atom{animation:glowCycle 5s infinite 1s;}
.glow-3 .tn-atom{animation:glowCycle 5s infinite 2s;}
.glow-4 .tn-atom{animation:glowCycle 5s infinite 3s;}
.glow-5 .tn-atom{animation:glowCycle 5s infinite 4s;}

/* ======================= НЕОНОВОЕ СВЕЧЕНИЕ ======================= */

@keyframes glowCycle{

0%,18%,100%{

transform:scale(1);

border-color:rgba(10,79,143,.25);

filter:brightness(1);

box-shadow:0 0 0 rgba(10,79,143,0);

}

8%{

transform:scale(1.03);

border-color:rgba(10,79,143,.95);

filter:brightness(1.35);

box-shadow:
0 0 28px rgba(10,79,143,.95),
0 0 65px rgba(10,79,143,.55);

}

}

/* ======================= HOVER ======================= */

.glow-1 .tn-atom:hover,
.glow-2 .tn-atom:hover,
.glow-3 .tn-atom:hover,
.glow-4 .tn-atom:hover,
.glow-5 .tn-atom:hover{

animation:none!important;

transform:scale(1.02);

box-shadow:
0 0 10px rgba(20,73,163,.22),
0 0 22px rgba(20,73,163,.12),
0 0 36px rgba(20,73,163,.06);

}

/* ======================= КНОПКИ ======================= */
/* 16.10.2026: без оранжевой подложки (давала оранжевый ореол вокруг синих кнопок).
   Пульсация — голубая, как подсветка карточек главного виджета (#5CC4FF), мягче и реже. */

.pulse-btn,
.blue-pulse-btn{
position:relative;
overflow:visible;
z-index:1;
background:transparent!important;
}

.pulse-btn::after,
.blue-pulse-btn::after{
content:"";
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
border-radius:12px;
z-index:-1;
background:rgba(92,196,255,.55);
animation:pulse 3s ease-out infinite;
pointer-events:none;
}

@keyframes pulse{
0%{transform:scale(1);opacity:.6;}
70%{transform:scale(1.12,1.35);opacity:0;}
100%{transform:scale(1.12,1.35);opacity:0;}
}

@media (prefers-reduced-motion:reduce){
.pulse-btn::after,.blue-pulse-btn::after{animation:none;opacity:0;}
}

.dash-line{

stroke-dasharray:10 10;

animation:dashMove 1s linear infinite;

}

@keyframes dashMove{

from{
stroke-dashoffset:0;
}

to{
stroke-dashoffset:-20;
}

}

/* ======================= УБИРАЕМ ОБРЕЗАНИЕ ======================= */

#rec2177355971,
#rec2177355971 .t396,
#rec2177355971 .t396__artboard{

overflow:visible!important;

}

/* ======================= АНИМАЦИЯ ТЕКСТА ======================= */

#rec2177355971 .t-name,
#rec2177355971 .t-title,
#rec2177355971 .t-descr{

opacity:1;

transition:
color .4s ease,
font-weight .4s ease;

}

#rec2177355971 .t-item:hover .t-name,
#rec2177355971 .t-item:hover .t-title,
#rec2177355971 .t-item:hover .t-descr{

color:#1449A3!important;

font-weight:500!important;

}