@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@900&display=swap');

body {
    background-color: #050a14;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

.n-path {
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
    animation: draw 2s ease-out forwards;
    filter: drop-shadow(0 0 10px #00f2ff);
}

@keyframes draw {
    to { stroke-dashoffset: 0; }
}

.ovax-text {
    opacity: 0;
    animation: fadeIn 0.5s forwards 1.5s;
    /* То же самое мощное свечение */
    filter: drop-shadow(0 0 5px #00f2ff) drop-shadow(0 0 10px #00f2ff) drop-shadow(0 0 20px #00f2ff);
}

.protected-text {
    opacity: 0;
    /* Появляется с задержкой после основного лого */
    animation: fadeIn 0.5s forwards 2s;
    text-transform: uppercase;
    filter: drop-shadow(0 0 2px #00f2ff);
}

@keyframes fadeIn {
    to { opacity: 1; }
}