.logo {
    @media (min-width: 720px) {
            font-family: Arial, sans-serif;
            text-align: center;
            display: inline-block;
            margin: 10%;
            padding: 10px 30px;
            background: #2f3a3f;
            border-radius: 12px;
            position: relative;
            overflow: hidden;
            box-shadow: 
                0 8px 25px rgba(0, 0, 0, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.15);
        }

        @media (max-width: 719px) {
            font-family: Arial, sans-serif;
            text-align: center;
            display: inline-block;
            padding: 10px 30px;
            background: #2f3a3f;
            border-radius: 12px;
            position: relative;
            overflow: hidden;
            box-shadow: 
                0 8px 25px rgba(0, 0, 0, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.15);
        }
    }

        .logo::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, 
                transparent, 
                rgba(255, 255, 255, 0.3), 
                transparent);
        }

        .logo-main {
            font-family: 'AdverGothic-Italic', 'AdverGothic-Italic', Arial, sans-serif;
            font-size: 36px;
            font-weight: bold;
            font-style: italic;
            color: #ffffff;
            margin-bottom: 0px;
            
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
            position: relative;
            z-index: 2;
        }

        .logo-subtitle {
            font-size: 14px;
            color: #b0b7bd;
            margin-bottom: 8px;
            line-height: 1.3;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
            position: relative;
            z-index: 2;
        }

        .accent {
            color: #c62828;
            font-weight: bold;
        }

        /* Улучшенная линия с окружностью */
        .accent-decoration {
            position: relative;
        }

        .accent-decoration::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: calc(100% + 15px);
            height: 1px;
            background: #c62828;
            border-radius: 1px;
        }

        

    @keyframes pulse {
        0% { 
            transform: scale(1); 
            filter: brightness(1); /* Нормальная яркость */
        }
        50% { 
            transform: scale(1.3); 
            filter: brightness(1.4); /* Максимальная яркость при максимальном масштабе */
        }
        100% { 
            transform: scale(1); 
            filter: brightness(1); /* Возврат к нормальной яркости */
        }
        }

        .accent-decoration::before {
        content: '';
        position: absolute;
        bottom: -8px;
        right: -15px;
        width: 8px;
        height: 8px;
        background: #c62828;
        border-radius: 50%;
        box-shadow: 0 0 0 2px #2f3a3f, 0 0 0 3px #9f5b5b;
        z-index: 3;
        animation: pulse 1.5s infinite;
        transition: filter 0.3s ease;
        }

        .logo-link {
            text-decoration: none;
            display: inline-block;
        }